Cocoonでブロック要素に背景色を設定する方法

Cocoon

別記事を書いている途中、いろんなサイトの記事で見かけるように、複数の関連した段落をまとめて背景色を設定したいなあと思って調べてみたところ。

すぐに公式の関連ページが引っかかってきました。

ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法
「グループ」ブロックを使用した手軽な装飾方法の紹介です。

で、ものすごーく驚いたのですが。

WordPressの各要素って複数選択できたという事実。

早速、[Shiftキー]を押しながらまとめたい要素をクリックしていくと。

うわー、ホンマや。

目から鱗です。

複数選択できるとなると後は楽々ですね。

最上部ブロックの上にあるメニューから隠れているメニューを開いて、下の方にある「グループ化」を選択

選択した要素3つがブロック化されました。

ブロック化された要素内にカーソルを置くと、

WordPressインターフェースの右側に、ブロック要素自体に文字色や背景色を設定する項目が出てくるので、今回はこちらで背景色のみを設定。

3つのブロック要素に背景色がついて、ひとまとまりのブロックと視認しやすくなりました。

Cocoon

ちょこちょこポチっていただけるようになりました。
いつもありがとうございます♪
ミケハナノートをフォローする
スポンサーリンク

コメント