見出しボックスにスタイルを追加

はじめに

本スキンでは、Gutenbergエディターの「見出しボックス」ブロックに、Cocoon標準にはないスタイルを追加します（図1参照）。

「見出しボックス」は、「アコーディオン（トグル）」とは異なり、見出しにアイコンを指定できます。
そのため、「見出しボックス」に「アコーディオン」スタイルを追加しました。
これにより、スタイルボタンをクリックするだけで、初心者でも簡単に「見出しボックス」ブロックのスタイルを変更できるようになります。

表示例

手順

以下の手順で指定します。
「デフォルト」を選択すると、標準のデザインに戻ります。

1. 「見出しボックス」ブロックを配置します。
2. スタイルを選択します。

さいごに

本スキンのカスタマイズにより、Gutenbergエディターで簡単にスタイルを変更できるようになりました。
これにより、CSSの追加なしで、初心者でも簡単に見出しデザインを変更できます。