WordPressで表示されるアーカイブ月の数を制限する方法

10年以上ブログを書いてきた結果、WPBeginnerのアーカイブリストは非常に長くなりました。月ごとの無限のリストは乱雑なだけでなく、読者の皆様が古いコンテンツを見つけにくくなっていることに気づきました。

これは成功したブログによくある成長痛ですが、手に負えなくなるとプロフェッショナルに見えず、訪問者をイライラさせる可能性があります。幸いなことに、それを整理するための簡単な方法があります。

このガイドでは、簡単なプラグインからカスタムコードソリューションまで、WordPressで表示されるアーカイブ月の数を制限する3つの異なる方法を紹介します。

WordPressでアーカイブ月の数を制限する方法

3つの異なる方法を共有します。お好みの方法に直接ジャンプするには、以下のクイックリンクを使用してください。

方法1. プラグインでアーカイブ月数を制限する

WordPress のアーカイブを整理する最も簡単な方法は、プラグインを使用することです。正直なところ、ほとんどの人にとってこれが最善の方法です。より簡単で、私たちの意見では、ほとんどのユーザーにとって最良の選択肢です。

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

プラグインがアクティブになったら、WordPressダッシュボードの外観 » ウィジェットに移動します。「折りたたみ式アーカイブ」ウィジェットを見つけて、サイドバー(またはアーカイブを表示したい場所)にドラッグします。

ウィジェットの仕組みがわからない場合でも、心配いりません!WordPressでウィジェットを追加して使用する方法についてのガイドがあります。プロセス全体を説明しています。

アーカイブを折りたたむ

ウィジェットを配置場所にドラッグすると、展開してすべての設定が表示されます。このプラグインは、アーカイブリンクを折りたたみ可能にするために、 JavaScript と呼ばれる巧妙なコードを使用しています。

基本的に、月ごとのアーカイブを年ごとにグループ化します。訪問者は年をクリックして展開し、その下の月ごとのアーカイブを表示できます。

さらに進んで、*月別*アーカイブも折りたたみ可能にすることもできます。これにより、ユーザーはクリックして各月の個々の投稿タイトルを表示できます。

ウィジェットの設定を確認し、好みに合わせてカスタマイズしてください。年を表示する方法を変更したい場合や、折りたたみスタイルを調整したい場合があるかもしれません。

すべてに満足したら、ウィジェット設定の下部にある「保存」ボタンをクリックしてください。この手順を忘れないでください!

さて、あなたのウェブサイトを確認してみてください。アーカイブのウィジェットが、きれいに折りたたまれて整理されているのが見えるはずです。ずっとすっきりしましたね?

折りたたみ式アーカイブ

方法2.デフォルトのアーカイブをコンパクトアーカイブに置き換える

もう少し視覚的に洗練されたものを求めていますか?それなら、 Compact Archives がぴったりかもしれません。この方法は、標準のアーカイブウィジェットと比較して、よりクリーンでモダンな外観を提供します。アーカイブをコンパクトで美しい方法で表示します。

前と同様に、最初のステップはプラグインのインストールと有効化です。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、再度 外観 » ウィジェット に移動します。「Compact Archives」ウィジェットを見つけて、サイドバーまたはウィジェットエリアにドラッグします。

コンパクトアーカイブ設定

ウィジェット設定を開くと、「Compact Archives」にはいくつかの異なるスタイルから選択できることがわかります。「block」、「initials」、または「numeric」のいずれかを選択できます。

それぞれがコンパクトなアーカイブにわずかに異なる外観を与えます。サイトで最も気に入ったスタイルを確認するために、さまざまなスタイルを試してみてください。ミニマリストなブログでは、「イニシャル」スタイルが特にエレガントであることに気づきました。

スタイルを選択し、プレビューで見た目に満足したら、「保存」ボタンをクリックしてウィジェットの設定を保存します。

さて、ライブウェブサイトにアクセスして、新しいコンパクトなアーカイブを確認してください。どれだけすっきりしたか分かりますか?

コンパクトアーカイブプレビュー

ボーナスのヒント: Compact Archivesプラグインはサイドバー専用ではありません!カスタムアーカイブページをサイトに作成するためにも使用できます。すべてのアーカイブを1か所に表示したい場合に便利です。

もし興味があれば、WordPressでコンパクトアーカイブを作成する方法についてのガイドがあります。これは、個別のアーカイブページの設定について詳しく説明しています。

方法3. WordPressでアーカイブ月数を手動で制限する

この方法はWordPressファイルにコードを追加する必要があります。コードの編集に慣れていない場合は、上記のプラグイン方法のいずれかを使用することをお勧めします。

もし実行される場合は、テーマのfunctions.phpファイルを直接編集するのではなく、コードスニペットプラグインを使用することを強くお勧めします。こちらの方がはるかに安全です。

WPBeginnerでは、カスタムコードの管理にWPCodeを使用しています。これは、テーマファイルを編集せずにスニペットを追加する最も安全な方法であり、サイトを破損する可能性のあるエラーを防ぎます。詳細については、当社の完全なWPCodeレビューをご覧ください。

まず、無料のWPCodeプラグインをインストールして有効化する必要があります。詳細な手順については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化したら、WordPressダッシュボードからCode Snippets » + Add Snippetに移動します。「Add Your Custom Code (New Snippet)」にカーソルを合わせ、「Use snippet」ボタンをクリックします。

WPCodeに新しいカスタムコードスニペットを追加

次に、スニペットのタイトルを追加します。これは参照用です。次に、以下のコードをコピーして「コードプレビュー」ボックスに貼り付けます。

// Function to get archives list with limited months
function wpb_limit_archives() { 
 
$my_archives = wp_get_archives(array(
    'type'=>'monthly', 
    'limit'=>6,
    'echo'=>0
));
     
return $my_archives; 
 
} 
 
// Create a shortcode
add_shortcode('wpb_custom_archives', 'wpb_limit_archives'); 
 
// Enable shortcode execution in text widget
add_filter('widget_text', 'do_shortcode'); 

次に、ドロップダウンメニューから「コードタイプ」として「PHPスニペット」を選択してください。

コードスニペットをWPCodeに貼り付ける

最後に、「非アクティブ」から「アクティブ」にスイッチを切り替え、「スニペットを保存」ボタンをクリックします。

カスタムコードスニペットを有効化して保存する

このコードは、カスタムショートコード [wpb_custom_archives] を作成します。これは現在使用できます。表示するには、外観 » ウィジェット ページに移動し、サイドバーに「テキスト」または「カスタムHTML」ウィジェットを追加します。

ウィジェット内で、次のように順序なしリストタグ内にショートコードを追加します。

<ul>
[wpb_custom_archives]
</ul>

ウィジェット設定を保存するには、「保存」をクリックすることを忘れないでください。これで、ウェブサイトにアクセスして、新しく短くなったアーカイブリストが機能していることを確認できます。

動画チュートリアル

動画チュートリアルで進めたい場合は、WordPressで表示されるアーカイブ月を制限する方法に関するこのWPBeginnerの動画をご覧ください。

WPBeginnerを購読する

よくある質問 (FAQ)

WordPressでアーカイブを管理および制限することについて、よく受ける質問とその回答を以下に示します。

初心者にとって、アーカイブ月を制限する最良の方法は何ですか?

初心者には、Collapsing Archives(方法1)のようなプラグインの使用を強くお勧めします。コードに触れることなくアーカイブを整理できる、最も簡単で安全な方法です。

表示されるアーカイブの数を制限することは、SEOに悪影響を与えますか?

いいえ、SEOに悪影響を与えることはありません。これらの方法は、サイドバーウィジェットでアーカイブが表示される方法を変更するだけです。すべての月別アーカイブページは引き続き存在し、検索エンジンによってクロールされます。

よりクリーンなサイドバーでユーザーエクスペリエンスを向上させることは、検索エンジンにとって小さなプラスのシグナルになることさえあります。

コードメソッドでは、表示される月の数を変更できますか?

はい、簡単に変更できます。提供されたコードスニペットで、'limit'=>6, と書かれている行を見つけ、数字の 6 を希望の月に変更してください。

これが機能するためにはプラグインをアクティブにしておく必要がありますか?

はい。Collapsing Archives または Compact Archives プラグインのいずれかを使用する場合、サイトにインストールして有効にしておく必要があります。プラグインを無効にすると、アーカイブはデフォルトの WordPress 表示に戻ります。

この記事が、サイトに表示されるアーカイブ月を制限する最良の方法を見つけるのに役立ったことを願っています。

追加リソース & ガイド

アーカイブが整理されたので、サイトのコンテンツを管理するために、これらの他のガイドが役立つかもしれません。

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

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

10 CommentsLeave a Reply

  1. 何年もブログを書いていて、アーカイブリストに圧倒されているクライアントがいます。彼女のサイトにこれを実装したところ、ユーザーにとって大きな違いがありました。もう1つのヒント:ウィジェットのCSSをテーマに合わせてカスタマイズして、スムーズな見た目にしましょう。これは彼女のWordPressサイトに大いに役立ちました!

  2. 私は自分のサイトでアーカイブを使用したことがありませんでした。その後、あなたの記事を読み、ウェブサイトに掲載すべきだと書かれていました。しかし、長すぎたため問題がありました。このスニペットは、その問題を素晴らしい方法で解決しました。ありがとうございます。

  3. このコードを使ったら、完璧に動作しました。
    しかし、問題は、月を選択するたびにホームページに飛ばされてしまうことです。

    • 使用している方法によります。プラグインを使用している場合は、プラグインのサポートフォーラムに問い合わせる必要があります。

      管理者

  4. こんにちは、

    フッターのアーカイブリストで、月ごとに投稿数を表示するにはどうすればよいですか?

    例:

    2018年5月 (5)

    上記のコードをサイトに適用しましたが、毎月公開された投稿数も表示したいです。

    ありがとう

    Gaz

  5. 最初から求めていないものを停止するためにプラグインを追加しなければならないのは、かなり愚かなことのように思えます。オン/オフだけでいいのではないでしょうか。すべてのアーカイブをロードする必要はありません。

  6. こんにちは。

    あなたのサイトが大好きです!WP を 10 年間使用していますが、ようやくバックエンドにアクセスして操作する方法を学び始めました。とても楽しく、非常に役立ちます。

    今日、アーカイブの数を制限するというあなたの助言に従い、「方法3. WordPressでアーカイブ月数を手動で制限する」を使用しました。素晴らしい効果です。

    質問が一つだけあります。最初の文字を大文字にすることは可能ですか?つまり、JanuaryではなくJanuary、FebruaryではなくFebruaryのようにです。

    • こんにちは Stegemüllerさん、

      デフォルトでは、大文字で始まる月名が表示されるはずです。WordPress を別の言語で使用している場合、ローカライゼーションファイルに月名が小文字で含まれている可能性があります。確認して報告していただければ、翻訳者が修正できるようになります。

      一時的な修正として、CSSを使用できます。ショートコードをdivで囲みます

      <div class="capsfix">[wpb_custom_archives]</div>

      次に、このカスタムCSSを追加します。

      .capsfix li { text-transform:capitalize; }

      管理者

コメントを残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。