投稿の順序を変更する

ブログ投稿は通常、最新の投稿が最初に表示され、新しい順に並びます。このガイドでは、デフォルトの順序を変更してブログ投稿を異なる順番で並べるさまざまな方法について説明し、ブログに最適な方法を選択できるようにします。これには、投稿のデフォルトの順序を逆にして古いものから新しいものへと表示したり、アルファベット順に並べたりする方法があります。

ブログ投稿が「クエリーループ」ブロックまたは「最新の投稿」ブロックを使用してサイトに表示されている場合は、デフォルトである最新から最古への順序をそのブロックの設定で逆にできます。

ブロックテーマでは、投稿は通常、「クエリーループ」ブロックを使用して時系列 (最新の投稿が最初に表示される) で表示されます。この方法で投稿の順序を変更するには、次の手順を実行します。

1. サイトのダッシュボードにアクセスします。
2. 「外観」→「エディター」の順に移動します。
3. 左サイドバーの「テンプレート」オプションをクリックします。
4. 投稿の表示に使用するテンプレート (多くの場合はホームページまたはインデックステンプレート) を選択して編集します。
5. リストビューを開き、既存の「クエリーループ」ブロックを選択します。
6. 右側の「クエリーループ」ブロック設定で、「並び順」ドロップダウンボックスを見つけます。これが表示されない場合は、「検索タイプ」が「カスタム」オプションに設定されていることを確認します。
7. 「並び順」ドロップダウンボックスで、次のオプションから選択します。
   • 「投稿日時 (古い記事を優先)」では、ブログ投稿の順序が逆になります。
   • 「A → Z」オプションでは、投稿がアルファベット順に表示されます。
   • 「Z → A」オプションでは、投稿が逆アルファベット順に表示されます。
8. 右上の「保存」ボタンをクリックすると、更新した順序のブログ投稿でページが保存されます。

新しいテンプレートを作成し、「クエリーループ」ブロックを追加して、投稿をお好みの順序で表示することもできます。

「最新の投稿」ブロックを使用してブログ投稿を表示することもできます。この方法で投稿の順序を変更するには、次の手順を実行します。

1. サイトのダッシュボードにアクセスします。
2. 左側の「ページ」をクリックして、ブログ投稿を表示しているページを特定します。
3. ページタイトルをクリックして、ページエディターで開きます。
4. リストビューを開き、「最新の投稿」ブロックを選択します。
5. 「最新の投稿」ブロック設定で、「並び順」ドロップダウンボックスを見つけます。
6. 「並び順」ドロップダウンボックスで、次から選択します。
   • 「投稿日時 (古い記事を優先)」では、ブログ投稿の順序が逆になります。
   • 「A → Z」オプションでは、投稿がアルファベット順に表示されます。
   • 「Z → A」オプションでは、投稿が逆アルファベット順に表示されます。
7. 右上の「保存」ボタンをクリックすると、更新した順序のブログ投稿でページが保存されます。

新しいページを作成し、「最新の投稿」ブロックを追加して、投稿をお好みの順序で表示することもできます。

クラシックテーマをお使いで、上述のブロックオプションを使用できない場合は、URL に ?order=asc という文字列を追加することで、デフォルトのアーカイブページの投稿の順序を逆にできます。

ブログのアーカイブページで投稿の順序を逆にするには、次の手順に従います。

1. 時系列で表示する投稿のアーカイブページの URL を検索します。ブログフィード全体、特定の年、月、あるいはタグを選択できます。URL は次のようになります。
   • ブログフィード全体: https://jetpack.com/blog/
   • ある1年間の投稿: https://jetpack.com/blog/2024/
   • 特定の月の投稿: https://jetpack.com/blog/2024/09
   • 特定のカテゴリーの投稿: https://jetpack.com/blog/category/ai/
2. 次の例のように、URL の末尾に ?order=asc を追加します。
   • ブログフィード全体: https://jetpack.com/blog/?order=asc
   • ある1年間の投稿: https://jetpack.com/blog/2024/?order=asc
   • 特定の月の投稿: https://jetpack.com/blog/2024/09?order=asc
   • 特定のカテゴリーの投稿: https://jetpack.com/blog/category/ai/?order=asc
3. URL の末尾が ?order=asc に更新されたページにアクセスし、すべての投稿が古いものから新しいものへと表示されていることを確認します。
4. オプション: サイトのメニューに URL を追加します。

サイトの URL の末尾に ?random を追加すると、ブログにランダムな投稿を読み込むことができます:
https://jetpack.com/blog/?random