「流れるテキスト」でサイトに動きをプラス!アニメーション×テキストを簡単に実現できるオリジナルブロック

フリーランス主夫のWebサイト制作所のWordPressテーマ「PARTNERシリーズ」のオリジナルブロッグ【流れるテキスト】

Webサイト制作所のWordPressテーマに搭載されたオリジナルブロック「流れるテキスト」は、スクロールやスライドで文字が動くアニメーションを簡単に作成できる機能です。特別なコード不要で、印象的な見出しやメッセージを表現できます。

shareお願いします!

オリジナルブロック「流れるテキスト」

流れるテキスト

タグH1、H2、H3、H4、H5、H6、Pタグから選択可能
テキストスピードの変更可能
文字サイズの変更可能
カラーピッカーで文字色のカスタム可能
アニメーションはデフォルト・点滅・高速点滅・色変化スクロールの4種類から選択可能
外枠カラーピッカーでカスタム可能
背景カラーピッカーでカスタム可能
上下の余白px(ピクセル)単位で変更可能
カスタム条件

テキストアニメーション「デフォルト」

テキストアニメーション「点滅」

テキストアニメーション「高速点滅」

テキストアニメーション「色変化スクロール」

オリジナルブロック「流れるテキスト」の作成方法

STEP 1 流れるテキストを呼び出す 挿入したいところにオリジナルブロック「流れるテキスト」を呼び出します

  • 「ブロックを追加」を選択
  • オリジナルブロックの「流れるテキスト」を選択

STEP 2 テキスト入力 テキストを入力しカスタマイズ項目を選択

  • テキストを入力
  • 各種カスタマイズの設定

STEP 3 完成 簡単操作で流れるテキストが作成できます!

オリジナルブロック「流れるテキスト」のテキストをテスト入力しています

WordPressテーマのオリジナルブロック

shareお願いします!