【完全版】HTMLサイトマップ作成・設置マニュアル

WordPressテーマ「Cocoon」において、投稿記事を自動でカテゴリーごとに分類したHTMLサイトマップ(サイト内案内ページ)を実装し、フッターメニューへ設置するまでの全手順です。

ステップ1:プラグインの導入

  1. WordPress管理画面の左メニューから「プラグイン」>「新規追加」を開きます。
  2. 検索窓に WP Sitemap Page と入力します。
  3. 作者名が Tony Archambeau であることを確認します。
  4. 「今すぐインストール」をクリックし、完了後に「有効化」をクリックします。

ステップ2:固定ページの新規作成

  1. 左メニューから「固定ページ」>「新規追加」を開きます。
  2. ページのタイトルを「サイトマップ」(または任意の名称)にします。
  3. 画面右側の設定内にある「URL」または「URLスラッグ」を、必ず半角小文字の「sitemap」に変更します。

ステップ3:ショートコードの配置

固定ページの本文(またはショートコードブロック)に、以下のコードをそのまま貼り付けます。

[wp_sitemap_page only="post" display_title="false"]

💡 コードの仕様説明

ステップ4:ページの公開確認

  1. 画面右上の「公開」ボタンを押します。
  2. 作成した固定ページのURL( 〜/sitemap )にアクセスし、カテゴリー別に記事が並んでいるか確認します。

ステップ5:メニュー(フッター)への設置

作成したサイトマップを、ユーザーがいつでも閲覧できるようにブログのフッターへ追加します。

  1. 左メニューから「外観」>「メニュー」を開きます。
  2. 画面上部の「編集するメニューを選択」から、現在フッターに使用しているメニューを選択します。※ない場合は「新規メニューを作成」からフッター用メニューを作成します。
  3. 画面左側にある「固定ページ」ボックスの「すべて表示」タブを切り替え、作成した「サイトマップ」にチェックを入れて「メニューに追加」をクリックします。
  4. 画面右側のメニュー構造の一番下に「サイトマップ」が追加されたのを確認します(位置はドラッグ&ドロップで調整可能)。
  5. 画面下部「メニュー設定」の「メニューの位置」で、「フッターメニュー」にチェックを入れます。
  6. 「メニューを保存」ボタンをクリックして完了です。