ヘルプセンター - バナーの設定

「ブランディングとカスタマイズ」ページのバナーで、「本文」タブをクリックします。

1. ドロップダウンリストからバナーのオプションを選択してください。

   どのように実行しますか
   オプションペインの「バナー」見出しの下にある、ドロップダウンリストからバナー画像のプラットフォームオプションを選択してください。

   ドロップダウンリストで利用可能なプラットフォームの組み合わせは以下のとおりです。

   • デスクトップとモバイルで同じバナー

   • デスクトップとモバイルで異なるバナー

   • デスクトップ、モバイル（縦向き）、モバイル（横向き）で異なるバナー
     
     注：画像解像度に関する推奨されるベストプラクティスは以下のとおりです。

     解像度	幅	高さ - XS	高さ - S	高さ - M	高さ - L
     デスクトップ	1920	240	360	480	600
     モバイルポートレート	1080	200	240	280	320
     モバイルランドスケープ	1080	140	160	180	200

2. (オプション) ヘルプセンターのバナー画像を設定します

   どのようにしてそれを行うのですか
   「バナー」の見出しの下にある、バナー画像のトグルを有効にしてください。

   1. 選択したバナーオプションの画像をアップロードをクリックしてください。

      

   2. 適切なファイルを参照してください。

   3. ファイルをクリックして選択してください。次に、Enterキーを押してアップロードを開始してください。
      他のバナーを選択する際も上記の手順を繰り返してください。

      効果
      ヘルプセンターの選択されたプラットフォームでバナー画像が読み込まれます。
      バナーの高さスライダーで、バナーの高さをカスタマイズできます。

      

3. ヘルプセンターで使用するあいさつ文を入力してください。

   どのように実行しますか

   1. オプションペインの「バナー」見出しの下にある「挨拶文」エリア内をクリックして、編集を有効にしてください。

      

   2. 以下のいずれかを実行してください。

      • 手動でテキストを入力してください。

      • あいさつ文として使用するテキストテンプレートを選択するには、「テキストテンプレートを挿入 ()」をクリックしてください。

      • デフォルトの挨拶文は、デフォルトにリセットをクリックすると設定できます。

   3. 以下の選択肢から、挨拶文のフォントサイズを選択してください。

      • 極小

      • 小さい

      • 中

      • 大きい
        

   4. カラーピッカーから、あなたのブランドとバナー画像に合う色を選んでください。

      
      
      効果
      ヘルプセンターのランディングページに、あいさつ文が表示されます。
      挨拶文の色をカスタマイズできます。

      

4. 検索バーのプレースホルダーテキストをカスタマイズします。

   1. オプションペインの「バナー」見出しの下にある「検索プレースホルダーテキスト」エリア内をクリックして、編集を有効にしてください。
      

   2. 以下のいずれかを実行してください。

      • 手動でテキストを入力してください。

      • 検索のプレースホルダーテキストとして使用するテキストテンプレートを選択するには、「テキストテンプレートを挿入 ()」をクリックしてください。

      • 既定のプレースホルダーテキストを設定するには、[既定にリセット] をクリックします。
        
        注記: 推奨されるベストプラクティスは以下のとおりです。
        

        解決策	挨拶+検索バー	検索バーのみ
        デスクトップ	198px	118px
        モバイルポートレート	108px	68px
        モバイルランドスケープ（840px未満）	108px	68px
        モバイルランドスケープ（840px未満）	120px	68px

ヘルプセンター - ヘルプセンターのセクション画像設定を構成する

「ブランディングとカスタマイズ」ページのバナーで、「本文」タブをクリックします。

ヒント：ヘルプセンターのセクション画像の設定や値を変更するたびに、ページバナーの下書きを保存をクリックすることをお勧めします。そうしないと、作業を繰り返す必要があるかもしれません。

1. ヘルプセンターのセクション画像のオン/オフを切り替えます
   
   どのようにしてそれを行うのか
   オプションペインの「セクション画像」の見出しの下で、セクション画像の使用をオンまたはオフに切り替えます。

   

   ヒント：このトグルは、機能がオンの場合は緑色、オフの場合は灰色で表示されます。
   
   効果
   ヘルプセンターのセクション（ナレッジベースの記事、FAQ、その他のサポートリソースの組織構造）に、セクションを定義する画像を表示するかどうかを選択します。

   トグルがオンの場合

   

   トグルがOFFの場合

   

2. ヘルプセンターで絵文字をセクションの画像として使用する
   
   どのように実行しますか

   1. オプションペインの「セクション画像」の見出しの下にある、ヘルプセンターの任意の名前付きセクションのプレビュータイルをクリックします。タブ付きウィジェットが開きます。タブのラベルは「画像」と「絵文字」です。

   2. 絵文字をクリックしてください。

   3. 指定されたセクションで使用する絵文字を閲覧または検索し、クリックして選択し、適用してください。

      
      
      効果
      セクション画像として使用できるアップロード可能なファイルがない場合は、代わりに絵文字を使用できます。

3. 以前にアップロードした画像を、ヘルプセンターのセクション画像として使用する
   
   どのように実行しますか

   1. オプションペインの「セクション画像」見出しの下で、ヘルプセンターの任意の名前付きセクションのプレビュータイルをクリックします。タブ付きウィジェットが開きます。タブのラベルは「画像」と「絵文字」です。

   2. 画像をクリックしてください。

   3. 以前にアップロードされた画像のライブラリをスクロールし、画像をクリックして選択し、適用します。
      
      効果
      すでに画像をHelpshiftインスタンスにアップロード済みで、ヘルプセンターのセクション画像として使用する場合、それらの中から選択してセクションに割り当てることができます。

4. ヘルプセンターのセクションイメージとして使用する画像をアップロードしてください。
   
   どのように実行しますか

   1. オプションペインの「セクション画像」の見出しの下にある、ヘルプセンターの任意の名前付きセクションのプレビュータイルをクリックします。タブ付きウィジェットが開きます。タブのラベルは「画像」と「絵文字」です。

   2. 画像をクリックします。画像のアップロードフォームは、以前にアップロードされた画像のライブラリのすぐ下にあります。

   3. ラベルのない画像アップロードボタン（）をクリックしてください。

   4. 適切なファイルを参照してください。

      

   5. ファイルをクリックして選択してください。次に、Enterキーを押してアップロードを開始してください。
      
      効果
      ヒント：サポートされているファイルの種類とファイル名拡張子は、PNG、JPG、JPEG、およびSVGです。これらのうち、SVGファイルはあらゆるスケールで高解像度でレンダリングされ、レスポンシブデザインに最適です。

      このフォームを使用してアップロードするSVG以外のセクション画像ファイルには、120 x 120pxの画像サイズを推奨します。