実用的で強力なエディター機能(オリジナルブロック) - 7 | INFINITII by DigiPress

Highly Flexible WordPress Theme

Category A Category B, …

実用的で強力なエディター機能(オリジナルブロック) - 7

November 28, 2018May 12, 2022

<img alt='avatar' src='https://secure.gravatar.com/avatar/963d240a322fa162456ede86f78d9d50?s=36&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/963d240a322fa162456ede86f78d9d50?s=72&d=mm&r=g 2x' class='avatar avatar-36 photo' height='36' width='36' decoding='async'/>

実用的で強力なエディター機能(オリジナルブロック)

対象機能	ブロックエディター拡張
機能概要	オリジナルブロックをエディターに追加
前提プラグイン	DigiPress Ex - Blocks Free またはDigiPress Ex - Blocks
対象テーマ	提供中の全テーマにて利用可
その他	投稿オプションの「フリーメタ情報」として自由項目(最大5件)を指定すると、このように本文の先頭に自動表示されます。

オリジナルブロック「画像比較」

表示デモ画像のみを指定した例

表示デモコントローラーカラー変更、ラベルあり

<img decoding="async" src="https://digipress.info/_wp/wp-content/uploads/2021/03/eye-2-1.jpg" class="compare-image __left-side" alt="ビフォー画像"/>

<img decoding="async" src="https://digipress.info/_wp/wp-content/uploads/2021/03/eye-1-2.jpg" class="compare-image __right-side" alt="アフター画像"/>

表示デモ垂直方向、表示割合の初期値変更、マウスオーバー追随

<img decoding="async" src="https://digipress.info/_wp/wp-content/uploads/2021/03/eye-2-1.jpg" class="compare-image __left-side" alt="ビフォー画像"/>

<img decoding="async" src="https://digipress.info/_wp/wp-content/uploads/2021/03/eye-1-2.jpg" class="compare-image __right-side" alt="アフター画像"/>

オリジナルブロック「チャート」

表示デモ棒グラフ

表示デモ棒グラフ(垂直)

表示デモ円グラフ

表示デモドーナツチャート

表示デモレーダーチャート

Leave A Reply CANCEL REPLY