DigiPress

Highly Flexible WordPress Theme

メニュー

[予告]DigiPress Ex – Blocksに新ブロック3種類追加

DigiPressテーマ専用プラグインとして提供中の「DigiPress Ex – Blocks」に、現在新たに3種類のブロックの追加を予定しています。

今回は次回メジャーアップデートにて搭載予定の新ブロックのコンテンツを先行公開いたします。

以下のデモやオプション画面は開発中のものであり、正式版とは異なる可能性があります。


1. タイピングアニメーションブロック

タイピングアニメーション」ブロックは、前回追加されたテキストアニメーションブロックから派生したテキストエフェクト用のブロックで、スクロールして可視エリアに入るとキーボードでタイピングしているようなアニメーションをしながらテキストを表示できます。

表示デモシンプルな例

タイピングアニメーションブロック

表示デモフォント装飾、キャレット表示

このタイピング速度は100ミリ秒|

このタイピング速度は200ミリ秒_

ブロックオプション

テキスト設定
タイピングアニメーション設定

2. メディアカバーブロック

メディアカバー」ブロックは、WordPress標準のカバーブロックを大幅に拡張したようなブロックであり、標準のカバーブロックにはないキャプション、ボタン(2つまで)、インナーメディア(画像または動画)をカバーコンテンツ内に表示できます。

表示デモタイトルのみ、全幅無効

DigiPress

表示デモ説明文、ボタンリンク、固定背景、全幅

DigiPress

Highly Flexible WordPress Theme

スマートフォンなどのタッチデバイスでは、ブラウザの仕様上、固定背景が効かないため無効になります。

表示デモぼかし背景、ボタン2つ

デジプレス

自由度と拡張性の高いハイセンスなワードプレステーマ

表示デモ背景ビデオ、インナーメディア入り
Inner Image

インナーメディア

カバー内に任意の画像または動画を表示できます。
インナーメディアは位置(左右)と表示割合を指定できます。

表示デモビデオインナーメディア、テキスト右寄せ

Delicious Time

カバー内に任意の画像または動画を表示できます。
インナーメディアは位置(左右)と表示割合を指定できます。

表示デモスクロールフェードインアニメーション
Inner Image

Delicious Food

カバー内に任意の画像または動画を表示できます。
インナーメディアは位置(左右)と表示割合を指定できます。

ブロックエディター画面(編集時)

実際のコンテンツの見た目と同じ状態で編集できます

ブロックオプション

カバー背景(画像、動画)
タイトル設定
説明文設定
ボタン設定
ボタン設定(続き)
インナーメディア設定
スクロールアニメーション設定
ブロック余白調整設定

3. 画像比較(ビフォー/アフター)ブロック

「画像比較」ブロックは、重なり合った2枚の画像上にあるコントロールバーをドラッグしてスライドすることで、2枚の画像の表示割合を自由に変更して比較することができます。

表示デモ画像のみを指定した例
ビフォー画像アフター画像
表示デモコントローラーカラー変更、ラベルあり
ビフォー画像アフター画像
表示デモ垂直方向、表示割合の初期値変更、マウスオーバー追随
ビフォー画像アフター画像

ブロックエディター画面(編集時)

実際のコンテンツの見た目と同じ状態で編集できます

エディター上では、コントローラーはスライドしません。

ブロックオプション

比較画像指定
コントローラー設定
ビフォー/アフターラベル設定

これらのブロックは無料版の「DigiPress Ex – Blocks Free」には一部機能制限や搭載されないものがあります。
詳細はリリース時に公開いたします。

その他、予定中のアップデートでは、WordPress標準のカバーブロックなどの拡張も含みますので、利用可能となりましたらぜひアップデートしてさらに便利になったブロックエディターをご利用ください。

また、ショートコードプラグイン「DigiPress Ex – Shortcodes」にもタイピングアニメーションと画像比較コンテンツを表示するショートコードを追加予定です。

Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Pinterest
Pocket
Feedly
Send to LINE