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

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

このブロックでは、WordPress標準の画像ブロックと類似した使い慣れたインターフェースで、メディアライブラリの画像を表示するだけでなく、画像に様々なビジュアルエフェクトを施すなどの独自のオプションが利用できるようになります。
また、画像以外にもメディアライブラリにアップロードした動画も同様に扱うことができます。

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

---

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

---

ブロックの追加

「メディア」ブロックは、ブロック追加ボタンで一覧を開き、検索フォームに「メディア」や「digipress」( “digi” のみでも可)などと入力して検索し、追加します。

ブロックのカスタマイズ

一部のオプションは無料版では利用できません。

画像の表示サイズを変更する

メディアのはめ込み方法を変更する

メディアを親コンテナに合わせる方法を選択します。

“Cover” を選択すると、メディアはアスペクト比を維持したまま要素のコンテンツボックス全体を埋めるように拡大縮小されます。
“Contain” を選択すると、メディアはアスペクト比を維持したまま要素のコンテンツボックスに収まるように拡大縮小されます。

画像の表示位置を変更する

メディアにフィルター加工を施す

画像をリンクにする

メディアにカラーレイヤーを重ねる

メディアに枠線、角丸を表示する

メディアに影を表示する

ブロックの上下を切り抜いて表示する

動画が対象の場合

画像・動画素材サービスのメディアを利用する

メディアライブラリにアップロードした画像や動画以外に、画像や動画素材を提供しているサードパーティのサービスを利用し、「メディア」ブロック(エディター)から対象サービスが提供している画像または動画を検索し、本ブロックで利用するメディアファイルとして直接利用することができます。

現行バージョンで利用可能な素材サービスは、現時点では「Pixabay」が対象です。

ブロックで素材サービスの機能を利用するには、対象サービスの API キーを取得し、プラグイン設定に保存しておく必要があります。

API キーの取得と保存

以上で「メディア」ブロックで素材サービスのメディアを検索し、利用する準備が整いました。

メディアの検索と利用

素材サービスのメディアを利用するには、「メディア」ブロックを選択した際に表示されるいずれかの「メディア検索」ボタンをクリックしてメディア検索用のポップアップパネルを表示します。

メディアの検索と利用

メディア検索パネルを表示したら、あとはキーワードを入力して「検索」ボタンをクリックすると関連する画像または動画のサムネイルのリストが検索結果として表示されます。

複数のキーワードを指定する場合は、半角スペースで区切ります。
日本語でのキーワードも利用できます。

検索結果での操作

検索結果に表示されているサムネイルごとで、利用したい画像または動画に対する操作が行えます。

対象メディアを大きな画像で確認または動画を再生するには、サムネイルをクリックします。
対象メディアに対する操作(コピー、メディアライブラリにアップロード、ダウンロード、アップロードしてブロックで利用、ソースURLのままブロックで利用)を行うには、サムネイル右上に並ぶボタンから制御します。

ブロック共通オプション

間隔調整

スクロールフェードイン

注意事項・仕様

無料版での機能制限

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