MultiLipiで言語スイッチャーをカスタマイズする方法

マルチリピ では、言語スイッチャーの表示と動作を、デスクトップとモバイルの両方で完全に制御できます。シームレスなデザイン統合を目指す場合でも、より見やすいアクセシビリティを目指す場合でも、スイッチャーをカスタマイズすることで、ユーザーエクスペリエンスを向上させ、多言語ページ間でデザインの一貫性を維持できます。

ステップバイステップのセットアップガイド

1. 言語スイッチャー設定に移動します

言語スイッチャーのカスタマイズを開始するには:

• あなたの MultiLipiダッシュボード

• 選ぶ 言語スイッチャー から 設定 左側のメニューのタブ。
  

2.スイッチャーのレイアウトと外観を編集します

スイッチエディターに入ると、専用のダッシュボードが表示され、両方のカスタマイズオプションが表示されます デスクトップ そして モビール インターフェイス。

3.テンプレート(スイッチャースタイル)

事前定義されたスイッチャースタイルから、WebサイトのUIに最も適したものを選択します。

4.スイッチャーの配置

画面上の言語スイッチャーの位置を設定します。

• フローティング (左下のようなコーナーベースの位置決め)
• 埋め込み (特定の HTML 要素に挿入される)

フォールバックロジックにより、埋め込まれたスポットが見つからない場合にスイッチャーがフローティングに戻ります。

5.スイッチャーの色をカスタマイズします

ブランディングに合わせて独自のカラーパレットを選択してください。セット：

• 背景色
• テキストの色

RGB 値または組み込みのカラー ピッカーを使用します。

6.高度なカスタムCSS(オプション)

完全に制御するには、独自の CSS ルールを挿入して、スイッチャーのスタイルを正確に設定します。

例：

cssの- コピー編集

#lang スイッチャー選択言語.fi {

border-radius: 0px;

}

#dynamicDropdown {

/* あなたのスタイル */

}

7.保存またはリセット

• クリック セーブ をクリックして、変更を適用します。

• クリック リセット をクリックして、デフォルトのデザインに戻します。

最終プレビュー

すべてのカスタマイズはリアルタイムで即座にプレビューされるため、デスクトップモードとモバイルモードを切り替えて、デバイスタイプ間での一貫性を確保できます。

まとめ

MultiLipiの言語スイッチャーエディタでは、次のことができます。

• 理想的なディスプレイスタイルをお選びください
• 正確な位置を調整する
• ウェブサイトのテーマと色を一致させる
• カスタムCSSを使用して完全な柔軟性を実現

多言語のオーディエンス向けに完璧なユーザーエクスペリエンスを、数回のクリックで実現します。