ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法

ブロックエディター
この記事は約2分で読めます。

ブロックエディターの「グループ」ブロックを利用することで、複数のブロックをまとめて装飾することができます。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

複数ブロックをまとめて装飾

まずは本文を以下のように記入します。

投稿本文を記入する

次にまとめて装飾したいブロックを複数選択し「段落ブロックアイコン」をクリックします。

複数ブロックを選択する

「変換」から「グループ」ブロックを選択します。

グループブロックを選択する

「グループ」ブロックを適用するとこんな感じになります。

グループブロックの適用

あとは「グループ」ブロックの「スタイル」オプションを選択します。

「グループ」ブロックの「スタイル」オプションを選択

「スタイル」オプションを選択すると以下のような装飾リストが表示されます。

グループブロックの装飾リスト

装飾の中から目的のものを選択すると、以下のように「グループ」ブロックが選択した複数ブロックごと装飾されます。

グループブロックのまとめて装飾

一連の流れはこんな感じになります。

グループブロック装飾の流れ

リストの装飾

リストの場合もまずは記入します。

リストを記入する

「リストブロックアイコン」をクリックします。

リストブロックアイコンをクリック

「変換」から「グループ」を選択します。

リストをグループに変換する

「スタイル」オプションを選択します。

リストグループのスタイルオプションを選択

装飾一覧が表示されます。

リストグループを装飾

目的の装飾を選択するとエディターに反映されます。

リストグループを装飾した後

一連の流れはこんな感じ。

リストグループ装飾の一連の流れ

このように、複数ブロックでも、リストブロックでも、一度グループブロックに変換することで、装飾が手軽になります。

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