記事エディタの機能一覧

記事の編集画面にあるエディタの17の機能について、機能ごとに操作手順と仕様を説明します。

この記事でわかること

  • エディタのツールバーで使える17の機能と、機能ごとにできること

  • 見出し、文字サイズ、文字色などの書式を設定する操作手順

  • リンク、画像、ファイル、外部コンテンツ、表を挿入する操作手順

  • 画像やファイルのサイズ上限などの仕様

記事の作成手順は「記事を作成して公開する」、AIを使った記事の作成・編集は「AIライティングで記事を作成・編集する」をご確認ください。

エディタの機能一覧

記事の編集画面のエディタのツールバー
エディタのツールバー

機能名

できること

1. 見出し/本文

本文と3階層の見出し(見出し2/見出し3/見出し4)を切り替えます。

2. 文字サイズ

文字のサイズを10px〜64pxの12段階から選んで変更します。

3. 太字

強調したい箇所を太字にします。

4. 打ち消し線

不要になった情報などに打ち消し線を引きます。

5. 下線

強調のために文字に下線を引きます。

6. 文字色/背景色

文字の色や背景色を変更します。

7. 文字揃え

文字を左寄せ・中央揃え・右寄せにします。

8. 箇条書き

文章を箇条書き形式にします。

9. 番号付きリスト

手順などを番号順に並べます。

10. リンク

本文内のテキストに、ヘルプドッグのほかの記事や外部サイトへのリンクを設定します。

11. 画像埋め込み

記事内に画像を挿入します。

12. ファイル添付

記事にファイル(PDF/Excel など)を添付します。

13. 埋め込み(外部コンテンツ)

Google Maps、YouTube、Instagram、X などの外部サービスを記事内に埋め込みます。

14. テーブル(表)

表を挿入し、行・列の追加、削除、見出し行の設定などを行います。

15. 引用ブロック

注意書きや参考文献を引用形式で表示します。

16. 区切り線

セクション間の区切りとして横線を挿入します。

17. 書式のクリア

選択した範囲の書式(色、太字、サイズなど)を一括で解除します。

1. 見出し/本文

記事の構造(章・節・項)を分かりやすくするために、本文と3階層の見出し(見出し2/見出し3/見出し4)を利用できます。

操作手順

  1. 見出しにしたい行を選択します。

  2. ツールバーの一番左のアイコンから「見出し2」「見出し3」「見出し4」のいずれかを選択します。

仕様

  • テキスト入力は、初期状態では「本文」から始まります。必要に応じて見出しの階層に切り替えてください。

  • 管理画面・公開画面ともに、見出しの構造に沿って目次が自動で生成されます。

  • 公開画面では、目次をクリックすると記事本文の該当する場所に自動で移動します。

2. 文字サイズ

文字のサイズを変更できます。

操作手順

  1. サイズを変更したい文字を選択します。

  2. ツールバーの「文字サイズ」から、希望のサイズを指定します。

仕様

項目

内容

選択できる文字サイズ(12種類)

10px/12px/14px/16px/18px/20px/24px/28px/30px/36px/48px/64px

3. 太字

強調したい箇所を太字にできます。

操作手順

  1. 太字にしたいテキストを選択します。

  2. ツールバーの「B」をクリックします。

4. 打ち消し線

不要になった情報などを、打ち消し線で表現できます。

操作手順

  1. 打ち消し線を引きたいテキストを選択します。

  2. 「S」アイコンをクリックします。

5. 下線

強調のために、文字に下線を引けます。

操作手順

  1. 下線を引きたいテキストを選択します。

  2. 「U」アイコンをクリックします。

6. 文字色/背景色

文字の色や背景色を変更できます。

操作手順

  1. 対象の文字を選択します。

  2. ツールバーから「文字色」または「背景色」を選び、色を指定します。

7. 文字揃え

文字を左寄せ・中央揃え・右寄せにできます。

操作手順

  1. ツールバーの整列アイコンから、左寄せ・中央揃え・右寄せのいずれかを選択します。

8. 箇条書き

文章を箇条書き形式にできます。

操作手順

  1. 箇条書きにしたい文字を選択します。

  2. ツールバーの「箇条書き」をクリックします。

9. 番号付きリスト

手順などを番号順に並べる際に使用します。

操作手順

  1. 番号付きでリストにしたい文字を選択します。

  2. ツールバーの「番号付きリスト」をクリックします。

10. リンク

本文内のテキストに、ヘルプドッグのほかの記事や外部サイトへのリンクを設定できます。リンクを設定する際は、「リンクにするテキスト」と「リンクのURL」の2点を設定する必要があります。

操作手順

リンクは、次の3つのパターンのいずれかで設定できます。

パターン1:「リンク」アイコンから「テキスト」と「URL」を両方入力する

  1. リンクを設定したい位置にカーソルを置きます。

  2. ツールバーの「リンク」アイコンをクリックします。

  3. 「リンクにするテキスト」「リンクのURL」の両方を入力します。

  4. 「リンクを追加」をクリックします。

パターン2:本文に入力した文章の一部をリンクにする

  1. 本文に通常のテキストを入力します。

  2. リンクにしたい文字列を選択します。

  3. ツールバーの「リンク」アイコンをクリックします。「リンクにするテキスト」には、選択した文字列が自動で入力されています。

  4. 「リンクのURL」だけを入力して、リンクを追加します。

パターン3:URLを本文にそのまま貼り付ける

  1. 本文にURLを直接貼り付けます。

リンクを設定した後の操作

リンクが設定されたテキストをクリックすると、次の操作を選べます。

  • リンクを開く

  • リンクを変更(テキスト/URL の再編集)

  • 削除(リンクを解除)

仕様

  • リンクは常に新しいタブで開きます。新しいタブで開く設定は固定されています。

  • ページ内リンクの機能はありません。見出しに応じて自動で生成される目次が、ページ内のアンカーとして機能します。

11. 画像埋め込み

記事内に画像を挿入できます。

操作手順

  1. ツールバーの「画像埋め込み」アイコンをクリックします。

  2. 画像を選択してアップロードします。

仕様

  • 1画像あたり最大50MBです。

  • 対応形式は jpeg/png/gif/webp です。

12. ファイル添付

記事にファイル(PDF/Excel など)を添付できます。

操作手順

  1. 「ファイル」アイコンをクリックします。

  2. 添付するファイルを選択します。

仕様

  • 1ファイルあたり最大50MBです。

  • 添付できるファイルの種類に制限はありません。

  • 添付ファイルの個数に制限はありません。

13. 埋め込み(外部コンテンツ)

Google Maps、YouTube、Instagram、X などの外部サービスを記事内に埋め込めます。

操作手順

  1. ツールバーの「埋め込み」アイコンをクリックします。

  2. 埋め込みたいコンテンツのURLを入力します。

  3. 「埋め込む」をクリックします。

次の表は、YouTubeの動画を埋め込んだサンプルです。

サンプル

14. テーブル(表)

表を挿入し、行・列の追加、削除、見出し行の設定などができます。

操作手順

  1. 「表」アイコンから行列数を指定して、表を挿入します。

  2. 行・列の追加/削除は、ツールバーで操作します。

  3. 表の横幅は、マウス操作で調整します。

  4. 表の高さを増やす場合は、セル内で改行します。

仕様

  • 1行目を見出しに設定できます。

  • 1列目を見出しに設定できます。

  • 見出しの設定は、いずれもツールバーで切り替えます。

15. 引用ブロック

注意書きや参考文献を引用形式で表示できます。

操作手順

  1. ツールバーの「引用ブロック」アイコンをクリックします。

16. 区切り線

セクション間の区切りとして横線を挿入できます。

操作手順

  1. ツールバーの「区切り線」アイコンをクリックします。

17. 書式のクリア

選択した範囲の書式(色、太字、サイズなど)を一括で解除します。

操作手順

  1. 書式を解除したい文字を選択します。

  2. 「書式クリア」アイコンをクリックします。

関連記事

このページはお役に立ちましたか?