[WordPress + Gutenberg] 「見出し」の作り方

wordpress-gutenberg-head Gutenberg
Nプログラマです。

WordPress5 + Gutenbergでの見出しの作り方のメモです。

概要

目標

  • Gutenbergで見出しを作る

環境

  • WordPress5 + Gutenberg

ブロックを追加する

記事編集画面を開いたら、ブロックの追加(+のマーク)のところをクリックします。

「ブロックの追加」をクリックするの画像
「ブロックの追加」をクリックする

見出しのブロックを選択する

ブロックの選択画面が表示されるので、その中から「一般ブロック」を探し、その中にある「見出し」という項目をクリックする。

見出しのブロックの選択の画像
見出しのブロックの選択

使用頻度が多いブロックは、ブロックの選択画面「よく使うもの」に表示されることがあります。

「見出し」も表示されることがあるので、「よく使うもの」に表示されている場合はこちらを選択してもいいでしょう。
(一般ブロックにある「見出し」と同じです)

見出しの種類を選ぶ

使いたい見出しを選びます。
ここで選べる見出しの種類は以下の3つです。

  • H2
  • H3
  • H4

見出しの設定をしている画像です。

見出しの設定の画像
見出しの設定

見出しのH5・H6を選ぶには?

見出しのブロックを選択すると、右側にブロックの設定画面が表示されます。
(上の画像を参照)

そこからH5・H6を設定することができます。

表示されていない場合は、右上に「歯車」のアイコンがあるので、そこをクリックすると表示されると思います。

あとは、表示したい見出しの文字を入力すれば完成です。

おわりに

今回は、Gutenbergで見出しの作る内容でした。

見出しがあると、記事の見た目の印象がずいぶんと変わって見えます。

それでは、このへんで。
バイナリー!

タイトルとURLをコピーしました