MultiLipiにおけるフローティング言語スイッチャーと組み込み言語スイッチャーを理解する

MultiLipiオファー 2つの柔軟な方法 言語スイッチャーをウェブサイトに配置するには、 フローティング そして 埋め込み — したがって、デザインとユーザーエクスペリエンスのニーズに適合します。

1. フローティングスイッチャー

それはなんですか。
ザ フローティングスイッチャー は、画面の隅の1つに配置された小さなドラッグ可能なウィジェットとして表示されます。

• 左下
• 右下
• 左上
• 右上

なぜそれを使うのですか?

• あなたが HTML を手動で編集する必要はありません .
• WordPress、Shopify、Webflow など、あらゆる Web サイトですぐに動作します。
• のユーザーに自動的に表示されます。 すべての画面サイズ .
• プラグアンドプレイで素早くインストールできるのに最適です。

使用例:
多言語サイトを立ち上げるときに、レイアウトを変更せずに画面の左下隅にスイッチャーを常に表示したいと考えています。

 

2. 組み込みスイッチャー

それはなんですか。
ザ 組み込みスイッチャー を使用すると、次のような HTML の特定の部分内にスイッチャーを配置できます。

• ナビゲーションバー ( <nav>)
• サイドバーウィジェット
• フッターセクション

これを行うには、 CSS セレクター (例: #language スイッチャー , .nav-メニュー など)MultiLipi ダッシュボードで。

なぜそれを使うのですか?

• IT シームレスにブレンド ウェブサイトのデザインに。
• カスタム レイアウトや、言語スイッチャーの表示場所を完全に制御したいサイトに最適です。
• ナビゲーションの近くまたはドロップダウンメニューにスイッチャーが表示されることを期待するユーザーに役立ちます。

大事な：
提供された CSS セレクターが ページに見つかりません の場合、MultiLipiは自動的に フローティング スイッチャー — 表示され続けるようにします。

 

フォールバックロジック:組み込みが失敗した場合はどうなりますか?

スイッチャー 埋め込みターゲットが見つかりません Webページ(たとえば、divを削除したり、クラス名を変更したりした場合)に、MultiLipiを使用します。

• フローティングモードに自動的に切り替わります
• ユーザーが次のことを行うことができることを保証します。 まだ言語の変更 中断することなく
• ログ コンソールの警告 デバッグ用のブラウザーで

どちらを使うべきですか?

概要

選ぶ フローティング シンプルさのために、 埋め込み 設計管理用。MultiLipiのスマートなフォールバックロジックにより、レイアウトが変わってもスイッチャーが常に機能することを保証します。