PS Auto SitemapWordPressサイトマップ プラグイン設定メニュー作成ワードプレス初期設定

WordPress ブログを始めたら、「サイトマップ」メニューを掲載しておこう!

venice-sitemap PS Auto Sitemap
スポンサーリンク

今回は PS Auto Sitemap -> Simple Sitemap プラグインを利用して「サイトマップ」メニューを作成しておきます。検索エンジンに送信する XML サイトマップファイルとは違って、サイト上にメニューを追加することで、サイト内のコンテンツをより見つけやすくするため導入します。

※ 2023/07/03 更新:Simple Sitemap の設定方法を追加しました。

ワードプレス&プラグイン情報

  • WordPress バージョン:5.2.2
  • WordPress のテーマ:Cocoon 1.9.0.2
  • PS Auto Sitemap 1.1.9
  • WP Sitemap Page 1.9.2
ジェイス
ジェイス

WP Sitemap Page を設定するには、

・押下:WP Admin > プラグイン > 新規追加

・ページ内:WP Sitemap Pageで検索、設置&有効化してください。

サイトマップを表示させたい固定ページを作成する

旧エディターに切り替えてから、サイトマップ用の固定ページを1つ追加します。

ジェイス
ジェイス

旧エディターに切り替えるには Classic Editor プラグインを事前に設置&有効化しておく必要があります。

WordPress 画面から、
・押下:「固定ページ」>「新規追加
・ページ内:タイトルを サイトマップ にして「公開」ボタンをクリックします。

wp-first-setup-ps-auto-sitemap-1

作成した固定ページにサイトマップ用コードを入力する

▼ 作成した記事の Content 部分に、テキストモード で以下のコードを入力します。

<!– SITEMAP CONTENT REPLACE POINT –>
ジェイス
ジェイス

WP Sitemap Page の場合、

・押下:WP Admin > 設定 > WP Sitemap Page

・ページ内:使い方 タブをクリック

リストの中から wp_sitemap_page only="post" sort="post_name" order="ASC"  のような必要なコードをコピペしてください。

▼「パーマリンク」を下記のように 英語の sitemap に変更して「公開」ボタンをクリックしてください。

wp-first-setup-ps-auto-sitemap-2

サイトマップ用記事 ID を確認する

WordPress 画面から、
・押下:「固定ページ」>「固定ページ一覧
・ページ内: 作成中の固定ページをURLを確認する
・ブラウザのアドレスバーに表示される ?post=nnnn記事 ID です。メモって置きましょう!

ジェイス
ジェイス

WP Sitemap Page の場合、スキップしてください。

wp-first-setup-ps-auto-sitemap-3

サイトマップ用記事 ID を設定する

WordPress 画面から、
・押下:「設定」>「PS Auto Sitemap
・ページ内:
先ほど、記事編集画面で確認した 記事 ID を「サイトマップを表示する記事」欄に指定します。

ジェイス
ジェイス

WP Sitemap Page の場合、スキップしてください。

wp-first-setup-ps-auto-sitemap-4

他の項目はデフォルトのままで良いです。

変更を保存」ボタンをクリックします。

現時点では サイトにアクセスしても直接アドレスを入力しない限り、サイトマップを見ることができません。なので、これから固定ページやカスタムリンクなどを表示できるようにメニューを作成します。

メニューを作成する

WordPress 管理画面から、
・押下:「外観」>「メニュー
・ページ内:「メニュー構造」>「メニュー名」欄に適宜入力します。ここでは header と、入力して「メニューを作成」ボタンをクリックします。

wp-first-setup-ps-auto-sitemap-5

メニューを追加する:サイトマップ

WordPress 管理画面から、
・押下:「外観」>「メニュー
・ページ内:
メニュー項目を追加」>「固定ページ」>「最近」に先ほど作成した固定ページ記事が表示されるので、「サイトマップ」にチェックを入れて、「メニューに追加」ボタンをクリックします。(「サイトマップ」にはあなたが作成した記事名が表示されるので異なる場合がありまます )
すると、右側に追加されます。

wp-first-setup-ps-auto-sitemap-6

メニューを追加する:HOME

WordPress 管理画面から、
・押下:「外観」>「メニュー
・ページ内:
メニュー項目を追加」>「カスタムリンク」をクリックします。
URL」にはあなたのサイトの URL を入力して下さい。
リンク文字列」には ホームHOME など適宜入力しましょう!
メニューに追加」ボタンをクリックすると同じく右側に表示されます。

wp-first-setup-ps-auto-sitemap-7

このような手順で必要に応じて追加したり修正したりできます!

サイトマップ」と「 HOME 」項目をドラッグして順番を変更できます。追加の設定オプションを表示するには、項目の右側にある下矢印をクリックします。

メニューの位置はどこでも構いませんが、ここでは「ヘッダーメニュー」にして置きます。
メニュー構造」>「メニュー設定」>「メニューの位置」で「ヘッダーメニュー」にチェックを入れて「メニューを保存」ボタンをクリックして下さい。

wp-first-setup-ps-auto-sitemap-8

これで「ヘッダーメニュー」が完成されました。
ブラウザで確認をして見て下さい。

wp-first-setup-ps-auto-sitemap-9

スタイルを適用する ( 任意 )

▲ 記事がないとスタイルを変えても変化が見えませんので、記事数が増えてからスタイルを適用しても遅くないと思います。
ここではサイトマップのスタイルも変更できる!ことだけを覚えてもらいたい!

やり方は、
WordPress 画面から、
・押下:「設定」>「PS Auto Sitemap
・ページ内:
スタイルの変更」欄で、お好きなスキン ( 例:アーバ ) を選択して「変更を保存」ボタンをクリックし、ブラウザで確認、を繰り返しながら調整して決めます。

記事数が増えてからは↓↓↓のように表示されます。

wp-first-setup-ps-auto-sitemap-10

※ 検索エンジンに送信する XML サイトマップファイルに関しては、▼ の記事をどうぞ!

スポンサーリンク

コメント

タイトルとURLをコピーしました