ヘルプセンターでSupportで使用する言語を有効にすると、エンドユーザーは情報を表示する言語を選択できます。
このワークフローでは、ヘルプセンターのページのフッターにある言語ドロップダウンメニューに表示される言語の名前を編集する方法を学習します。
フッターテンプレートコードを置き換える
footer.hbs ファイルのデフォルトコードをカスタムコードに置き換えて、言語ドロップダウンメニューに表示される言語の名前を編集します。
フッターを編集するには
- 「ナレッジベース管理」で、サイドバーにあるデザインのカスタマイズアイコン（
）をクリックします。 - 編集するテーマで「カスタマイズ」を選択します。
- 「コードを編集」を選択します。
-
「Templates」セクションで、「footer.hbs」を選択し、以下のコードを削除します。
<footer class="footer"> <div class="footer-inner"> {{#link 'help_center'}}{{help_center.name}}{{/link}} <div class="footer-language-selector"> {{#if alternative_locales}} <div class="dropdown language-selector"> <button class="dropdown-toggle" aria-haspopup="true"> {{current_locale.name}} </button> <span class="dropdown-menu dropdown-menu-end" role="menu"> {{#each alternative_locales}} <a href="{{url}}" dir="{{direction}}" rel="nofollow" role="menuitem"> {{name}} </a> {{/each}} </span> </div> {{/if}} </div> </div> </footer> -
このコードを以下のコードに置き換えます。
<footer class="footer"> <div class="footer-inner"> {{#link 'help_center'}}{{help_center.name}}{{/link}} <div class="footer-language-selector"> {{#if alternative_locales}} <div class="dropdown language-selector"> <button class="dropdown-toggle" aria-haspopup="true"> {{#is current_locale.name 'English (US)'}} Test {{else}} {{current_locale.name}} {{/is}} </button> <span class="dropdown-menu dropdown-menu-nd" role="menu"> {{#each alternative_locales}} <a href="{{url}}" dir="{{direction}}" rel="nofollow" role="menuitem"> {{#is name 'English (US)'}} Test {{else}} {{name}} {{/is}} </a> {{/each}} </span> </div> {{/if}} </div> </div> </footer>
上記の例では、English (US)を、変更する言語名に置き換えています。「Test」を、言語ドロップダウンメニューに表示する名前に置き換えます。
次の例では、「English (US)」ドロップダウンオプションを「Test」に置き換えています。
免責事項：この記事は説明のみを目的として提供されています。記事内で例示したコードについて、Zendeskはサポートも保証もいたしません。また、Zendeskは、JavaScript、jQuery、CSSなどのサードパーティの技術に対してサポートを提供することができません。何か問題があった場合はコメント欄に投稿するか、インターネットで解決策を探してみてください。
翻訳に関する免責事項：この記事は、お客様の利便性のために自動翻訳ソフ トウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性につ いては保証いたしません。
翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事 を参照してください。