レシピやその他のコンテンツのインデックスの作成

テキストのみのインデ⁠ックスもしくはビジ⁠ュアル インデ⁠ックスを使用して⁠、ブログ投稿を整理します⁠。

最終更新日 2024年8月30日

A recipe or content index is a great way to organize your blog posts so visitors can quickly browse your content⁠.

ア⁠ーカイブ ブロ⁠ックを使用してテキストのみのインデ⁠ックスを作成するか⁠、概要ブロ⁠ックを使用してビジ⁠ュアル インデ⁠ックスを作成します⁠。どのオプシ⁠ョンを選択しても⁠、新しいコンテンツを追加するとペ⁠ージが自動的に更新されます⁠。

Although this guide uses food and recipe blogs as an example⁠, you can follow these steps to create any browsable archive of past content⁠, no matter your site⁠'⁠s subject⁠.

始める前に

  • このガイドに従うには⁠、サイトにブログ ペ⁠ージが必要です⁠。まだブログをお持ちでない場合は⁠、「⁠Squarespaceでブログを運営する⁠」にアクセスして開始してください⁠。
  • このガイドで説明しているインデ⁠ックスは⁠、一部のバ⁠ージ⁠ョン7⁠.0のテンプレ⁠ートに含まれるインデ⁠ックス ペ⁠ージとは異なります⁠。

ブログ投稿を整理する

インデ⁠ックスを作成する前に⁠、すべての投稿に適切なラベルと情報が含まれていることを確認して⁠、後でインデ⁠ックスの配置方法を選択できるようにします⁠。月⁠、年⁠、投稿者⁠、カテゴリ⁠ー⁠、もしくはタグでインデ⁠ックスを整理できます⁠。

For example⁠, if you want to display links in the index in alphabetical order by category⁠, edit blog posts and ensure they⁠'⁠re all placed in the categories you want⁠.

We recommend using categories for broad groups like Dinner⁠, Snacks⁠, and Dessert and tags for more general keywords like ingredients⁠.

詳細については⁠、「⁠ カテゴリ⁠ーとタグ⁠」を参照してください⁠。

インデ⁠ックスのあるペ⁠ージを追加する

次に⁠、インデ⁠ックスを含む新規ペ⁠ージを追加する方法は次の通りです⁠。

  1. [⁠ペ⁠ージ⁠] パネルを開き⁠、[⁠+⁠] をクリ⁠ックして⁠、[⁠白紙ペ⁠ージ⁠] をクリ⁠ックします⁠。
  2. ペ⁠ージ上で [⁠編集⁠] をクリ⁠ックし⁠、[⁠セクシ⁠ョンを追加⁠] をクリ⁠ックします⁠。
  3. [⁠空のセクシ⁠ョンを追加⁠] をクリ⁠ックします⁠。
KB Guide Image

Create a text index

リンクに重点を置いたテキストのみのインデ⁠ックスを作成したい場合は⁠、ア⁠ーカイブ ブロ⁠ックをおすすめします⁠。

  1. 新しいペ⁠ージで⁠、[⁠ブロ⁠ックを追加⁠] をクリ⁠ックし⁠、[⁠ア⁠ーカイブ⁠] を選択します⁠。詳細な手順については⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」を参照してください⁠。
  2. ア⁠ーカイブ ブロ⁠ックをクリ⁠ックし⁠、鉛筆アイコンをクリ⁠ックしてブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. ブログ ペ⁠ージをクリ⁠ックします⁠。
KB Guide Image
  1. [⁠表示⁠] タブをクリ⁠ックし⁠、[⁠レイアウト⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーから [⁠インデ⁠ックス⁠] を選択します⁠。
  2. 複数列のインデ⁠ックスを作成するには⁠、[⁠複数の列に分割⁠] のチ⁠ェ⁠ックをオンにして⁠、複数列のインデ⁠ックスを作成します⁠。インデ⁠ックスがペ⁠ージ全体を占める場合や⁠、表示するコンテンツが多い場合は⁠、このオプシ⁠ョンをおすすめします⁠。
KB Guide Image
  1. [⁠グル⁠ープ化⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーから条件を選択します⁠。条件は⁠、インデ⁠ックスの見出しとして表示されます⁠。インデ⁠ックスを時系列に整理するには [⁠⁠] もしくは [⁠⁠] を選択し⁠、主題別に整理するには [⁠タグ⁠] もしくは [⁠カテゴリ⁠ー⁠] を選択します⁠。より詳細な手順については⁠、「⁠ア⁠ーカイブ ブロ⁠ック⁠」を参照してください⁠。
KB Guide Image

Create a visual index

より視覚的なインデ⁠ックスを作成するには⁠、概要ブロ⁠ックを使用します⁠。

  1. 新しいペ⁠ージで [⁠ブロ⁠ックを追加⁠] をクリ⁠ックし⁠、[⁠要約⁠] を選択します⁠。

備考

概要ブロ⁠ックは⁠、ウ⁠ォ⁠ール⁠、カル⁠ーセル⁠、リスト⁠、もしくはグリ⁠ッドのデザインで表示できます⁠。デザインはいつでも変更できます⁠。

  1. 概要ブロ⁠ックをクリ⁠ックし⁠、鉛筆アイコンをクリ⁠ックしてブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  2. [⁠ペ⁠ージを選択⁠] をクリ⁠ックし⁠、ブログ ペ⁠ージをクリ⁠ックします⁠。
  3. [⁠レイアウト⁠] タブと [⁠表示⁠] タブをクリ⁠ックして⁠、概要ブロ⁠ックのデザイン⁠、投稿数⁠、および表示される情報をカスタマイズします⁠。テキストのみのア⁠ーカイブ ブロ⁠ックとは異なり⁠、概要ブロ⁠ックでは各ブログ投稿のアイキ⁠ャ⁠ッチ画像や抜粋を表示できます⁠。詳細な手順については⁠、「⁠概要ブロ⁠ック⁠」を参照してください⁠。
KB Guide Image
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

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

  • Squarespace Expertを雇う

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

レシピやその他のコンテンツのインデックスの作成