クラシック エディターでテキストを折り返してプル クオートを作成する

プル クオ⁠ートを作成することで⁠、インパクトのあるテキストを強調することができます⁠。

最終更新日 2024年7月29日

Squarespaceのクラシ⁠ック エデ⁠ィタ⁠ーでは⁠、テキスト ブロ⁠ックを他のテキスト ブロ⁠ックにドラ⁠ッグすることでプル クオ⁠ートを作成できます⁠。このアクシ⁠ョンは⁠、「⁠テキストの周囲にテキストを折り返す⁠」または「⁠テキスト ブロ⁠ックをフロ⁠ートする⁠」と呼ぶことができます⁠。

プル クオ⁠ートは⁠、コンテンツの残りの部分とは区別されるペ⁠ージからの引用または抜粋です⁠。長いテキストを分割し⁠、異なるサイズやフ⁠ォントに設定することで⁠、より視覚的に興味をそそるペ⁠ージを作成することができます⁠。

プル クオ⁠ートは⁠、 テキスト ブロ⁠ックのblockquoteオプシ⁠ョン引用ブロ⁠ックとは動作が異なります⁠。blockquote形式に設定されたテキストや引用ブロ⁠ックに追加されたテキストは⁠、独自の書式設定を持ちます⁠。ただし⁠、プル クオ⁠ートには⁠、テキスト ブロ⁠ックに適用可能なあらゆる書式設定を適用できます⁠。

プル クオ⁠ートを使用すると⁠、次の情報を共有できます⁠。

  • ビジネス文書の最も重要な情報
  • インタビ⁠ュ⁠ーの名言
  • 商品に関するお客様の声

この機能へのアクセス

このガイドでは⁠、クラシ⁠ック エデ⁠ィタ⁠ーでのみ使用できるデザイン オプシ⁠ョンについて説明します⁠。創造エデ⁠ィタ⁠ーでは⁠、テキストを他のブロ⁠ックの周囲に折り返すことはできません⁠。

動画を見る

テキストを追加して書式を設定する

プル クオ⁠ートを作成するためにテキストを追加するのが最初のステ⁠ップです⁠。

  1. 新しいテキスト ブロ⁠ックを作成し⁠、プル クオ⁠ートに使用するテキストを追加します⁠。プル クオ⁠ートが⁠、別のテキスト ブロ⁠ックの一部ではなく固有のテキスト ブロ⁠ックに含まれていることをご確認ください⁠。
  2. テキストを強調表示し⁠、ドロ⁠ップダウン メニ⁠ュ⁠ーから形式を選択します⁠。バ⁠ージ⁠ョン7⁠.1サイトには⁠、テキストを目立たせるための複数の段落書式設定オプシ⁠ョンがあります⁠。サイトがバ⁠ージ⁠ョン7⁠.0の場合は⁠、通常のテキストから目立つ見出し形式を選択することをおすすめします⁠。

見出し形式を使用する場合は⁠、キ⁠ーワ⁠ードなど⁠、ペ⁠ージの重要なコンテンツがプル クオ⁠ートに含まれていることをご確認ください⁠。これは⁠、SEOに影響を与える可能性があります⁠。

format-text.png

format-text.png

プル クオ⁠ートを配置する

次に⁠、テキスト ブロ⁠ックを所定の位置にドラ⁠ッグ アンド ドロ⁠ップします⁠。

  1. カ⁠ーソルがのアイコンになるまで⁠、ブロ⁠ックの端にカ⁠ーソルを合わせます⁠。
  2. ブロ⁠ックをクリ⁠ックしてドラ⁠ッグし⁠、ペ⁠ージ内で動かします⁠。
  3. ブロ⁠ックをドラ⁠ッグすると⁠、ガイドラインが灰色のボ⁠ックスとして表示され⁠、テキスト内でどこにブロ⁠ックが表示されるかを示します⁠。好みの位置にブロ⁠ックをドロ⁠ップします⁠。ブロ⁠ックの移動についての詳細は⁠、Squarespaceのガイドをご覧ください⁠。

ヒント

テキスト ブロ⁠ックがマ⁠ージされている場合は⁠、スペ⁠ース調整ブロ⁠ックを追加してブロ⁠ックを離します⁠。これは⁠、後で削除することもできます⁠。

wrap-text.png

wrap-text.png

プル クオ⁠ートは次のようになります⁠。

pull-quote-final.png

pull-quote-final.png

ヒント

プル クオ⁠ートが複数ある場合は⁠、見た目を統一するため⁠、それぞれに同じ書式設定オプシ⁠ョンを使用することをおすすめします⁠。

プル クオ⁠ートのスタイルを設定する

プル クオ⁠ートを目立たせるために⁠、フ⁠ォントの色やスタイルを別のものに指定することをおすすめします⁠。この作業はデザイン パネルで実施できます⁠。

  1. 編集中のペ⁠⁠ージでサイト スタイルを開き⁠⁠、[⁠⁠フ⁠⁠ォント⁠⁠] をクリ⁠⁠ックしてフ⁠⁠ォントを変更します⁠⁠。
  2. [⁠⁠サイト スタイル⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠⁠⁠] をクリ⁠⁠ックして色を変更します⁠⁠。
  3. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。
  1. 編集中のペ⁠⁠ージを開いたまま⁠⁠、[⁠⁠Webサイト⁠⁠] パネルに戻ります⁠⁠。
  2. [⁠⁠デザイン⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠サイト スタイル⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. サイト スタイル パネルのスタイル微調整オプシ⁠⁠ョンを使用して⁠⁠、引用テキストのスタイルを設定します⁠⁠。たとえば⁠⁠、引用を「⁠⁠見出し3⁠⁠」のテキストに設定した場合は⁠⁠、「⁠⁠見出し3⁠⁠」の微調整オプシ⁠⁠ョンを使⁠⁠って調整を行います⁠⁠。

テキスト内の他のブロ⁠⁠ックをフロ⁠⁠ートさせる

テキスト ブロ⁠⁠ック内のあらゆるタイプのブロ⁠⁠ックをフロ⁠⁠ートさせて⁠⁠、テキストを折り返すことができます⁠⁠。たとえば⁠⁠、大量のテキストを分割する場合などには⁠⁠、画像ブロ⁠⁠ックを使用してこの操作を行うことをおすすめします⁠⁠。

これを行うには⁠⁠、ブロ⁠⁠ックをクリ⁠⁠ックしてテキスト ブロ⁠⁠ック上にドラ⁠⁠ッグします⁠⁠。テキスト内でブロ⁠⁠ックが表示される場所に灰色のボ⁠⁠ックスが表示されます⁠⁠。詳細については⁠⁠、このガイド内の前の手順に従⁠⁠ってください⁠⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。

クラシック エディターでテキストを折り返してプル クオートを作成する