ブログの抜粋

ブログ投稿のスニペ⁠ットを表示して⁠、訪問者の関心を引きまし⁠ょう⁠。

最終更新日 2024年9月12日

ブログの抜粋により⁠、読者はブログ投稿の一部やテ⁠ィ⁠ーザ⁠ーを閲覧できます⁠。訪問者は⁠、興味を引かれる抜粋を見つけたら⁠、タイトル⁠、画像⁠、または [⁠詳細を確認⁠] リンクをクリ⁠ックして投稿全文を開くことができます⁠。

長めの投稿を書いた場合⁠、投稿に複数の画像や動画が含まれている場合は⁠、抜粋を表示することで訪問者がブログ ペ⁠ージを閲覧したり移動したりしやすくなります⁠。

抜粋を追加する

ブログ投稿の設定に抜粋テキストを追加します⁠。以下の手順に従⁠って⁠、イベント ペ⁠ージのイベントに抜粋を追加することもできます⁠。この手順は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

抜粋を追加するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開いてブログ ペ⁠⁠ージをクリ⁠⁠ックし⁠⁠、[⁠⁠ブログ コンテンツ⁠⁠] をクリ⁠⁠ックします⁠⁠。
  2. サイド パネルの投稿にカ⁠⁠ーソルを合わせて [⁠⁠⁠⁠.⁠⁠.⁠⁠.⁠⁠] をクリ⁠⁠ックし⁠⁠、次に [⁠⁠設定⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 表示された [⁠⁠コンテンツ⁠⁠] タブで⁠⁠、投稿の概要または要約を [⁠⁠抜粋⁠⁠] フ⁠⁠ィ⁠⁠ールドに追加します⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

新しい投稿に抜粋を追加する方法は以下の通りです⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、ブログ ペ⁠⁠ージをクリ⁠⁠ックします⁠⁠。
  2. 新しいブログ投稿を作成します⁠⁠。
  3. [⁠⁠オプシ⁠⁠ョン⁠⁠] タブをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠抜粋⁠⁠] フ⁠⁠ィ⁠⁠ールドに⁠⁠、投稿の紹介や要約を追加します⁠⁠。
  5. ブログ投稿の作成が完了したら⁠⁠、[⁠⁠保存⁠⁠] または [⁠⁠公開⁠⁠] をクリ⁠⁠ックします⁠⁠。

既存の投稿に抜粋を追加する方法は以下の通りです⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、ブログ ペ⁠⁠ージをクリ⁠⁠ックします⁠⁠。
  2. 投稿のタイトルにカ⁠⁠ーソルを合わせ⁠⁠、[⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠オプシ⁠⁠ョン⁠⁠] タブをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠抜粋⁠⁠] フ⁠⁠ィ⁠⁠ールドに⁠⁠、投稿の紹介や要約を追加します⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

抜粋の画像

一部のテンプレ⁠⁠ートでは⁠⁠、投稿の抜粋を含む画像を視覚的なプレビ⁠⁠ュ⁠⁠ーとして表示できます⁠⁠。テンプレ⁠⁠ートに応じて⁠⁠、アイキ⁠⁠ャ⁠⁠ッチ画像またはハイライト ブロ⁠⁠ックを使用してこの画像を作成します⁠⁠。

これらのテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーでは⁠⁠、抜粋に画像を追加できます⁠⁠。詳細については⁠⁠、使用しているテンプレ⁠⁠ートのガイドをご参照ください⁠⁠。

  • Avenue - ハイライト ブロ⁠⁠ック
  • Aviator - ハイライト ブロ⁠⁠ック
  • Brine - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像 (⁠⁠[⁠⁠画像を表示⁠⁠] と [⁠⁠抜粋を表示⁠⁠] の微調整オプシ⁠⁠ョンをご確認ください⁠⁠。⁠⁠)
  • Farro - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像
  • Five - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像
  • Flatiron - ハイライト ブロ⁠⁠ック
  • Ishimoto -ハイライト ブロ⁠⁠ックまたは投稿のアイキ⁠⁠ャ⁠⁠ッチ画像 (⁠⁠ハイライト ブロ⁠⁠ックはアイキ⁠⁠ャ⁠⁠ッチ画像を上書きします⁠⁠。⁠⁠)
  • Montauk - ハイライト ブロ⁠⁠ック
  • Native - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像 (⁠⁠円で表示されます⁠⁠。モバイルでは表示されません⁠⁠。⁠⁠)モバイルでは表示されません⁠⁠。
  • Pacific - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像
  • Skye - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像
  • Tremont - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像 (⁠⁠[⁠⁠画像を表示⁠⁠] と [⁠⁠抜粋を表示⁠⁠] の微調整オプシ⁠⁠ョンをご確認ください⁠⁠。⁠⁠)
  • Wells - ハイライト ブロ⁠⁠ック (⁠⁠ハイライト ブロ⁠⁠ックを無効にして⁠⁠、代わりに投稿のアイキ⁠⁠ャ⁠⁠ッチ画像を表示します⁠⁠。⁠⁠)
  • Wexley - ハイライト ブロ⁠⁠ック
  • York - 投稿のアイキ⁠⁠ャ⁠⁠ッチ画像 (⁠⁠[⁠⁠画像を表示⁠⁠] と [⁠⁠抜粋を表示⁠⁠] の微調整オプシ⁠⁠ョンをご確認ください⁠⁠。⁠⁠)

ヒント

すべてのテンプレ⁠⁠ートで⁠⁠、抜粋を含むアイキ⁠⁠ャ⁠⁠ッチ画像を概要ブロ⁠⁠ックに表示できます⁠⁠。

抜粋が表示されない場合

抜粋を追加し⁠、保存してペ⁠ージを更新しても抜粋が表示されない場合は⁠、サイトの設定の変更が必要になる可能性があります⁠。

ほとんどのブログ ペ⁠⁠ージ レイアウトでは⁠⁠、抜粋が自動的に表示されます⁠⁠。表示されない場合は⁠⁠、以下の手順に従いブログ セクシ⁠⁠ョンのスタイルを変更します⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、ブログ ペ⁠⁠ージをクリ⁠⁠ックします⁠⁠。
  2. ペ⁠⁠ージの左上にある [⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠形式⁠⁠] タブで [⁠⁠抜粋⁠⁠] まで下にスクロ⁠⁠ールし⁠⁠、[⁠⁠表示⁠⁠] を選択します⁠⁠。単一列のブログ レイアウトの場合は⁠⁠、[⁠⁠コンテンツ表示⁠⁠] ドロ⁠⁠ップダウンから [⁠⁠抜粋とタイトル⁠⁠] を選択します⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

ヒント

複数のブログ ペ⁠⁠ージがある場合は⁠⁠、ブログ ペ⁠⁠ージごとに同じ手順を繰り返します⁠⁠。

一部のテンプレ⁠⁠ートでは⁠⁠、ブログ ペ⁠⁠ージに表示せずに抜粋を追加するオプシ⁠⁠ョンが提示されます⁠⁠。このオプシ⁠⁠ョンが表示されない場合は⁠⁠、ペ⁠⁠ージ設定またはサイト スタイル⁠⁠、またはその両方で抜粋を有効にすることが必要になる場合があります⁠⁠。コンピ⁠⁠ュ⁠⁠ータ⁠⁠ーで⁠⁠、以下の手順に従いテンプレ⁠⁠ートの抜粋を有効にします⁠⁠。

ステ⁠⁠ップ1 - ペ⁠⁠ージ設定で抜粋を有効にする

これらのテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーでは⁠⁠、投稿全文または抜粋のいずれかを表示できます⁠⁠。

  • Brine
  • Tremont
  • York

抜粋を表示するには⁠⁠、ペ⁠⁠ージ設定で抜粋を有効にします⁠⁠。

  1. [⁠⁠ペ⁠⁠ージパネル⁠⁠] を開きます⁠⁠。
  2. ブログ ペ⁠⁠ージにカ⁠⁠ーソルを合わせてをクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠詳細設定⁠⁠] タブで⁠⁠、[⁠⁠投稿の表示⁠⁠] ドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーから [⁠⁠抜粋⁠⁠] を選択します⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてペ⁠⁠ージを更新します⁠⁠。

ヒント

複数のブログ ペ⁠⁠ージがある場合は⁠⁠、各ブログ ペ⁠⁠ージの設定で抜粋を有効にします⁠⁠。

この手順を踏んでも抜粋が表示されない場合⁠⁠、または別のテンプレ⁠⁠ートを使用している場合は⁠⁠、次のステ⁠⁠ップに進んでください⁠⁠。

ステ⁠⁠ップ2 - サイト スタイルで抜粋を有効にする

これらのテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーで抜粋を表示するには⁠⁠、以下のスタイル微調整オプシ⁠⁠ョンを使用します⁠⁠。

  • Brine - [⁠⁠ブログ⁠⁠: リスト⁠⁠] セクシ⁠⁠ョンの [⁠⁠抜粋を表示⁠⁠] オプシ⁠⁠ョン
  • Skye - [⁠⁠ブログ グリ⁠⁠ッド オプシ⁠⁠ョン⁠⁠] セクシ⁠⁠ョンの [⁠⁠ブログ リストに抜粋を表示⁠⁠] オプシ⁠⁠ョン
  • Tremont - [⁠⁠ブログ⁠⁠: リスト⁠⁠] セクシ⁠⁠ョンの [⁠⁠抜粋を表示⁠⁠] オプシ⁠⁠ョン
  • York - [⁠⁠ブログ⁠⁠: リスト⁠⁠] セクシ⁠⁠ョンの [⁠⁠抜粋を表示⁠⁠] オプシ⁠⁠ョン

[⁠続きを読む⁠] のリンク

ほとんどのSquarespaceサイトでは⁠、ブログ投稿の抜粋に [⁠続きを読む⁠] のリンクが自動的に含まれており⁠、このリンクからブログ投稿全文が開きます⁠。表示とスタイルのオプシ⁠ョンは⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

[⁠⁠続きを読む⁠⁠] のリンクは⁠⁠、ブログ投稿の抜粋から独立した形で表示できます⁠⁠。[⁠⁠続きを読む⁠⁠] のリンクを表示または非表示にするには⁠⁠、ブログのセクシ⁠⁠ョン スタイルを変更してください⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、ブログ ペ⁠⁠ージをクリ⁠⁠ックします⁠⁠。
  2. ペ⁠⁠ージの左上にある [⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠形式⁠⁠] タブで [⁠⁠続きを読む⁠⁠] のリンクまで下にスクロ⁠⁠ールし⁠⁠、[⁠⁠表示⁠⁠] または [⁠⁠非表示⁠⁠] を選択します⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

フ⁠⁠ォント

[⁠⁠続きを読む⁠⁠] のリンクのフ⁠⁠ォントを変更する方法は以下の通りです⁠⁠。

  1. ブログ ペ⁠⁠ージの編集中に⁠⁠、[⁠⁠サイト スタイル⁠⁠] を開き⁠⁠、[⁠⁠フ⁠⁠ォント⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠スタイルの割り当て⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠ブログ⁠⁠] で [⁠⁠抜粋⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠スタイル⁠⁠] と [⁠⁠サイズ⁠⁠] をクリ⁠⁠ックして各オプシ⁠⁠ョンにスタイルを割り当てます⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

[⁠⁠続きを読む⁠⁠] のリンクの色は⁠⁠、セクシ⁠⁠ョンのカラ⁠⁠ー パレ⁠⁠ットに従います⁠⁠。色を変更する方法は以下の通りです⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、ブログ ペ⁠⁠ージをクリ⁠⁠ックします⁠⁠。
  2. ペ⁠⁠ージの左上にある [⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 鉛筆アイコンをクリ⁠⁠ックし⁠⁠、[⁠⁠⁠⁠] をクリ⁠⁠ックします⁠⁠。
  4. 新しいカラ⁠⁠ー パレ⁠⁠ットを選択するか⁠⁠、選択したカラ⁠⁠ー パレ⁠⁠ットの鉛筆アイコンをクリ⁠⁠ックしてさらにカスタマイズします⁠⁠。
  5. レイアウトに合⁠⁠ったブログ セクシ⁠⁠ョンまで下にスクロ⁠⁠ールし⁠⁠、[⁠⁠続きを読む⁠⁠] のリンクの色を変更します⁠⁠。
  6. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

ほとんどのテンプレ⁠⁠ートでは⁠⁠、抜粋に [⁠⁠続きを読む⁠⁠] のリンクが含まれています⁠⁠。一部のテンプレ⁠⁠ートには [⁠⁠+⁠⁠] や [⁠⁠→⁠⁠] の記号も含まれます⁠⁠。

以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーには⁠⁠、[⁠⁠続きを読む⁠⁠] のリンクは含まれません⁠⁠。

  • Farro
  • Galapagos - [⁠⁠続きを読む⁠⁠] の代わりに [⁠⁠続行⁠⁠] と矢印が表示されます⁠⁠。
  • Pacific
  • Skye

フ⁠⁠ォントと色

ほとんどのテンプレ⁠⁠ートでは⁠⁠、[⁠⁠続きを読む⁠⁠] のリンクはサイトの本文テキストのフ⁠⁠ォントと本文のリンク テキストの色に従います⁠⁠。以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーのスタイル設定はそれぞれに異なります⁠⁠。

  • Brine - サイト スタイルの [⁠⁠ブログ⁠⁠: タイポグラフ⁠⁠ィ⁠⁠ーと色⁠⁠] セクシ⁠⁠ョンで[⁠⁠続きを読む⁠⁠] のリンクフ⁠⁠ォントの微調整オプシ⁠⁠ョンを使用します⁠⁠。
  • Five - フ⁠⁠ォント スタイルのオプシ⁠⁠ョンはありません⁠⁠。
  • Native - フ⁠⁠ォント スタイルのオプシ⁠⁠ョンはありません⁠⁠。
  • Tremont - [⁠⁠ブログ⁠⁠: タイポグラフ⁠⁠ィ⁠⁠ーと色⁠⁠] セクシ⁠⁠ョンで⁠⁠、[⁠⁠続きを読む⁠⁠] のリンク用のフ⁠⁠ォントの微調整オプシ⁠⁠ョンを使用します⁠⁠。
  • York - [⁠⁠ブログ⁠⁠: タイポグラフ⁠⁠ィ⁠⁠ーと色⁠⁠] セクシ⁠⁠ョンで⁠⁠、[⁠⁠続きを読む⁠⁠] のリンク用のフ⁠⁠ォントの微調整オプシ⁠⁠ョンを使用します⁠⁠。

イベント ペ⁠ージの抜粋には⁠、[⁠続きを読む⁠] のリンクが表示されません⁠。

投稿の抜粋と全文

抜粋のない投稿がブログ ペ⁠ージでどのように表示されるかは⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

シングル カラムのブログ レイアウトでは⁠⁠、投稿の抜粋ではなく全文を表示できます⁠⁠。その方法は以下の通りです⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、ブログ ペ⁠⁠ージをクリ⁠⁠ックします⁠⁠。
  2. ペ⁠⁠ージの左上にある [⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠形式⁠⁠] タブで⁠⁠、[⁠⁠コンテンツ表示⁠⁠] まで下にスクロ⁠⁠ールし⁠⁠、[⁠⁠投稿全文⁠⁠] を選択します⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠] をクリ⁠⁠ックしてから [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

他のブログ投稿レイアウトでは⁠⁠、抜粋を非表示にしても投稿全文を表示することはできません⁠⁠。

ほとんどのテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーでは⁠⁠、ブログ投稿に抜粋がない場合は⁠⁠、代わりに投稿全文が表示されます⁠⁠。つまり⁠⁠、ブログのランデ⁠⁠ィング ペ⁠⁠ージに投稿の抜粋と全文が混在する形で表示することができます⁠⁠。次の例は⁠⁠、Adirondackテンプレ⁠⁠ートを使用したものです⁠⁠。

example-mixed.png

グリ⁠⁠ッド/スタ⁠⁠ックのブログ ペ⁠⁠ージをサポ⁠⁠ートしているテンプレ⁠⁠ート (⁠⁠Brine⁠⁠、Tremont⁠⁠、Yorkフ⁠⁠ァミリ⁠⁠ー⁠⁠) では⁠⁠、抜粋または全文のいずれかを含めることができますが⁠⁠、両方を含めることはできません⁠⁠。抜粋が有効にな⁠⁠っており⁠⁠、スタ⁠⁠ック レイアウトを選択した場合は⁠⁠、すべてのブログ投稿に抜粋テキストが含まれていることをご確認ください⁠⁠。テキストが含まれていないと⁠⁠、次のBrineテンプレ⁠⁠ートの例のように⁠⁠、ブログのランデ⁠⁠ィング ペ⁠⁠ージに空白部分ができてしまいます⁠⁠。

example-not-mixed.png

グリ⁠⁠ッドのブログ ペ⁠⁠ージのみが含まれるテンプレ⁠⁠ートでは⁠⁠、投稿全文は表示されません⁠⁠。これには以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーが含まれます⁠⁠。

  • Farro
  • Skye

Farroテンプレ⁠⁠ートを使⁠⁠った例をご覧ください⁠⁠。

example-none.png

ライテ⁠ィングのヒントとベスト プラクテ⁠ィス

優れた抜粋は読者の興味をそそります⁠。ライテ⁠ィングを始めるためのアイデアをご紹介します⁠。

  • 投稿を説明する - 読者が内容を理解できるように⁠、投稿を1~2文で要約します⁠。
  • 最初の段落でテ⁠ィ⁠ーザ⁠ーを作成する - 投稿の最初の段落をコピ⁠ーして貼り付け⁠、末尾に省略記号 (⁠⁠.⁠.⁠.⁠) を付けて⁠、続きを読むよう読者を促します⁠。
  • 質問する - 読者が答えを知るためにクリ⁠ックしたくなるような質問を尋ねます⁠。

概要ブロ⁠ックに抜粋を表示する

概要ブロ⁠ックを使用して⁠、ブログのランデ⁠ィング ペ⁠ージに別のスタイルを作成することもできます⁠。概要ブロ⁠ックにはいくつかのカスタマイズ オプシ⁠ョンがあります⁠。これらのオプシ⁠ョンに抜粋やアイキ⁠ャ⁠ッチ画像を表示して⁠、ブログ ペ⁠ージのような雰囲気を作ることができます⁠。

抜粋が表示されるようにするには⁠、概要ブロ⁠ックのエデ⁠ィタ⁠ーの [⁠デザイン⁠] タブで [⁠抜粋⁠]⁠、[⁠サムネイル⁠]⁠、[⁠[⁠続きを読む⁠] のリンク⁠] のトグルをオンに切り替えます⁠。

動画を見る

この動画はバ⁠ージ⁠ョン7⁠.0に適用されます⁠。

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

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

  • Squarespace Expertを雇う

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