ヘルプ センターでホーム ページのレイアウトを編集する

ヘルプ センターのホーム ページのレイアウトを編集すると、ヘルプ コンテンツを顧客にどのように表示するかを制御できます。

ヘルプ センターのホーム ページのレイアウトを編集できるのは Jira 管理者だけです。

ヘルプ センターのレイアウトとコンテンツを編集するには、次の方法があります。

• トピックを作成して管理する

• ポータルを特集して並べ替える

• ホーム ページにリッチ コンテンツを追加する

• ホーム ページのセクションを非表示にする/並べ替える

トピックとポータルを管理する

トピックとポータルを管理するには、次の手順を実行します。

1. [設定] () > [製品] > [Jira Service Management] > [構成] の順に選択します。

2. [ヘルプ センター] セクションで [すべてのヘルプ センターを表示] を選択します。

3. 対象のヘルプ センターを選択します。

4. ヘルプ センターにアクセスしたら、上部のナビゲーションから [カスタマイズ] を選択し、ドロップダウンから [トピックとポータルを管理] を選択します。

5. [トピックとポータルの管理] ページが表示されたら、レイアウトに必要な変更を加えます。ここから、トピックの作成と管理、およびポータルの特集と並べ替えを行うことができます。

6. [Publish layout (レイアウトを公開)] を選択して、変更した内容をヘルプ センターに表示します。

   • また、[キャンセル] を選択して変更内容を破棄し、前回公開したホーム ページ レイアウトのバージョンに戻すことができます。

ホーム ページにリッチ コンテンツを追加する

ヘルプ センターのホーム ページに画像、テキスト、リンク、その他のリッチ コンテンツを追加するには、次の手順を実行します。

1. [設定] () > [製品] > [Jira Service Management] > [構成] の順に選択します。

2. [ヘルプ センター] セクションで [すべてのヘルプ センターを表示] を選択します。

3. 対象のヘルプ センターを選択します。

4. ヘルプ センターにアクセスしたら、上部のナビゲーションから [カスタマイズ] を選択し、ドロップダウンから [Edit page layout (ページ レイアウトを編集)] を選択します。

5. ホーム ページのセクションの間にカーソルを置き、[リッチ コンテンツを追加] を選択します。

6. 開いたエディターで、テキスト、画像、リンク、絵文字、テーブル、その他の要素を追加できます。

7. コンテンツのカスタマイズが完了したら、[レイアウトを公開] を選択して、変更した内容をヘルプ センターに表示します。

ホーム ページに追加できるリッチ コンテンツ

エディターから直接、またはスラッシュ コマンドを使用して、リッチ コンテンツをホーム ページに追加できます。

レイアウト

レイアウトを使用してコンテンツを列やセクションにまとめると、情報を簡単に構造化して視覚的にわかりやすく提示できます。

エディターには 6 種類の列レイアウトが用意されています。レイアウトを追加するには、エディターからレイアウト アイコン () を選択します。既定では、2 列レイアウトがホーム ページに追加されます。オプションを簡単に切り替えることができます。

列のレイアウトを変更しても、コンテンツは失われません。列が右側に追加され、列の少ないレイアウトに変更すると、コンテンツは左に移動します。

テキスト

テキストを追加して通常のテキストとして書式設定することも、最大 6 レベルの見出しを割り当てることもできます。また、斜体、太字、下線、テキストの色や配置などの書式を使用して、テキストを強調することもできます。 

箇条書きリストや番号付きリストも作成できます。

画像、動画、絵文字

画像、動画、または GIF を追加するには、画像アイコンを選択するか、スラッシュ コマンド /image を入力します。画像をコンピューターからエディターに直接ドラッグ アンド ドロップすることもできます。

画像や動画のサイズを変更するには、両側のハンドルをドラッグします。メディアは、マウスをどれだけドラッグしたかに比例して、拡大または縮小します。アップロードした画像や動画を選択すると、フローティング ツールバーが表示されます。このツールバーを使って、画像の位置合わせ、リンクの追加、代替テキストの追加を行うことができます。

画像にリンクを追加すると、画像がクリック可能な要素になり、ユーザーが関連するさまざまなページに移動するのに役立ちます。代替テキストは、スクリーン リーダーのユーザーがコンテンツにアクセスするのに役立ちます。

エディターで絵文字アイコンを選択します。スラッシュ コマンドからすばやくこの要素を追加するには、/emoji と入力します。 

展開

折りたたみセクションを作成すると、そのセクションの情報を必要としているユーザーにより多くの情報を表示できます。これは、コンテンツを圧縮して全体的なユーザー エクスペリエンスを向上させる効果があるため、特に FAQ や多くの情報を含むセクションを作成するのに役立ちます。展開を追加するには、エディター ツールバーの [+] アイコンを選択して [展開] を選択します。スラッシュ コマンドからすばやくこの要素を追加するには、/expand と入力します。 

日付

灰色の背景で日付を目立たせます。既定の日付形式は「Mon DD, YYYY」です。日付を追加するには、エディター ツールバーの [+] アイコンを選択し、[日付] を選択するか // と入力して、日付ピッカーを起動します。

区切り線

水平線を使用して、テキストのセクションを分割します。分割線を追加するには、エディター ツールバーの [+] アイコンを選択し、[分割線] を選択します。スラッシュ コマンドからすばやくこの要素を追加するには、/divider と入力します。

パネル

情報、メモ、エラー、成功、警告などのアイデアを一貫して伝えるために、プリセットのパネル タイプを選択して情報を強調します。情報パネルを追加するには、エディター ツールバーの情報アイコンを選択します。スラッシュ コマンドからすばやくオプションを表示してこの要素を追加するには、/panel と入力します。 

引用

左の余白に縦線を追加してフォントの色を調整することで、引用を強調します。引用を追加するには、エディター ツールバーの [+] アイコンを選択して [引用] を選択します。スラッシュ コマンドからすばやくこの要素を追加するには、/quote と入力します。

ステータス

ページ上で目立つようにテキストをハイライトして、その意味に合った背景色を選択します。ステータスを追加するには、エディター ツールバーの [+] アイコンを選択して [ステータス] を選択します。スラッシュ コマンドからすばやくこの要素を追加するには、/status と入力します。

ホーム ページのセクションを非表示にする/並べ替える

ホームページのセクションを非表示にする/並べ替えるには、次の手順を実行します。

1. Go to the help center of your choice.

2. ヘルプ センターにアクセスしたら、上部のナビゲーションから [カスタマイズ] を選択し、ドロップダウンから [Edit page layout (ページ レイアウトを編集)] を選択します。

3. ヘルプ センターの任意のセクションにカーソルを合わせると、右上に [非表示] ボタンが表示されます。

4. 非表示のセクションを表示するには、そのセクションにカーソルを合わせ、右上の [表示] を選択します。

5. セクションを並べ替えるには、そのセクションにカーソルを合わせ、希望の位置にドラッグ アンド ドロップします。

6. Select Publish to make the changes you made show up on the help center.

Customize sections in the home page

You can draw attention to certain sections of your page by customizing the section background and text color for section names

To customize sections in the home page:

1. Go to the help center of your choice.

2. ヘルプ センターにアクセスしたら、上部のナビゲーションから [カスタマイズ] を選択し、ドロップダウンから [Edit page layout (ページ レイアウトを編集)] を選択します。

3. Select the section you wish to customize. You’ll see customization options for it on the side panel.

4. For the section background, you can choose between having no background, a solid color background or an image.

   1. You can upload images up to 10MB in size.

5. For sections that contain topics, portals, and recently used request forms, you can also change the title text color.

You cannot manage background and color sections for sections that are hidden from your home page.