スクロールフェードテキストショートコード

このショートコードを使用するには「DigiPress Ex – Shortcodes」プラグインが必要です。

スクロールするとフェードしながら徐々に表示されるフローティングテキストを表示します。
テキストの周囲(任意位置 : 上下左右)に画像も表示できます。

テキストのみのシンプルな表示例(規定表示)

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

このショートコード

[txtfading text='カスタマイズ性が高く美しい WordPress テーマ']

テキストの右側に画像を表示した例

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

このショートコード

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

画像を左側にし、表示モーションを指定した例

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

このショートコード

[txtfading
text='カスタマイズ性が高く美しい WordPress テーマ'
size='38'
image='https://digipress.info/_wp/wp-content/uploads/2020/11/iphone-x2.png'
imagemaxwidth='260'
imagealign='left'
textaligntoimage='top'
imagefx='1']

画像を下に表示し、最大表示幅を指定した例

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

このショートコード

[txtfading
text='カスタマイズ性が高く美しい WordPress テーマ'
size='42'
color='#168980'
italic='1'
image='https://digipress.info/_wp/wp-content/uploads/2020/11/macbook.png'
imagealign='bottom'
textaligntoimage='center'
imagemaxwidth='560'
imagefx='10']

画像を正円にして様々なパラメータを指定した例

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

このショートコード

[[txtfading
text='カスタマイズ性が高く美しい WordPress テーマ'
size='42'
align='center'
color='#3a3a3a'
bold='1'
italic='0'
serif='1'
image='https://images.unsplash.com/photo-1579187707643-35646d22b596?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ' 
imagealign='top'
textaligntoimage='center'
imagemaxwidth='480'
imagecircle='1'
imagefx='4'
imageeasing='cubic-bezier(0.64, 0.43, 0.38, 1.45)'
margintop='180'
marginbtm='80']]