ヘルプセンターでサポートする言語を 有効にする と、エンドユーザーが情報を表示する言語を選択できるようになります。
このワークフローでは、ヘルプセンターのページのフッターの言語ドロップダウンメニューに表示される言語の名前を編集する方法を学びます。
フッターテンプレートのスクリプトを置き換える
Footer.hbs ファイルのデフォルトコードをカスタムコードで置き換えて、言語ドロップダウンメニューに表示される言語の名前を編集できます。
フッターを編集するには
- Guideのサイドバーにある「 デザインをカスタマイズ 」アイコン(
)
- 編集するテーマで「 カスタマイズ 」を選択します。
- コードを編集を選択します。
- 「 テンプレート 」セクションで、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)
のドロップダウンオプションは「テスト」に置き換えられました。
免責事項:この記事は説明のみを目的として提供されています。記事内で例示したコードについて、Zendeskはサポートも保証もいたしません。何か問題があった場合はコメント欄に投稿するか、インターネットで解決策を探してみてください。
翻訳に関する免責事項:この記事は、お客様の利便性のために自動翻訳ソフ トウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性につ いては保証いたしません。
翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事 を参照してください。
0件のコメント