クイックナビゲーション

デフォルトでは、カスタマーポータルの言語は訪問者が選択できません。カスタマーポータルは、訪問者のブラウザで設定されたウェブサイト表示の優先言語で表示されます（その言語がLiveAgentで有効になっている場合に限ります）。 また、URLを調整することでポータルの言語を変更する方法もあります。URLに言語URLパラメータ（小文字のL）?l=言語コード を適切な言語コードとともに追加することで、ポータルの言語を変更できます。

このURLパラメータを追加すると、ブラウザに言語クッキーが作成されるため、選択した言語が記憶され、毎回この操作を繰り返す必要はありません。

翻訳されるのは、選択した言語でこちらの説明のとおりに利用可能かつ翻訳済みのソースメッセージのみです。通常のテキスト（##で囲まれていないもの）は自動的に翻訳されません。

使用できるのは、有効な言語の言語コードのみです。

言語切り替え

上記の方法を活用して、カスタマーポータルのヘッダーに追加できるクイック言語切り替え機能を実装できます。使用しているカスタマーポータルのテーマに対応するコードを以下から確認し、カスタマーポータル設定 > Design（デザイン） > Own HTMLの「Header HTML」フィールドに挿入してください。

Materialテーマ 

<nav class="navbar">
 <div class="container">
   <div class="navbar-header">
     <a class="navbar-brand KBLogo" href="/"></a>
     <input class="menu-btn" type="checkbox" id="menu-btn" />
     <label class="navbar-toggle" for="menu-btn">
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>
     </label>
     <div id="navbar" class="navbar-collapse collapse">
       <ul id="menu-header-menu" class="nav navbar-nav">
         <li id="menu-item-mytickets" class="menu-item"><a href="{$myTicketsUrl}#My-Tickets"><span>##My tickets##</span></a></li>
         {if ($submitTicketEnabled)}
           <li id="menu-item-submitticket" class="menu-item"><a href="{$submitTicketUrl}"><span>##Submit ticket##</span></a></li>
         {/if}
         {if ($userLogged != null)}
           <li id="menu-item-user" class="menu-item">
             <div class="Avatar">
               <img id="loggedUserAvatar" height="35" width="35" src="{$avatarUrl}" class="UserAvatar" title="##Avatar image##" alt="##Avatar image##" onerror='this.style.display="none"' />
             </div>
             <div class="submenuWrap">
               <ul class="submenu">
                 <li>
                   <a id="editProfileButton" href="{$myProfileUrl}">##My profile##</a>
                 </li>
                 <li id="menu-item-logout" class="menu-item"><a href="{$logoutUrl}">##Logout##</a></li>
               </ul>
             </div>
           </li>
         {else}
           <li id="menu-item-login" class="menu-item">
             <a href="{$loginUrl}" title="##Login##"><span>##Login##</span></a>
           </li>
         {/if}
         <li class="menu-item" style="margin:0 0 0 30px;">
           <select onchange="location = this.value;">
             <option value="">##Language##</option>
             <option value="?l=sk">Slovenský</option>
             <option value="?l=en-US">English</option>
           </select>
         </li>
       </ul>
     </div>
   </div>
 </div>
</nav>

Montanaテーマ 

<nav class="navbar">
  <div class="container">
    <a class="navbar-brand KBLogo" href="/"></a>
    <input class="menu-btn" type="checkbox" id="menu-btn">
    <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
    <div id="navbar" class="navbar-collapse">
      <ul id="menu-header-menu" class="nav navbar-nav">
        <li id="menu-item-mytickets" class="menu-item"><a href="{'my_tickets'|module_url}#My-Tickets"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> ##My tickets##</a></li>
        {if ($submitTicketEnabled)}
        <li id="menu-item-submitticket" class="menu-item"><a href="{'submit_ticket'|module_url}"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> ##Submit ticket##</a></li>
        {/if} 
        {if ($userLogged)}
        <li id="menu-item-user" class="menu-item">
          <a id="editProfileButton" href="{'profile'|module_url}">
            <div class="Avatar">
              <img id="loggedUserAvatar" height="33" width="33" src=" {$avatarUrl}" class="UserAvatar" title="##Avatar image##" alt="##Avatar image##" onerror='this.style.display="none"'/>
            </div> 
            {$name} 
          </a>
        </li> 
        <li id="menu-item-logout" class="menu-item"><a href="{'logout'|action_url}"><span class="glyphicon glyphicon-off" aria-hidden="true"></span> ##Logout##</a></li>
        {else}
        <li id="menu-item-login" class="menu-item"><a href="{'login'|module_url}"><span class="glyphicon glyphicon-off" aria-hidden="true"></span> ##Login##</a></li>
        {/if}
        <li class="menu-item" style="margin-top:25px;">
          <select onchange="location = this.value;">
            <option value="">##Language##</option>
            <option value="?l=sk">Slovenský</option>
            <option value="?l=en-US">English</option>
          </select>
        </li>
      </ul>
    </div>
  </div>
</nav>

切り替え候補への言語追加

上記のコードはスロバキア語と英語のみに対応しています。切り替え候補にさらに多くの言語を追加したい場合は、適切な言語コードを指定した <option> HTMLタグをコードに追加してください（例：<option value="?l=cs">Český</option>）。

利用可能なすべての言語コードは、Configuration（設定） > System（システム） > Languages（言語）で確認できます。