ブログの「投稿一覧ページ（Post list page）」を設定する方法

この記事では、ブログの「投稿一覧ページ（Post list page）」を設定し、そのスタイルやレイアウト、ブログ投稿について表示する情報をカスタマイズする方法を説明します。

ブログの投稿一覧ページ（Post list page）にアクセスする

サイトタブ内のブログ（1）に移動し、次にブログ名（2）をクリックします。

ブログのメニューからページ（3）をクリックしてブログページの一覧を表示します。投稿一覧ページ（Post list page）というタイトルのページを探し、三点メニュー（...）をクリックして編集する（4）を選択します。

ページエディターを開くと、左側のパネル内の「ブログ」セクションに、以下のページ要素が表示されます：

1. カテゴリータイトル： 

この要素は、現在表示されているカテゴリーのタイトルに応じて自動的に置き換えられます。

2. カテゴリーの説明： 

この要素は、現在表示されているカテゴリーの説明文に応じて自動的に置き換えられます。

3. ブログ投稿一覧：

この要素には、投稿記事の一覧が表示されます。各投稿について以下の情報が表示されます：

• 投稿のカテゴリー
• 投稿のタイトル
• 投稿の公開日
• 投稿の簡単な説明

これらの情報は、投稿作成時に入力した内容が反映されます。

ブログ投稿一覧をカスタマイズする

左側の設定パネル、またはブログ投稿一覧要素をクリックすることで、以下の項目を変更できます：

• ブログ投稿一覧：
  • 1ページあたりの投稿数
  • 縦方向の間隔
• 投稿一覧設定：
  • 投稿一覧のレイアウトを選択
• 投稿カード設定：
  • ブログ投稿画像の表示位置
  • 背景色、影、スタイル、余白
• 画像：
  • 影、角丸、余白
• タイトル、説明、カテゴリ：
  • フォントサイズ、種類、スタイル、色
  • 配置、文字間隔、余白

投稿日の表示をカスタマイズする

投稿日の表示・非表示を切り替えるには、日付けセクション内の「日付表示しますか？」チェックボックスをオンまたはオフにします。

ページネーションをカスタマイズする

ページネーションは、1ページあたりに表示できる投稿数を超えた場合に、訪問者がブログ内を移動できるようにする機能です。

訪問者が現在どのページを閲覧しているかが分かるように、アクティブなページと非アクティブなページの色をカスタマイズできます。

4. 最新のブログ投稿

最新のブログ投稿要素を追加すると、最近公開された投稿を表示できます。

最新のブログ投稿一覧をカスタマイズする

左側の設定パネル、または最新のブログ投稿要素をクリックすると、以下の項目を変更できます：

• 最新のブログ投稿：
  • 表示する投稿数
  • 縦方向の余白
  • 横並び表示
• 画像：
  • 影、角丸、余白
• タイトル、説明、カテゴリ：
  • フォントサイズ、種類、スタイル、色
  • 配置、文字間隔、余白

最新のブログ投稿に日付を表示するかどうかも選択できます。

5. 最新のブログ投稿カルーセル

「最新のブログ投稿カルーセル」要素を使用すると、最新の投稿をカルーセル形式で表示することもできます。

最新のブログ投稿カルーセル要素の使い方について詳しくは、こちらをクリックしてください。