クエリーループブロックの外観を変更する

クエリーループブロックは、サイト上にブログ投稿 (またはページ、推薦文、プロジェクトなどの他のコンテンツタイプ) をさまざまなビジュアルレイアウトで表示するために使用されます。このガイドは、クエリーループブロック内でコンテンツがどのように表示されるかを調整するのに役立ちます。

クエリーループブロック内で投稿 (または他の種類のコンテンツ) を表示するさまざまなデザインを以下の手順で選択できます。

1. サイトのダッシュボードで「外観」→「エディター」に移動します。
2. 編集するテンプレートを選択するか、サイトのプレビューをクリックしてホームページを編集します。
3. 「リスト表示」を使用して「クエリーループ」ブロックを選択します。
4. ブロックの上または下に表示されるツールバーで、「デザインを変更」ボタンをクリックします。
5. あらかじめデザインされたレイアウトのコレクションから、気に入ったものをクリックして適用します。
6. その後、このガイドの次のセクションの手順を使用して、レイアウトをさらにカスタマイズできます。

クエリーループブロック内には投稿テンプレートがあり、タイトル、日付、投稿のアイキャッチ画像、コンテンツ、抜粋など、各投稿の個々の要素が含まれます。

投稿テンプレートでは、投稿に以下の要素を表示できます。

• タイトル: 投稿した各コンテンツのタイトルを表示します。
• 日付: 各コンテンツの投稿日を表示します。
• 変更日: 投稿が最後に編集された日付を表示します。 
• コンテンツ: 掲載された各投稿のコンテンツ全体を表示します。
• 抜粋: 掲載された各コンテンツの短い抜粋を表示し、「続きを読む」リンクテキストをカスタマイズします。
• 投稿のアイキャッチ画像: コンテンツに設定したアイキャッチ画像を表示します。
• カテゴリー: 投稿済みのコンテンツに割り当てたカテゴリーを表示します。
• タグ: コンテンツに追加したタグを表示します。
• ページネーション: 前後の投稿へのリンクを表示します。
• 投稿者: 名前、アバター、プロフィールなどの投稿の作成者の詳細を表示します。
• クエリー合計: クエリーの結果の合計数を表示します。
• 結果なし: クエリーが結果を返さなかった場合に表示されるテキストやブロックを追加します。

テーマのテンプレートには、これらのブロックの一部またはすべてが含まれる場合があります。「リスト表示」を使用すると、ブロックの現在の構造を確認し、必要に応じて個々の要素を追加、移動、削除できます。

上記の多くの要素には、ブロック設定サイドバー内に固有の設定が含まれています。たとえば、「日付」ブロックを選択すると、投稿に表示される日付の表示形式を制御したり、日付に投稿へのリンクを追加したりするための設定にアクセスできます。多くの場合、ブロックには色、タイポグラフィ、サイズ、高度なブロック設定などの標準的なブロック設定も含まれます。

投稿テンプレートでは、コンテンツをリスト形式またはグリッド形式で表示するように調整できます。

1. 「クエリーループ」ブロック内にネストされた「リスト表示」で、「投稿テンプレート」を選択します。
2. ブロックの上または下に表示されるツールバーで、リストアイコンまたはグリッドアイコンのどちらかを選択します。
   • グリッドを選択した場合は、ブロック設定サイドバーでグリッドの列数を調整できます。
3. 「保存」ボタンをクリックします。

クエリーループブロックで表示される投稿にページネーションを追加するには、次の手順を実行します。

1. 「リスト表示」から、「クエリーループ」ブロックを展開し、「投稿テンプレート」を選択します。

2. 「投稿テンプレート」の横にある省略記号 (3つのドット) をクリックし、「後に追加」を選択します。
3. 「+」ブロック挿入をクリックして「ページネーション」を検索します。これをクリックして投稿テンプレートに追加すると、「ページネーション」ブロックが「投稿テンプレート」の後に表示されます。

4. サイドバーの設定を必要に応じて調整します。これには、方向、色、ページネーションリンクとともに矢印または山型記号を表示するかどうかが含まれます。
5. 「保存」ボタンをクリックして変更を適用します。

クエリーループブロック内の要素の幅をカスタマイズできます。