WordPress でコンパクトなアーカイブを作成する方法 (ステップバイステップ)


WordPress Web サイトにコンパクトなアーカイブを作成したいですか?

数年間ブログを書いている場合、投稿のリストが長すぎて WordPress サイドバーに収まらない可能性があります。これによりサイドバーが乱雑に見えてしまい、サイトのプレゼンテーションには良くありません。

この記事では、WordPressでコンパクトなアーカイブを簡単に作成する方法を紹介します。

WordPress でコンパクト アーカイブが必要な理由は何ですか?

WordPress Web サイトにアーカイブを追加すると、以前に公開したコンテンツを簡単に表示できるようになり、Web サイトでのエンゲージメントと滞在時間が増加します。

デフォルトでは、WordPress は WordPress ブログのサイドバーに追加できるアーカイブ ブロックを提供します。

ただし、このブロックではアーカイブを長いリストまたはドロップダウン メニューとして表示することしかできません。

リストを使用するとサイトが乱雑に見えますが、ドロップダウン メニューは目立たないためユーザーに見落とされやすくなります。

コンパクトなアーカイブを作成すると、スペースを取らずに WordPress サイドバーにアーカイブを簡単に表示できます。概要ページにそれらを表示したり、専用のアーカイブ セクションを作成したりすることもできます。

コンパクトなアーカイブにより、ユーザーはサイト内の移動や関連コンテンツの検索が容易になり、ユーザー エクスペリエンスが向上します。

アーカイブにより、検索エンジンのボットによるコンテンツのクロールとインデックス付けが容易になり、検索エンジンのランキングが向上し、より多くのオーガニック トラフィックを引き付けることができます。

そうは言っても、WordPress にコンパクトなアーカイブを簡単に追加する方法を段階的に見てみましょう。

WordPress にコンパクトアーカイブを追加する方法

まず、Compact Archives プラグインをインストールしてアクティブ化する必要があります。詳細な手順については、WordPress プラグインのインストール方法に関する初心者ガイドを参照してください。

このプラグインは、Web サイト上にコンパクトなアーカイブを表示するための 3 つのスタイルを提供します。

スタイル 1: リラックスした 3 文字の月のイニシャル

スタイル 2: コンパクトな月間イニシャル

スタイル 3. 数値ブロック

コンパクトなアーカイブを Web サイトに簡単に表示するには、いくつかの方法があります。

このチュートリアルでは 4 つの方法をすべて紹介しますので、最も好きな方法を選択してください。

方法 1: WordPress の投稿またはページにコンパクト アーカイブを追加する

WordPress の投稿またはページにコンパクトなアーカイブを追加したい場合は、この方法が最適です。

プラグインには投稿やページに追加できる使いやすいブロックが付属しているため、コンパクトなアーカイブを追加するのは非常に簡単です。

まず、WordPress 管理サイドバーから既存または新しい投稿/ページを開く必要があります。

そこに到達したら、画面の左上隅にある「+」ボタンをクリックしてブロックメニューを開きます。

ここから、WPBeginner の Compact Archives ブロックを見つけて、WordPress の投稿またはページに追加します。

その後、画面の右隅にあるブロック パネルからアーカイブのスタイルを選択できます。

「アーカイブ タイプの選択」オプションの下のドロップダウン メニューから好みのスタイルを選択するだけです。

アーカイブ テキストを大文字にするか大文字にするかを選択することもできます。

これを行うには、「テキストの変換」オプションの下のドロップダウン メニューを開き、好みのテキスト スタイルを選択する必要があります。

選択に満足したら、[公開] または [更新] ボタンをクリックして設定を保存します。

これで、WordPress サイトにアクセスしてアーカイブ ページを表示できるようになりました。

方法 2: コンパクト アーカイブをウィジェットとして追加する

コンパクトなアーカイブをウィジェットとして追加したい場合は、この方法が最適です。

フル サイト エディターにコンパクト アーカイブ ブロックを追加する

Web サイトでブロックベースのテーマを使用している場合は、完全なサイト エディターを使用して WPBeginners の Compact Archives ブロックを追加する必要があります。

まず、WordPress 管理者サイドバーから外観 » エディター ページにアクセスして FSE を起動する必要があります。

ここから、画面の左上隅にある「+」ボタンをクリックしてブロックメニューを開きます。

次に、WPBeginner の Compact Archives ブロックを見つけて、Web サイト上の希望の場所に追加するだけです。

ブロックを追加したら、右側のブロック パネルからスタイルとテキストの設定を構成できます。

最後に、上部にある「保存」ボタンをクリックして設定を保存することを忘れないでください。

次に、Web サイトにアクセスして、コンパクトなアーカイブを表示します。

デモサイトではこんな感じでした。

ウィジェットを使用してコンパクト アーカイブ ブロックを追加する

ブロックベースのテーマを使用していない場合は、この方法が適しています。

まず、WordPress ダッシュボードから外観 » ウィジェットページにアクセスする必要があります。

そこに移動したら、左上隅にある「+」ボタンをクリックしてブロックメニューを開きます。

ここから、WPBeginner の Compact Archives ブロックを見つけてサイドバー タブに追加します。

コンパクト アーカイブ ブロックを追加したら、右側のパネルでブロック設定を構成することで、アーカイブのスタイルとテキストを変更できます。

最後に、上部にある「更新」ボタンをクリックして変更を保存することを忘れないでください。

Web サイトにアクセスすると、サイドバーにコンパクトなアーカイブが表示されます。

デモサイトではこんな感じでした。

方法 3: テンプレート ファイル内のコンパクト アーカイブを表示する

カスタム WordPress テーマを作成している場合、またはテーマ テンプレート ファイル内のアーカイブを表示したい場合、コンパクト アーカイブには使用できる便利なテンプレート タグが付属しています。

次のテンプレート タグをコードに追加するだけです。

<ul> <?php compact_archive(); ?> </ul>

タグを追加すると、コンパクトなアーカイブが WordPress ページに追加されます。

ただし、アーカイブにスタイルを追加したい場合は、コードに次のテンプレート タグを追加することで追加できます。

<ul>
<?php compact_archive($style='initial', $before='<li>', $after='</li>'); ?>
</ul>

たとえば、$style == 'initial' は月名のイニシャルのみを表示し、サイドバー内に正しく収まるようにする必要があります。 $style == 'block' を使用すると、ページのメイン列に収まります。 $style == 'numeric' を使用すると、数値の月が表示されます。

方法 4: コンパクト アーカイブを HTML サイトマップに追加する

WordPress で HTML サイトマップ ページを作成し、それとともにコンパクトなアーカイブを表示したい場合は、この方法が最適です。

All in One SEO は市場で最高の WordPress SEO プラグインで、Web サイトを検索エンジン向けに簡単に最適化し、ランキングを向上させることができます。

WordPress サイトに HTML サイトマップを簡単に追加することもできます。

まず、All in One SEO for WordPress プラグインをインストールして有効にする必要があります。詳細については、WordPress プラグインのインストール方法に関するチュートリアルを参照してください。

注: AIOSEO には、HTML サイトマップの作成に使用できる無料バージョンもあります。ただし、より多くの機能を利用するにはプレミアム バージョンを使用します。

プラグインをアクティブ化すると、セットアップ ウィザードが起動します。画面上の指示に従ってプラグインをセットアップするか、WordPress 用の All in One SEO を適切にセットアップする方法に関するガイドを参照してください。

それが完了したら、WordPress 管理者サイドバーからオールインワン SEO » サイトマップ ページに移動します。

ここから、上部の [HTML サイトマップ] タブに切り替え、[サイトマップを有効にする] トグルがオンになっていることを確認します。

次に、HTML サイトマップの表示方法を選択する必要があります。サイトマップは、ショートコード、PHP コード、ブロックを使用して、またはウィジェットとして表示できます。

このチュートリアルでは、「Gutenberg ブロック」オプションを選択します。

この方法を選択した場合は、サイトマップを表示したいページに AIOSEO - HTML サイトマップ ブロックを追加する必要があります。

さらに詳しい手順については、WordPress に HTML サイトマップ ページを追加する方法に関するチュートリアルを参照してください。

次に、[HTML サイトマップ設定] セクションの [コンパクト アーカイブ] オプションまで下にスクロールする必要があります。

ここからは、「コンパクト アーカイブ」スイッチを「有効」に切り替えるだけです。

この機能を動作させるために Compact Archives プラグインをインストールする必要はないことに注意してください。

これで、HTML サイトマップがコンパクトな日付アーカイブ形式で表示されます。

最後に、[変更を保存] ボタンをクリックして設定を保存することを忘れないでください。

次に、管理者サイドバーからサイトマップを表示する既存のページまたは新しいページを開きます。

ここからは、画面の左上隅にある「+」ボタンをクリックして、AIOSEO-HTML サイトマップ ブロックをページに追加するだけです。

最後に、[公開] または [更新] ボタンをクリックして変更を保存することを忘れないでください。

コンパクト アーカイブの HTML サイトマップは次のようになります。

この記事が、WordPress でコンパクトなアーカイブを簡単に作成する方法を学ぶのに役立つことを願っています。 WordPress で電子メール ニュースレターを作成する方法に関する初心者ガイドや、Web サイトの宣伝に役立つソーシャル メディア プラグインのおすすめもご覧ください。

この記事が気に入っていただけましたら、WordPress ビデオ チュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。