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

Editing the layout of pages in your help center lets you gain control over how help content is displayed to your customer.

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

How you edit page layouts depends on whether your help center is labeled Modern or Legacy. Find out which help center you're using.

Edit page layouts in a Modern help center

In a Modern help center, you edit page layouts in the editor. You build each page from sections and components. To remove a section from a page, you delete it; there's no option to hide it. The section at the top of the page replaces the banner.

• Find out how to add and arrange components on a page.

• Find out how to edit the home page, including the top of the page.

Edit page layouts in a Legacy help center

In a Legacy help center, you can edit the layout of the home page and landing pages in every help center.

ヘルプ センターのホーム ページおよび各ランディング ページは、セクションと呼ばれる水平方向のブロックで構成されています。セクションを使用してページをビルドし、コンテンツを追加できます。

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

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

1. ヘルプ センターのホーム ページ、または任意のランディング ページに移動します。

2. Select Customise at the top right, and from the dropdown, select Edit page layout.

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

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

5. Once you're done customising the content, select Publish to save your changes.

ページに追加できるリッチ コンテンツの種類

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

レイアウト

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

There are six different column layouts available in the editor. To add a layout, select the Layouts icon from the editor. By default, a two-column layout gets added to your home page. You can easily switch between the options.

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

テキスト

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

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

リンク

リンクは、コンテンツを通じてユーザーを案内し、関連ページを接続し、外部リソースを参照させるために不可欠です。リンクを追加するには、エディターから [リンク] アイコンを選択するか、/link と入力します。

サイト上のヘルプ センターのページ、ポータル、ヘルプ リソース、または外部 URL にリンクできます。

画像、動画、絵文字

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

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

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

Select the emoji icon on the editor or type /emoji to quickly add this element.

展開

Create a collapsed section that reveals more information for the people who seek it. This is particularly useful for creating FAQs or sections that contain a lot of information, as it helps in compressing content and improving the overall user experience. To add an expand, select the plus icon on the editor toolbar and choose Expand or type /expand to quickly add this element.

日付

Make a date stand out with grey background; the default date format is MM, DD, YYYY. To add a date, select the plus icon on the editor toolbar and choose Date or type // to bring up a date picker.

区切り線

Separate sections of text using a horizontal line. To add a divider, select the plus icon on the editor toolbar and choose Divider or type /divider to quickly add this element.

パネル

Emphasize information by choosing a preset panel type to consistently communicate ideas like info, note, error, success, and warning. To add an info panel, select the info icon on the editor toolbar or type /panel to quickly see the options and add this element.

引用

Emphasize a quote by adding a vertical line on its left margin and adjusting the font color. To add a quote, select the plus icon on the editor toolbar and choose Quote or type /quote to quickly add this element.

ステータス

Highlight text to stand out on the page and choose a background color that fits its meaning. To add a status, select the plus icon on the editor toolbar and choose Status or type /status to quickly add this element.

ページに固有のバナーを追加する

既定では、すべてのページはヘルプ センター用に設定したホーム ページのバナーを継承します。ただし、この設定をオフにして、ホーム ページやランディング ページに固有のページ バナーを追加できます。

ページに固有のバナーを設定するには、以下の手順を実行します。

1. ヘルプ センターのホーム ページ、または任意のランディング ページに移動します。

2. Select Customise at the top right, and from the dropdown, select Edit page layout.

3. Select the banner section. You'll see customization options for it on the side panel.

4. Turn off the Apply help center banner settings toggle.

5. バナーの背景色とテキストの色をカスタマイズします。

6. [公開] を選択して、行った変更を保存します。

ページのセクションを非表示にする/ソートする

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

1. ヘルプ センターのホーム ページ、または任意のランディング ページに移動します。

2. Select Customise at the top right, and from the dropdown, select Edit page layout.

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

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

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

6. [公開] を選択して、行った変更を保存します。

ページのセクションをカスタマイズする

セクションの背景やセクション名のテキストの色をカスタマイズすることで、ページの特定のセクションに注意を引き付けることができます。

ページのセクションをカスタマイズするには、次の手順を実行します。

1. ヘルプ センターのホーム ページ、または任意のランディング ページに移動します。

2. Select Customise at the top right, and from the dropdown, select Edit page layout.

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

4. セクションの背景については、背景なし、無地の背景、または画像を選択できます。

   1. アップロードできる画像のサイズは最大 10 MB です。

5. トピック、ポータル、最近使用したリクエスト フォームを含むセクションでは、タイトルのテキストの色を変更することもできます。

ホーム ページで非表示になっているセクションの背景や色を管理することはできません。