DigiPress

Highly Flexible WordPress Theme

メニュー

[オリジナル]切り抜きテキストブロックの機能

[オリジナル]切り抜きテキストブロックの機能

ここで紹介する機能を利用するには、DigiPress 専用プラグイン「DigiPress Ex – Blocks Free」または「DigiPress Ex – Blocks」が必要です。
なお、「DigiPress Ex – Blocks Free」の場合は一部機能制限があります。

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

このブロックでは、任意の背景画像を入力したテキストの形状に切り抜いたデザインで表示することができます。

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


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

表示例切り抜きスタイル1

Text Clipping

Text Clipping

背景画像を任意の文字列の形状に切り抜いた状態で表示します。
表示例切り抜きスタイル2

Text Clipping

Text Clipping

背景画像を任意の文字列の形状に切り抜いた状態で表示します。
表示例切り抜きスタイル3

Text Clipping

Text Clipping

背景画像を任意の文字列の形状に切り抜いた状態で表示します。
表示例前景カラー指定例

Text Clipping

Text Clipping

背景画像を任意の文字列の形状に切り抜いた状態で表示します。

スタイル2、スタイル3、前景カラーオプションはサブスクリプション版で利用可能になります。


ブロックの追加

オリジナルブロックは、ブロック追加ボタンから「DigiPress ブロック」グループを開いて追加します。

「DigiPressブロック」から「切り抜きテキスト」を追加

ブロックを追加すると、エディター上で以下の初期状態のコンテンツが表示されます。

ブロック追加直後の状態

編集中のエディターでは、以下のように実際のブロックコンテンツの表示と同じ状態でカスタマイズができます。

編集中のエディターの状態
実際の表示と同じ状態で編集が可能

ブロックオプション(右側サイドバー)

全般設定

右側の設定サイドバーにある「全般設定」では、このブロックで表示される切り抜きテキストの背景画像の指定や切り抜きスタイル、前景カラー、周囲の余白などのブロック全般に関する設定を行います。

全般設定
全般設定(つづき)

切り抜きスタイルは3パターンあり、切り抜いて表示する背景画像のアップロードや指定もここから操作します。

ブロックタイトル設定

右側の設定サイドバーにある「ブロックタイトル設定」では、切り抜くタイトルテキストのフォントに関する設定を行います。

ブロックの説明

右側の設定サイドバーにある「ブロックの説明」タブのトグルをオンにすると、タイトル直下に別のテキストを入力できるようになります。
このオプションではそのテキスト(説明文)のフォントに関する設定を行います。

「ブロックの説明」はサブスクリプション版で利用可能なオプションです。

余白調整

右側の設定サイドバーにある「余白調整」では、このブロックコンテンツ上下にとる余白(外余白=マージン、内余白=パディング)と、タイトルと説明文下部にとる余白を好みのサイズに調整できます。

注意事項・仕様

WordPress 5.9 にアップデート後、「DigiPress Ex – Blocks/Blocks Free」を利用すると段落や見出しブロックなどを追加したり、ブロックの選択時にアクティブな状態になるまでしばらくフリーズする現象が確認されています。

段落や見出しブロックは、多くの「スタイル」(装飾)が用意されていますが、WordPress 5.9 でのブロックエディターでは、ブロック追加や選択時に全スタイルのプレビュー処理(レンダリング)がその都度行われ、恐らくこの処理の待ち時間が長いことが原因と思われます。

この場合は、将来のブロックエディター(ベータ版)を試せる「Gutenberg」プラグインに置き換えると、「スタイル」はテキストの項目のみとなり、スタイルごとにカーソルを合わせた際に、はじめて対象スタイルのプレビュー(レンダリング)を行う仕様のため、WordPress 5.9 のブロックエディターに比べてはるかにレスポンスが早くストレスなく編集作業ができます。

WordPress のエディターがこのスタイルプレビューの仕様にアップデートされるまでは、「Gutenberg」プラグインに置き換えてご利用ください。

ブロックのリカバリーを試行(復元)を実行

本プラグインのアップデート後、エディター上のブロックで「このブロックには、想定されていないか無効なコンテンツが含まれています。」と表示された場合、旧バージョンから仕様が変更された可能性があります。

この場合は、HTML やクラシックブロックに変換せずに、必ず「ブロックのリカバリーを試行」を選択してアップデート後のバージョン仕様として更新してください。

「ブロックのリカバリーを試行」を実行しない限り、既存のブロックは従来のバージョンの状態のままで表示されます。

無料版での機能制限

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

  • 全般設定
    • 切り抜きスタイル(スタイル1固定)
    • 前景カラーのグラデーション(単色のみ)
    • 前景カラーの不透明度調整
    • 固定背景
  • ブロックの説明

ブロックコンテンツを本文以外(ウィジェットエリア)で表示する方法

DigiPressのオリジナルブロックを含め、WordPressのブロックエディターによるコンテンツを記事本文以外のウィジェットエリアに表示するには、「DigiPress Ex – Blocks」プラグインの「再利用コンテンツ」機能を利用することで実現できます。

詳しくは以下をご覧ください。