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

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

この拡張機能では、対象ブロックの上下の境界を様々な形状に切り取った加工をして表示させることができます。
主に、ブロックに背景色や背景メディア(画像、動画)を表示する場合の境界のデザイン要素として利用します。

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

---

機能・操作イメージ

本拡張機能の対象となるブロックでは、右側サイドバーに「ブロック境界シェイプ」という共通メニューが追加されます。
形状には上部のみ、下部のみ、もしくは上下の両方の境界を対象とするバリエーションが複数用意されています。

アニメーション境界シェイプの場合

用意されているシェイプには、境界の形状がアニメーションで変形するタイプのものもあります。
この場合は、「アニメーション時間」によって変形する動作のループ時間を調整できます(既定値: 8秒)。

表示例

以下は、WordPress 標準の「カバー」ブロックを例にブロック境界シェイプを適用したサンプルです。

以下は選択可能なシェイプの一部であり、すべてではありません。

画像やアイコンブロックなど、単体としての利用が想定されるブロックでは、以下のようにブロック全体をクリッピングする形状のアニメーションが用意されています。

仕様・制限事項

対象ブロック

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

無料版での制限

無料版では本機能が利用できる対象ブロックとシェイプは以下に制限されています。

• 画像
• 動画
• 埋め込み
• メディアとテキスト
• カバー

• ウェーブ1-1
• ウェーブ1-2
• ウェーブ1-3
• ウェーブ1-4
• カーブ1-1
• カーブ1-2