DigiPress テーマ専用の WordPress プラグイン「DigiPress Ex – Shortcodes」に、新たなショートコードが追加されました。

今回追加された「スクロールフェードテキスト」ショートコードでは、スクロール量に応じて文字列が徐々に現れ、ブラウザの高さ分をフローティング(固定)表示する特殊なコンテンツを表示できます。

テキストと共に上下左右のいずれかの位置に任意の画像もフェード表示させることができるため、商用シーンでインパクトのあるアピールコンテンツをショートコードで簡単に表現できます。

ショートコード表示例

カスタマイズ性が高く美しい WordPress テーマ

このショートコード

[txtfading
text='カスタマイズ性が高く美しい WordPress テーマ'
textaligntoimage='top'
size='42'
bold='1'
align='right'
color='#134d77'
serif='1'
image='https://digipress.info/_wp/wp-content/uploads/2020/11/iphone-x.png'
imagealign='right'
imagemaxwidth='280'
imagefx='2']

スクロールフェードテキストショートコードは、プラグインの最新版(1.3.4.0)にて利用可能となっていますので、本プラグインをお持ちの方は、アップデートしてぜひご利用ください。

ショートコードの作成は、ブロックエディターの「DigiPress ショートコード」ブロックおよびテキストウィジェットから起動できるショートコードジェネレータを利用すると、GUI操作のみで簡単にショートコードを生成・取得できます。

ショートコードの詳細や使い方については、メンバーコンテンツの以下オンラインマニュアルをご覧ください。

オンラインマニュアル

txtfading : スクロールでフェードしながら表示されるフローティングテキストを表示

このショートコードを使用するには「DigiPress Ex – Shortcodes」プラグインが必要です。 スクロールするとフェードしながら徐々に表示されるフローティングテキストを表示します。テキストの周囲(任意位置 : 上下左右)に画像も表示できます。 テキストのみのシンプルな表示例(規定表示) このショートコード ] テキストの右側に画像を表示した例 このショートコード ] 画像を左側にし、表示モーションを指定した例 このショートコード ] 画像を下に表示し、最大表示幅を指定した例 このショートコード ] 画像を正円にして様々なパラメータを指定した例 このショートコード ] 指定可能なパ…

DigiPress