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

「DigiPress Ex – Blocks / Blocks Free」プラグインを利用することで、WordPress のブロックエディターにプラグインオリジナルの「サービスリスト」ブロックが追加されます。

このブロックは、既存のカスタムブロック（「カラム」、「メディア」、「高度な見出し」、「テキスト」、「ボタン」等）を組み合わせて複数の商品やサービスなどのリストをサムネイルと共にWebサイト用のコンテンツとして表現するボックス型ブロックです。

---

ブロックコンテンツ表示サンプル

以下に掲載のブロックサンプルは、「カスタムブロックパターン」にて公開しています。カスタムパターン機能を利用してご利用のエディタ内にそのまま復元することができます。

ベーシックスタイル

アイキャッチをイラスト画像にした例

アイキャッチをアイコンフォントにした例

ボックススタイル

アイキャッチにテキストをオーバーレイ

全幅＋背景装飾

---

ブロックの基本構造

このブロックは直下に「カラム」ブロックがあり、この単体のカラムブロックを一つのサービスリストアイテムとして並べています。
このカラム内に、例えばアイキャッチ用の画像を「メディア」ブロック、リストタイトルを「高度な見出し」ブロック、ナビゲーションリンクを「ボタン」ブロックを利用してリストアイテムを構成しています。

これはブロック追加時に表示されるバリエーションピッカーから選べるテンプレートの基本構造であり、ブロックの入れ替えや削除、任意の位置への他のブロックを挿入するなど、内部のブロック構造やスタイルのカスタマイズは自由に行えます。

ブロックの追加

ブロックを追加するには、ブロックインサーターボタンで一覧を開き、検索フォームに「サービス」、「リスト」、「service」、「list」、「digipress」などと入力して検索し、追加します。

バリエーションから初期状態を選択

ブロック追加直後は、以下のようにバリエーションピッカーが表示され、予め用意されているブロックの構成のパターンから任意のものを選び、セクションヘッダーブロックの初期状態を表示してから各ブロックをカスタマイズします。

バリエーションの再選択

適用したバリエーションをキャンセルし、別のバリエーションを選び直す場合は、「サービスリスト」ブロックを選択(アクティブ)にした状態で表示される、ツールバーのバリエーション再選択ボタンをクリックすることで再びバリエーションピッカーを表示できます。

カスタムパターンからの挿入

バリエーションピッカー以外のコンテンツカードブロックのテンプレートは、「DigiPress カスタムパターン」に随時追加されます。
ツールバーボタンから「DigiPress カスタムパターン」のポップアップを表示し、様々なブロックを組み合わせたカスタムパターンを探し、すぐにブロックエディタ内に復元することができます。

「DigiPress カスタムパターン」を参照することで、より多くのバリエーションから初期状態とするテンプレートを利用できます。

ブロックのカスタマイズ

セクションヘッダーブロック自体は、複数のブロックを持つだけのボックス型のブロック(ラッパー)であるため、内部に配置された各ブロックは、それぞれ独立したブロックとしてカスタマイズを行ってください。

サービスリストブロックを利用した細かい要件に合わせたカスタマイズや実用レベルでのサンプルブロック(コード)の提供をご希望の場合は、別途有償サポートにて承ります。
具体的な要件やご希望と併せて 有償サポートのお申込み専用フォーム よりお問い合わせください。

ブロック構造の確認方法

本ブロックは複数ブロックで構成されるボックス型ブロックであるため、エディタで編集したいテキストやメディアなどのコンテン（ブロック）の階層や位置関係を表示中のブロックのみで把握するには困難な場合があります。

ブロック構造の詳細を確認し、位置関係を理解した上で編集作業を行いたい場合は、ツールバーの「ドキュメント概観」ボタンからリストビューパネルを開いて対象ブロックの特定および選択をしてください。

---

ブロック共通オプション

ブロック背景

枠線 / 角丸

ボックスシャドウ

間隔調整

スクロールフェードイン

ブロック境界シェイプ

注意事項・仕様

無料版での機能制限

無料版(DigiPress Ex – Blocks Free)では、以下のカスタマイズオプションの利用が制限されています。