【完全版】HTMLサイトマップ作成・設置マニュアル
WordPressテーマ「Cocoon」において、投稿記事を自動でカテゴリーごとに分類したHTMLサイトマップ(サイト内案内ページ)を実装し、フッターメニューへ設置するまでの全手順です。
ステップ1:プラグインの導入
- WordPress管理画面の左メニューから「プラグイン」>「新規追加」を開きます。
- 検索窓に
WP Sitemap Page と入力します。
- 作者名が Tony Archambeau であることを確認します。
- 「今すぐインストール」をクリックし、完了後に「有効化」をクリックします。
ステップ2:固定ページの新規作成
- 左メニューから「固定ページ」>「新規追加」を開きます。
- ページのタイトルを「
サイトマップ」(または任意の名称)にします。
- 画面右側の設定内にある「URL」または「URLスラッグ」を、必ず半角小文字の「
sitemap」に変更します。
ステップ3:ショートコードの配置
固定ページの本文(またはショートコードブロック)に、以下のコードをそのまま貼り付けます。
[wp_sitemap_page only="post" display_title="false"]
💡 コードの仕様説明
only="post":プライバシーポリシー等(固定ページ)を除外し、通常のブログ記事のみを表示します。
display_title="false":プラグインが自動出力する、不要なH2見出しを非表示にします。
ステップ4:ページの公開確認
- 画面右上の「公開」ボタンを押します。
- 作成した固定ページのURL(
〜/sitemap )にアクセスし、カテゴリー別に記事が並んでいるか確認します。
ステップ5:メニュー(フッター)への設置
作成したサイトマップを、ユーザーがいつでも閲覧できるようにブログのフッターへ追加します。
- 左メニューから「外観」>「メニュー」を開きます。
- 画面上部の「編集するメニューを選択」から、現在フッターに使用しているメニューを選択します。※ない場合は「新規メニューを作成」からフッター用メニューを作成します。
- 画面左側にある「固定ページ」ボックスの「すべて表示」タブを切り替え、作成した「サイトマップ」にチェックを入れて「メニューに追加」をクリックします。
- 画面右側のメニュー構造の一番下に「サイトマップ」が追加されたのを確認します(位置はドラッグ&ドロップで調整可能)。
- 画面下部「メニュー設定」の「メニューの位置」で、「フッターメニュー」にチェックを入れます。
- 「メニューを保存」ボタンをクリックして完了です。