スクロールテキスト
スクロールテキスト
スクロールテキストを使うと、文字が横方向に流れる、動きのある見出しやバナーを作成できます。
固定の見出しに、大きく淡い色のスクロールテキストを重ねると、奥行きのある表現ができます。また、スクロールテキストだけを表示して、文字が横に流れるバナーとして使うこともできます。
スクロールテキストを使うメリット
- 注目を集める： テキストに動きを加えて、読者の視線を引きつけます。ページ上部のメインビジュアルやバナーに適しています。
- 奥行きと個性を加える： 大きく淡い色のスクロールテキストに太字の見出しを重ねることで、画像を使わずに立体感のある印象的なデザインを作れます。
- メッセージを強調する： 背景でキーワードやフレーズを繰り返し表示しながら、固定の見出しでメインのメッセージを伝えられます。
- 用途に合わせて使い分ける： 背景の装飾、単独のバナー、固定の見出しと組み合わせたデザインなど、セクションの目的に合わせて活用できます。
設定方法
編集ボタンをクリックすると、スクロールテキストの設定画面が開きます。次の2種類からレイアウトを選択します。
- メインテキスト＋背面の大きなスクロールテキスト
- スクロールテキストのみ
メインテキスト＋背面の大きなスクロールテキスト
固定のメインテキストの背後に、大きなスクロールテキストを表示します。2つのテキストを重ねることで、奥行きのある印象的な見出しを作成できます。
スクロールテキストのみ
固定のメインテキストを表示せず、横方向に流れるテキストだけをバナーとして表示します。
どちらのレイアウトでも、テキストが流れる速度を調整できます。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます