ここで紹介する機能を利用するには、DigiPress 専用プラグイン「DigiPress Ex – Blocks」が必要です。

「DigiPress Ex – Blocks」プラグインを利用することで、WordPress のブロックエディターの対象となる標準ブロック、およびオリジナルブロックで共通の拡張オプションとして「カスタム CSS」オプションが追加されます。

この機能では、対象ブロック内の要素に対してのみ反映される独自のスタイルシートを定義し、適用させることができます。

その他のエディター機能については以下をご覧ください。

---

機能・操作イメージ

本拡張機能の対象となるブロックでは、右側サイドバーに「カスタムCSS」という共通メニューが追加されます。

カスタム CSS の追加

フォームにカスタム CSS コードを入力します。
フォームはシンタックスハイライトと入力候補の表示に対応しています。

各セレクターにはブロック固有のクラスがプレフィックスとして付与されるため、スタイルはこのブロック内でのみ適用されます。

入力されたカスタム CSS はリアルタイムでエディタにも反映されます。

仕様・制限事項

対象ブロック

このブロック共通オプションは以下のブロックにて利用可能です。

無料版での制限

本機能は無料版では利用できません。