ブロックを追加する

ブロックエディタ( Gutenberg )で新しいブロックを記事の本文に追加する方法 5 種類あります。ここではブロックエディタで新しいブロックを追加する方法について解説します。

(Last modified: 2023年01月11日)

空白のブロックの右側にある「＋」アイコンをクリックする

ブロックエディタにブロックを追加する最初の方法は、空白のブロックの右側に表示されている「＋」アイコンをクリックすることです。

空白のブロックというのは「段落」ブロックが追加されていて何も入力されていないブロックのことです。

「段落」ブロックとして利用される場合はそのままテキストを入力していけばいいのですが、別のブロックとして使用する場合は空白ブロックを一度クリックすると右側に「＋」アイコンが表示されます。この「＋」アイコンをクリックしてください。

追加するブロックタイプを選択する画面が表示されます。ブロックタイプを選択してください。今回は「見出し」ブロックをクリックしました。

空白ブロックの上に「見出し」ブロックが追加されました。

選択しているブロックの最後で[Enter]キーを押す

ブロックエディタにブロックを追加する二番目の方法は、選択しているブロックの最後で [Enter] キーを押すことです。

例として「見出し」ブロックを選択したあと最後に位置にカーソルを置き、その後で [Enter] キーを押します。

選択していたブロックの下に新しい空白ブロックが追加されます。

画面左上にある「＋」アイコンをクリックする

ブロックエディタにブロックを追加する三番目の方法は、画面左上にある「＋」アイコンをクリックすることです。

追加するブロックタイプを選択する画面が表示されます。ブロックタイプを選択してください。今回は「段落」ブロックをクリックしました。

「＋」アイコンをクリックしたときに、特定のブロックを選択していなかった場合は最後に位置にブロックが追加されます。

特定のブロックを選択した上で画面左上の「＋」アイコンをクリックしてブロックを追加すると、選択していたブロックの下に新しいブロックが追加されます。

ブロック間にある「＋」アイコンをクリックする

ブロックエディタにブロックを追加する四番目の方法は、ブロックとブロックの間にある「＋」アイコンをクリックすることです。既に複数のブロックが追加されている場合、ブロックとブロックの間にマウスをあわせると「＋」アイコンが表示されます。

「＋」アイコンをクリックすると追加するブロックタイプを選択する画面が表示されます。ブロックタイプを選択してください。今回は「ボタン」ブロックをクリックしました。

ブロックとブロックの間に新しいブロックが追加されました。

選択したブロックのメニューからブロックの上または下に追加する

ブロックエディタにブロックを追加する五番目の方法は、ブロックを選択し、そのブロックにあるメニューから上または下に新しいブロックを追加します。ブロックを選択したあと、右上に表示されている「?」アイコンをクリックしてください。

表示されたメニューの中に「前に挿入」と「後に挿入」というメニューがあります。「前に挿入」をクリックすると、選択しているブロックの前に新しいブロックが追加され、「後に挿入」をクリックすると選択しているブロックの後に新しいブロックが追加されます。

今回は「前に挿入」をクリックしてみました。すると選択していたブロックの前に空白ブロックが追加されました。

-- --

ブロックエディタで新しいブロックを追加する方法について解説しました。