WordPressでカスタムアーカイブページを作成する方法

WordPressでカスタムアーカイブページを作成すると、サイトのナビゲーションとコンテンツの発見可能性を大幅に向上させることができます。

WPBeginnerでは、読者が膨大なブログ記事やチュートリアルのコレクションに簡単にアクセスできるよう、独自のカスタムアーカイブページを実装しています。

よくデザインされたアーカイブページは、ユーザーエクスペリエンスを向上させ、エンゲージメントを高め、明確なサイト構造を提供することでSEOにも役立ちます。コンテンツが豊富なサイト、ブログ、オンラインマガジンで、訪問者が特定のトピックを掘り下げたい場合に役立ちます。

この記事では、WordPressでカスタムアーカイブページを作成する方法を説明します。

WordPressでカスタムアーカイブページを作成する理由

アーカイブページは、過去の投稿を時系列で表示することを目的としており、訪問者が公開日に基づいてコンテンツを簡単に探せるようにします。

ブロガーであれば、アーカイブページは必須です。ブログ全体をスクロールすることなく、ユーザーが古い投稿にアクセスできる便利な方法を提供します。

現在のテーマにアーカイブページテンプレートがない場合は、カスタムアーカイブページを作成したい場合があります。たとえそれがあったとしても、ニーズに合わせてカスタマイズしたい場合があります。

WPBeginnerでは、WPBeginnerガイドコレクションへのリンクボタンを備えたカスタムアーカイブページを使用しています。これにより、新しい読者はそれをクリックするだけで究極のガイドリソースを確認できます。

私たちはまた、すべてのブログ投稿を年と月ごとに整理しており、読者は特定の期間に公開された記事を簡単に見ることができます。

ここでは、サイトのカテゴリとタグもカスタムアーカイブページに追加しました。

このようにすれば、訪問者は興味のある古い投稿を簡単に見つけることができます。ご自身のブログでこれを行えば、ページビューを増やし、直帰率を減らすチャンスが高まります。

これを踏まえて、使用しているテーマに関係なく、WordPressでカスタムアーカイブページを作成する方法を見ていきましょう。

下のクイックリンクを使用するだけで、使用したい方法に直接ジャンプできます。

• 方法1：ブロックエディターを使用してカスタムアーカイブテンプレートを作成する（プラグインなし）
• Method 2: Create a Custom WordPress Archive Page Using Seedprod (Recommended)

方法1：ブロックエディターを使用してカスタムアーカイブテンプレートを作成する（プラグインなし）

ブロックテーマを使用している場合、フルサイトエディターを使えばカスタムアーカイブページテンプレートを簡単にデザインできます。

この方法はすべてのテーマで機能するわけではありません。ブロックベースのWordPressテーマを使用していない場合は、代わりにページビルダーを使用することをお勧めします。

まず、新しいページを作成するか、アーカイブとして使用したい既存のページを開きます。右側のメニューで「ページ」タブをクリックし、「テンプレート」の隣にあるリンクを選択します。表示されるテキストは、現在使用しているテンプレートによって異なる場合があります。

現在のテンプレートが表示されたポップアップが表示されます。

「新しいテンプレート」アイコンをクリックするだけです。

ポップアップで、カスタムページテンプレートの名前を入力します。テンプレート名は参照用なので、好きな名前を付けることができます。

次に、「作成」をクリックしてテンプレートエディターを起動します。

テンプレートエディタは、標準の WordPressブロックエディタと同様に機能します。

カスタムアーカイブページにブロックを追加するには、青い「+」ボタンをクリックするだけです。その後、ドラッグアンドドロップでレイアウトにブロックを追加できます。

カスタムアーカイブページを作成しているので、通常はアーカイブブロックを追加することから始めたいと思うでしょう。このWordPressブロックを使用すると、訪問者は年、月、週、または日で投稿を探索できます。

例えば、次の画像は、投稿が月ごとのアーカイブに整理されているアーカイブブロックを示しています。

これらのリンクのいずれかをクリックすると、訪問者はその期間中に公開されたすべての投稿を表示する新しいページに移動します。

アーカイブブロックを追加するには、左側のメニューで見つけてレイアウトにドラッグします。ブロックを追加したら、右側のメニューで設定を確認することをお勧めします。

開始するには、「グループ化」ドロップダウンを開き、リストからオプションを選択して、投稿の整理方法を変更するとよいでしょう。

例えば、投稿数が少ない場合は、日ごとに表示するのが理にかなっているかもしれません。

ただし、コンテンツが多い場合は、訪問者を長いリストで圧倒しないように、「月」または「年」を選択するのが一般的です。

WordPressではデフォルトでアーカイブ投稿が箇条書きリストで表示されますが、ドロップダウンメニューとして表示することもできます。

これは、スペースが非常に少なく、コンパクトなアーカイブを作成する必要がある場合に役立ちます。ドロップダウン形式に切り替えるには、単に「ドロップダウンとして表示」スライダーをクリックしてアクティブにします。

アーカイブブロックは、各見出しの横に投稿の総数を表示することもできます。

これにより、訪問者はアーカイブのどの部分を最初に確認したいかを判断するのに役立ちます。

カテゴリアーカイブを追加することも検討してください。これにより、訪問者は日付だけでなくコンテンツに基づいて投稿を探索できます。これは、訪問者が興味深いコンテンツを見つけるのに役立ち、ウェブサイトに長く滞在してもらい、WordPress SEOを改善するのに役立ちます。

このブロックを追加するには、青い「+」ボタンをクリックして「カテゴリリスト」と入力するだけです。正しいブロックが表示されたら、ドラッグアンドドロップでレイアウトに追加します。

再度、ブロックの設定を変更したい場合があります。

アーカイブブロックと同様に、投稿数をリストに追加したり、カテゴリを箇条書きリストではなくドロップダウンメニューとして表示したりできます。

デフォルトでは、このブロックはすべてのカテゴリとサブカテゴリをまったく同じ方法で表示します。

親カテゴリの下に子カテゴリをインデントして表示することを好むかもしれません。

この変更を行うには、「階層を表示」トグルをクリックしてアクティブにするだけです。

もう1つのオプションは、「トップレベルのカテゴリのみ表示」トグルを有効にすることで、子カテゴリを完全に非表示にすることです。

タグクラウドを追加することも検討してください。これにより、訪問者は関連性の高い興味深いコンテンツを見つけやすくなります。これを行うには、左側のメニューで「タグクラウド」を見つけて、レイアウトにドラッグアンドドロップするだけです。

これでブロックを選択し、右側のメニューの設定を使用して設定できます。

まず、タグクラウドにはデフォルトとアウトラインの2つのスタイルがあります。小さな円のアイコンをクリックして、「スタイル」の下のオプションのいずれかを選択することで、これらを切り替えることができます。

各タグの横に投稿の総数を表示したり、クラウドに含まれるタグの数を変更したりすることもできます。

小さな歯車のアイコンをクリックし、このセクションで変更を行います。

名前とは裏腹に、タグクラウドでカテゴリを表示することもできます。例えば、カテゴリブロックよりもタグクラウドブロックのスタイリングを好むかもしれません。

サイトのカテゴリを表示するには、[タクソノミー]ドロップダウンを開き、[カテゴリ]を選択します。

アーカイブは、訪問者がすべてのコンテンツに簡単にアクセスできるように設計されています。

ただし、最新投稿ブロックを追加して、サイトの最新投稿を強調表示したい場合もあります。

デフォルトでは、このブロックは投稿のタイトルのみを表示しますが、著者、公開日、および注目の画像を追加できます。

これらの変更を行うには、右側のメニューにあるトグルを使用するだけです。

訪問者が各投稿の内容を理解するのに役立つ、投稿の抜粋を表示することもできます。

抜粋を追加するには、「投稿コンテンツ」トグルをクリックして有効にしてください。

その後、「抜粋」ボタンをクリックして選択します。

デフォルトでは、WordPressは抜粋に最大55単語を表示します。より多くの単語またはより少ない単語を表示するには、「抜粋の最大単語数」設定を使用してください。

それが終わったら、「並べ替えとフィルタリング」セクションまでスクロールしてください。

ここでは、ブロックが新しい順に投稿を整理していることがわかります。「順序」ドロップダウンを開き、「A-Z」などの別のオプションを選択することで、これを変更できます。

このセクションでは、特定の著者またはカテゴリからの投稿を表示することも選択できます。

最後に、ブロックに表示する投稿数を変更できます。「アイテム数」セクションに新しい番号を入力するか、スライダーをドラッグします。

右側のメニューでブロックを追加および設定することで、アーカイブページの作業を続けることができます。

例えば、画像ブロックを追加してカスタムロゴを表示したり、訪問者が特定の投稿を検索できるように検索バーを追加したりすることができます。

テンプレートの外観に満足したら、「公開」ボタンをクリックし、次に「保存」ボタンをクリックします。

先ほど作成したページは、新しいアーカイブテンプレートを使用するようになります。ページを更新または公開し、WordPressウェブサイトにアクセスして、カスタムアーカイブページがライブで表示されていることを確認してください。

WordPressのフルサイトエディターの使用方法の詳細については、以下のガイドをご覧ください。

• WordPressのフルサイト編集の完全初心者ガイド
• 初心者向けガイド：WordPressブロックパターンを使いこなす方法

方法2：Seedprodを使用してカスタムWordPressアーカイブページを作成する（推奨）

ブロックベースのエディターを使用すると、シンプルなカスタムアーカイブページを作成できます。ただし、すべてのテーマで機能するわけではなく、WordPressに組み込まれているブロックとツールに限定されます。

どのWordPressテーマでも機能する完全にカスタムなアーカイブページを作成したい場合は、代わりにページビルダーを使用することをお勧めします。

SeedProdは、WordPress向けの最高のドラッグ＆ドロップページビルダーです。180以上のテンプレートと、ウェブサイトの全投稿を表示するブロックを含む既製のブロックが付属しています。

まず、SeedProdをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

プラグインを有効化すると、SeedProdはライセンスキーを要求します。

この情報はSeedProdウェブサイトのアカウントで確認できます。キーを入力したら、「キーを検証」ボタンをクリックします。

それが完了したら、 SeedProd » ランディングページ に移動し、「新しいランディングページを追加」ボタンをクリックします。

カスタムアーカイブページ用のテンプレートを選択できるようになりました。

SeedProdのテンプレートは、リード獲得、メンテナンスモード、近日公開などのキャンペーンタイプ別に整理されています。画面上部のタブをクリックすることで、キャンペーンタイプに基づいてデザインを絞り込むことができます。 

デザインをプレビューするには、そのテンプレートの上にマウスカーソルを合わせるだけです。

次に、表示される虫眼鏡アイコンをクリックします。

気に入ったデザインが見つかったら、「このテンプレートを選択」をクリックします。ここでは、まっさらな状態から始められるように「空白テンプレート」を使用していますが、お好きなテンプレートを使用できます。

次に、カスタムページの名称を入力します。SeedProdはページのタイトルに基づいて自動的にURLを作成しますが、必要に応じてこのURLを変更することもできます。

入力した情報に満足したら、「ページの保存と編集開始」ボタンをクリックします。

これにより、SeedProdのページビルダーインターフェースが読み込まれます。これはシンプルなドラッグアンドドロップビルダーで、右側にページのライブプレビューが表示されます。

左側にはブロック設定も表示されます。

まず、コンテンツを列に整理するレイアウトを選択する必要があります。

「レイアウトを選択」セクションで、使用したいレイアウトをクリックするだけです。どのレイアウトでも選択できますが、すべての画像ではフルスクリーンレイアウトを使用しています。

レイアウトを選択したら、アーカイブページにブロックを追加し始めることができます。

左側のメニューには、デザインにドラッグできるさまざまなブロックが表示されます。カスタムアーカイブページを作成しているので、「投稿」ブロックを追加します。

左側のメニューで、検索バーに「投稿」と入力し始めます。右側のブロックが表示されたら、それをレイアウトにドラッグアンドドロップします。

このブロックには、すべての投稿のタイトルが表示されるようになります。

また、訪問者が各投稿を全文読むためにクリックできる「続きを読む」リンクもあります。

デフォルトでは、このブロックはすべての投稿を表示しますが、特定のカテゴリまたはタグを持つ投稿、または特定の著者が公開した投稿のみを表示するように変更できます。

この変更を行うには、レイアウトで「投稿」ブロックをクリックして選択し、左側のメニューの設定を使用してください。

例えば、次の画像では「マーケティング」カテゴリの投稿のみを表示しています。

ブロック内の投稿の並び順を変更することもできます。例えば、投稿が公開された時期やコメント数に基づいて表示するなどです。

投稿の順序を変更するには、[並べ替え]ボックスまでスクロールし、新しいオプションを選択するだけです。デフォルトでは、SeedProdは投稿を「ASC」順で表示します。これは昇順を表します。

投稿を降順に並べ替えるには、単に「並べ替え」ドロップダウンを開いて「DESC」を選択してください。

その後、「レイアウト」セクションまでスクロールして、投稿リストの表示方法を変更できます。

例えば、「カラム」フィールドに新しい数字を入力することで、投稿を複数のカラムに分割できます。

リストに含まれる投稿数を変更したり、投稿の抜粋を追加または非表示にしたり、「続きを読む」のテキストを変更したりすることもできます。

投稿リストの外観に満足したら、アーカイブページにさらにブロックを追加し、左側のメニューの設定を使用してそれらのブロックをカスタマイズできます。

例えば、'ソーシャルプロファイル'ブロックを追加して、ソーシャルメディアでフォローするように促したい場合があります。

ページのセットアップが完了したら、「保存」の横にあるドロップダウン矢印をクリックし、「公開」を選択して公開します。

カスタムページが、あなたのWordPressブログのフロントエンドで公開されます。

訪問者がアーカイブページを見つけやすくするために、ナビゲーションメニューまたはウェブサイトのフッターに追加することを検討してください。

WordPressの投稿を整理するその他の方法を学ぶ

カスタムアーカイブページの作成は、WordPressのコンテンツを整理する一つの方法にすぎません。読者が投稿を見つけやすく、より効果的にナビゲートするのに役立つその他の方法をいくつかご紹介します。

• 人気の投稿を表示する – 人気投稿プラグインで、最も読まれているコンテンツを強調表示します。 WordPress向けの最適な人気投稿プラグインの比較をチェックして、サイトに合ったソリューションを見つけてください。
• 投稿を表示するビュー – WordPressでビュー別に人気のある投稿を表示する方法を、さまざまな方法で学びましょう。これにより、最もエンゲージメントの高いコンテンツに注目を集めることができます。
• サイドバーに注目の投稿を表示する – WordPressのサイドバーに注目の投稿を追加するさまざまな方法を調べてみてください。特定のコンテンツや最近の記事を宣伝するのに最適な方法です。
• カスタム投稿タイプアーカイブを作成する – カスタム投稿タイプを使用している場合は、この専門コンテンツを整理するために、WordPressでカスタム投稿タイプアーカイブページを作成する方法を学ぶことができます。
• 関連記事を表示 – 関連コンテンツを表示して読者のエンゲージメントを高めます。WordPressで関連記事を表示する方法に関するステップバイステップガイドをご覧ください。
• 最もコメントされた投稿をハイライトする – WordPressで最もコメントされた投稿を表示する方法に関するチュートリアルを使用して、最も議論されているコンテンツを紹介します。
• 投稿の並べ替え – WordPressの投稿を簡単に並べ替える方法に関するガイドで、投稿の順序を管理しましょう。これは、キュレーションされたリストやシリーズを作成するのに特に役立ちます。
• 同じ著者の投稿を表示する – 特定のライターの他のコンテンツを読者に探索してもらうために、WordPressで同じ著者の関連投稿を表示する方法に関するチュートリアルをご覧ください。

この記事がWordPressでカスタムアーカイブページを作成するのに役立ったことを願っています。また、最高の「近日公開」ページ例に関する記事や、WordPressのベスト関連投稿プラグインに関する専門家のおすすめもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。