独自のスタイル化されたテキストを使用して、重要なコンテンツや注目すべきコンテンツを強調します。

引用ブロックを使用して、スタイル付きの引用やお客様の声をサイトに追加します。

動画を見る

引用ブロックを追加する

引用ブロックを追加する方法は次の通りです。

1. 投稿もしくはページ エディターを開き、[ブロックを追加] もしくは挿入箇所をクリックして、[引用] をクリックします。詳細な手順については、「ブロックを使用してコンテンツを追加する」を参照してください。
2. ブロックの鉛筆アイコンをクリックして、ブロック エディターを開きます。
3. 最初のフィールドに引用を入力します。
4. 2番目のフィールドにソースを入力します。
5. [デザイン] をクリックしてアニメーションを追加するか、背景色を有効にします (バージョン7.1サイトのみ)。

既存の引用ブロックを編集する

既存の引用ブロックを編集するには、ブロックをダブルクリックするか、ブロックを1回クリックして鉛筆アイコンもしくは [編集] をクリックします。これにより、ブロック エディターが開きます。テキスト ブロックのように、ページ上で引用を直接編集することはできません。

引用のスタイルを設定する

引用のスタイル設定方法は、テンプレートとバージョンによって異なります。

引用をアニメーション化する

引用ブロック アニメーションは、創造エディターではサポートされていません。代わりに、引用ブロックはサイト全体のアニメーション設定に従います。

引用ブロックをアニメーション化する方法は次の通りです。

1. 引用ブロック エディターで、[デザイン] をクリックします。
2. ドロップダウン メニューからエフェクトを選択します。オプションを選択すると、ページにプレビューが表示されます。

以下の選択肢があります。

• なし - サイト全体にアニメーションの設定があっても、アニメーションは表示されません
• サイトの既定 - テキストはサイト全体アニメーション設定に合わせます
• フェード イン - テキストがフェード インする
• スライド アップ - テキストが下から上にスライドしする
• フォーカス イン - ぼやけた文字が表示され、その後焦点が合う
• 滑り出し - テキストが中央から外側にスライドする

これは、アニメーションでフォーカス インを使った引用ブロックの例です。

引用を追加するその他の方法

サイトに引用を追加し、独自の書式設定を行うためのその他のオプションをいくつか紹介します。

引用テキストとして書式設定する

テキスト ブロック内で引用を目立たせるには、テキストをハイライトさせ、テキスト ブロック エディターの引用アイコンをクリックします。これにより、引用がインデントされます。テンプレートによっては、側面に線が表示され、テキストが斜体になる場合があります。

テキストを折り返す

ページ上で目立つ雑誌風の引用文を作成するには、1つのテキスト ブロックを別のテキスト ブロックで囲みます。詳細については、「テキストを折り返してプル クオートを作成する」を参照してください。

引用ブロックと画像ブロックのオーバーラップ

創造エディターを使用している場合は、画像ブロックの上に引用ブロックを配置して、引用の画像背景を作成できます。背後の画像ブロックが隠れないように、 ブロックの背景を無効にしてください。

クラシック エディターでは、ブロックをオーバーラップさせることはできません。その代わりに、テキストをオーバーレイさせた画像ブロックを追加し、そのテキストをプル クオートのように見せるようにスタイルを設定します。さまざまな画像ブロック オプションの例については、「画像ブロック」を参照してください。以下は、ポスター画像ブロックを使用した例です。

見出しテキストとして書式設定する

テキストを目立たせるには、引用テキストをテキスト ブロックに追加し、見出しの書式を設定します。テキスト ブロック エディターでテキストを強調し、書式設定のドロップダウン メニューを使用して [見出し2] または [見出し3] を選択します。次に、[サイト スタイル] パネルの [見出し2] または [見出し3] オプションを使用して、テキストの外観を変更します。

ヒント: 検索エンジンでは、見出しのコンテンツをインデックス作成のキーワードが豊富な領域として認識するため、引用を見出しとしてスタイル設定すると、サイトのSEOが妨げられる可能性があります。この回避策としておすすめするのは、テンプレートに引用ブロック スタイルがなく、引用のデザインを向上させることが主な目的である場合のみです。