言語セレクター

概要

Avonni Language Selector コンポーネントは、Experience Cloud サイトにシームレスな多言語機能を提供し、訪問者が言語を簡単に切り替えられるようにします。

🔀 Salesforce 標準の言語セレクタと Avonni Language Selector の違い

Avonni Language Selector は、次の点で標準の Salesforce 言語セレクタを上回ります:

1. 言語のグループ化: 地域やその他の基準で言語を整理し、ユーザーフレンドリーな体験を提供します。

2. 視覚的カスタマイズ: セレクタの外観や雰囲気をサイトのデザインに合わせて調整できます。

3. 高度な機能: メニューのナビン（nubbin）カスタマイズや標準セレクタにはない柔軟なメニュートリガーなどの機能を利用できます。

Avonni Language Selector を使えば、機能的で視覚的に魅力的、かつサイトの独自のアイデンティティに完全に調和した多言語体験を作成できます。

導入準備：基本設定

ラベル

• 言語選択メニューの上に表示されるラベルをカスタマイズします。

• あるいは「現在の言語をラベルとして使用」オプションを切り替えて、選択中の言語を動的にラベルとして表示できます。

言語グループ

• 言語グループ機能を使って、複数の言語を別々の列に整理します。

• 選択した言語がサイトで有効かつ利用可能であることを確認してください。

視覚的カスタマイズ

アイコン名とサイズ

言語の多様性を表すシンボル（例えば地球儀）を選び、そのサイズをサイトの美観に合わせて調整します。

バリアント

サイトの美観に合う視覚スタイル（bare、bare-inverse、base、border、border-filled など）を選択します。

メニューの位置合わせ

サイトの美観に合う視覚スタイル（bare、bare-inverse、base、border、border-filled など）を選択します。

メニューの動作

メニュー起動方法

訪問者はボタンをクリックしますか、ホバーしますか、フォーカスして言語オプションを表示しますか？オーディエンスにとって最も直感的な操作を選んでください。

メニューのヌビン

この小さな矢印は、メニューからコンポーネントへ向かう方向を示すさりげないサインのようなものです。

メニューのタイトル

明確さのためにメニューにわかりやすいタイトル（例：「言語を選択」）を付けてください。

役立つヒントとアクセシビリティ

ツールチップ

ユーザーがコンポーネントにホバーしたときに、ツールチップで簡単な説明や手順を提供してください。

下向き矢印を非表示にする

よりすっきりした見た目が好みの場合は、通常ドロップダウンに付随する下向き矢印アイコンを非表示にできます。

ストレッチ

このオプションにより、コンポーネントがコンテナに合わせて拡張され、洗練された外観を確保します。

無効化

必要に応じて言語選択機能を一時的に無効にします。

水平配置

コンポーネントのコンテナ内での水平配置（左寄せ、中央、右寄せ）を制御します。

Avonni Language Selector により、Experience Cloud サイトはグローバルな訪問者にとって歓迎されるハブになります。訪問者は好みの言語を簡単に選択でき、コンテンツをスムーズかつ快適に閲覧できます。