訪問者の注意を引くために、ページに水平に動くテキストの流れを追加します。

スクロール ブロックを使用して、シアター マーキーやニュース ティッカーのように、ページ全体を水平方向にスクロールするテキストを追加します。これは、テキストに視覚的なスタイルを加えたり、訪問者の目を重要な情報に引き付けたりするのに最適なオプションです。

動画を見る

スクロール ブロックを追加

スクロール ブロックを追加する方法は以下のとおりです。

1. ページまたは投稿を編集し、[ブロックを追加] または挿入箇所をクリックしてから、[スクロール] をクリックします。ヘルプについては、「ブロックを使用したコンテンツの追加」をご参照ください。
2. ブロックの鉛筆アイコンをクリックして、ブロック エディターを開きます。
3. [コンテンツ] タブで、テキスト アイテムを追加または編集します。
4. スクロール ブロックをクリック可能なリンクに変えるには、[リンク] フィールドにWebアドレスを追加するか、各種のリンクを追加します。訪問者がスクロール ブロックをクリックすると、追加したリンクに移動します。
5. [デザイン] タブを使用して、ブロックをカスタマイズします。

注: iOSデバイスでは、訪問者がアクセシビリティ機能の [視差効果を減らす] を有効にしている場合、スクロール ブロックはスクロールされません。

テキスト アイテムを追加および編集する

スクロール ブロックを追加すると、既定で2つの項目が含まれます。1つには「夢見よう」というテキストが含まれ、もう1つには仕切りとして機能する「波状のダッシュ」絵文字が含まれています。

新しい項目を追加したり、既存の項目を独自のテキストで編集したりできます。

新しいアイテムを追加する

新しいアイテムを追加する方法は次のとおりです。

1. スクロール ブロックのあるページで [編集] をクリックし、ブロックをクリックしてから、鉛筆アイコンまたは [編集] をクリックします。
2. [コンテンツ] タブで、[アイテムを追加] をクリックします。
3. これにより、既定のテキストで新しいアイテムが作成されます。テキストを編集するには、リスト内のアイテムをクリックし、[テキスト] フィールドをクリックします。

既存のアイテムを編集する

既存のアイテムを編集、複製、または削除するには、ブロック エディターの [コンテンツ] タブでアイテムをクリックします。フィールド内のテキストを編集するか、[複製] または [削除] をクリックします。

ゴミ箱アイコンをクリックして、[コンテンツ] タブからアイテムを直接削除することもできます。

アイテムを並べ替える

[コンテンツ] タブのアイテム リストで、スクロールするテキストの順序が設定されます。アイテムを並べ替える方法は次のとおりです。

1. スクロール ブロックのあるページで [編集] をクリックし、ブロックをクリックしてから、鉛筆アイコンクリックします。
2. [コンテンツ] タブで、アイテムのタイトルの左側にある [::] アイコンをクリックして長押しします。
3. リスト内で表示したい場所にアイテムをドラッグします。
4. リストが希望の順序になるまで、他のアイテムについてもこの手順を繰り返します。

デザインをカスタマイズする

ブロック エディターの [デザイン] タブでは、スクロール ブロックの外観をさまざまな方法でカスタマイズできます。お気に入りの組み合わせが見つかるまで、さまざまな設定を試してみることをおすすめします。

スクロール ブロックごとに独自のデザイン設定があります。サイト上のすべてのスクロール ブロックに設定を自動的に適用することはできません。

テキストの波形

テキストに波形を追加して、テキストをブロック内で垂直方向に上下に動かすことができます。これには以下の微調整オプションが必要です。

• 波の強さ - 波の垂直方向の高さを設定します。一番左の設定では波がなく、一番右の設定では波が最も高くなります。
• 波の幅 - [S]、[M]、[L]、または [...] (カスタム設定) を選択します。波の幅が小さい方が、スクロール ブロックに表示される波の極大値と極小値が多くなります。波幅が大きい場合、波は長い斜面として見え、その極大値が見えなくなる場合があります。

波の強さが中程度で、波の幅が小さいスクロール ブロックの例を次に示します。

テキストのスタイルとサイズ

次の微調整オプションでテキストのスタイルとサイズを設定します。

• テキストのスタイル - [段落] または [見出し] を選択します。テキストは、この選択内容に基づいて、段落または見出しのグローバル スタイルに従います。これにより、テキストのフォントやその他のスタイル設定が設定されますが、サイズは設定されません。
• テキストのサイズ - [S]、[M]、[L]、または [...] (カスタム設定) を選択します。

サイト スタイルのテキストの色を変更します。テキストの色は、テキストのスタイルで選択した内容に応じて、セクションのカラー テーマの [スクロール] にある [段落の色」または [見出しの色] の微調整オプションに従います。

スクロール ブロックに背景色を追加した場合、テキストは [スクロール] の[背景上の段落の色] または [背景上の見出しの色] に従います。

「波状のダッシュ」は絵文字で、設定された色はカスタマイズできないことに注意してください。

スクロールのスタイル

次の微調整オプションを使用して、スクロールの動作と外観をカスタマイズします。

• 方向 - ブロックを左または右にスクロールするように設定します。
• 速度 - スクロール速度を0.5倍、1倍、または2倍に設定します。
• ホバー時に一時停止 - このトグルをオンにすると、訪問者がブロックにカーソルを合わせたときにスクロールが一時停止します。編集モードでは、アニメーションは一時停止しません。
• 両端をフェード - このトグルをオンにすると、ブロックの左端と右端のテキストが半透明になります。
• アイテムのスペース - スクロール内のテキスト アイテム間の距離を設定します。

他のスタイル オプション

スクロール ブロックの外観をカスタマイズする方法は次のとおりです。

• ストローク - ブロックの外枠を描く実線または点線を有効にします。実線と点線の両方で、ストロークの色と太さを設定します。
• ブレンド モード - ドロップダウン メニューを使用して、透明度の設定を選択します。こうしたエフェクトは、画像やその他のビジュアル コンテンツの前にスクロール ブロックを重ねる場合に最適です。
• ぼかし - トグルをオンに切り替えて、エレメントまたは背景をぼかし、スライダーでぼかし具合を調整します。

創造エディター セクションでは、ストローク、ブレンド モード、ぼかしをカスタマイズできます。クラシック エディターが使用されているセクションでは、ストロークのみ使用できます。