対象プラグイン/バージョン
主なアップデート内容
- [拡張] テキストにアウトラインを表示する「縁取りテキスト」ブロックを追加。
- [拡張] リッチテキスト対応ブロックにて拡張されるブロックツールバーに「縁取りテキスト」オプションを追加。
- [拡張] ブロック共通オプションの「ブロック背景」に「ドロップオブジェクト」機能を追加。
※サブスクリプション版のみ - [拡張] テキストブロック、高度な見出しブロック、 切り抜きテキストブロック、フェードインテキストブロック、縁取りテキストブロック、切り抜きテキストブロック、フェードインテキストブロック、テキストアニメーションブロック、タイピングアニメーションブロックのタイポグラフィ設定のフォントサイズの単位を選択式(px, rem, em, vw, vh)に変更し、さらにレスポンシブモードを追加。
- [拡張] テキストブロック、高度な見出しブロック、切り抜きテキストブロック、フェードインテキストブロック、縁取りテキストブロック、テキストアニメーションブロック、タイピングアニメーションブロックのテキスト設定に「ドロップシャドウ」オプション、「変形」オプションを追加。
- [拡張] テキストブロック、高度な見出しブロックのタイポグラフィ設定に「極太フォント」オプションを追加。
- [拡張] アイコンブロックに「アウトライン」オプション、「ドロップシャドウ」オプションを追加。
- [修正] WordPress 6.7 にて翻訳処理の仕様が変更になったことに伴い、PHP コードでローカライズ対象になっている箇所(テキスト)が翻訳されなくなったため、WordPress のバージョンによって翻訳ファイルのロード方法を分岐するよう修正。
- [修正] ウィジェットなどの「再利用コンテンツ」機能に関する一部の表記が翻訳されなっていた不具合を修正。
- [修正] その他、多数の細かな JSX コード、CSS のバグ修正。
縁取りテキストブロック
縁取りテキストブロックでは、縁取り加工した文字列を表示できる他、メディアブロックを内部に表示して縁取り文字と画像または動画をオーバーラップさせて表示することが可能になります。
表示例ブロック追加直後(サンプル表示)
OUTLINED TEXT
表示例テキストと動画を重ねた場合
OUTLINED TEXT
表示例オーバーラップ画像を固定
OUTDOOR STYLE
OUTDOOR STYLE
表示例アウトラインと文字をずらした場合
はなまる保育園
\ げんきにすくすく /
表示例ブロックに背景画像を表示
WINTER
MOUNTAIN
MOUNTAIN
ブロックツールバー「縁取りテキスト」
リッチテキスト対応のブロックに拡張されるツールバーに新たに「縁取りテキスト」オプションが追加されました。
選択中の文字列を縁取り加工して表示することができます。
表示例
DigiPress Ex – Blocks
表示例縁取り+文字色
DigiPress Ex – Blocks
表示例ドロップシャドウ(ぼかしなし)
DigiPress Ex – Blocks
表示例テキストブロックで背景を表示
DigiPress Ex – Blocks
“ブロック背景” 共通オプション – ドロップオブジェクト
対象ブロックにて共通仕様として拡張されるブロック共通オプションの「ブロック背景」に、新たに「ドロップオブジェクト」オプションを追加しました。
表示例
まいにち笑顔で元気よく
FUNKY
PRESIDENT
PRESIDENT
フォントサイズのレスポンシブ化
一部ブロックのタイポグラフィ設定にフォントサイズをブラウザの表示サイズに応じてフレキシブルに表示するレスポンシブモードを追加しました。
レスポンシブ表示は基本のフォントサイズはビューポート(vw)を単位にし、最小サイズと最大サイズを設定しておくことで対応させることができます。
テキストにドロップシャドウ、変形表示
一部ブロックのテキスト設定にテキストにドロップシャドウ ( filter: drop-shadow
)で影を表示するドロップシャドウオプションと、テキストに回転と傾き加工を施す変形オプションを追加しました。
グラデーションでフォントを表示する場合は、従来のテキストシャドウよりもドロップシャドウを利用する方が適した表示結果になります。
ドロップシャドウ
DropShadow
DropShadow
変形
Rotation
Skew X: 20deg
極太フォント
フォントウェイトの指定に関わらず、テキストをシステムの極太フォントで強制表示するオプションを追加しました。
表示比較
Normal
BOLD
HEAVY BOLD
アイコンブロックにアウトライン、ドロップシャドウ
アイコンブロックにアウトライン(縁取り)を表示するオプションとドロップシャドウによる影を表示するオプションを追加しました。
加工例
加工なし
アウトライン
アウトライン
(ずらしあり)
アウトライン
(グラデーション)
アウトライン+ドロップシャドウ
アウトライン+ドロップシャドウ+テキストシャドウ