PS Auto Sitemapでサイトマップを簡単生成-デザインサンプル一覧も!
PS Auto Sitemapでサイトマップを簡単生成-デザインサンプル一覧も!

PS Auto Sitemapは、サイトの投稿や固定ページを一覧表示するHTMLサイトマップを自動生成してくれるプラグインです。

設定も簡単で、一度設定するとほったらかしでも更新してくれるので手間が一切かかりません。

サイトマップがあるとサイト訪問者が目的の記事を探しやすくなり、ユーザビリティの向上につながりますので設置することをお勧めします。

PS Auto Sitemapは

  1. サイトマップ(記事一覧ページ)が自動生成される
  2. 投稿と固定ページの両方に対応している
  3. 特定のカテゴリや記事を除外することができる
  4. 記事更新の都度、意識することなくサイトマップが更新される
  5. 豊富なデザインから選ぶことができる
  6. プラグインが日本語化されていて設定が簡単です

ここでは、HTMLサイトマップ(sitemap.html)を自動的に作成・更新してくれるWordPressのプラグイン「PS Auto Sitemap」の導入方法とデザインサンプル14種の一覧まとめを初心者向けに分かり易く解説します。

なお、検索エンジンのクローラー向け(SEO向け)に提供するXMLサイトマップを自動生成してくれる「Google XML Sitemaps」は以下の記事で解説していますのでご覧ください。

PS Auto Sitemapのインストール

PS Auto Sitemapのインストール

①左メニューのプラグイン>新規追加:クリックします

②キーワード:「PS Auto Sitemap」と入力し検索します

③「今すぐインストール」ボタン:PS Auto Sitemap が表示されたら「今すぐインストール」をクリックします

PS Auto Sitemapの有効化

PS Auto Sitemapの有効化

①「有効化」ボタン:クリックします

PS Auto Sitemapの設定方法

PS Auto Sitemapの設定方法

①左メニューの設定>PS Auto Sitemap:クリックします

サイトマップを表示するコードをコピーする

サイトマップを表示するコードをコピーする

①PS Auto Sitemap設定ページ下部にあるコードをコピーします [php title="サイトマップ固定ページに貼り付けるコード"] <!–- SITEMAP CONTENT REPLACE POINT –->
[/php] ※このコードは次に作成するサイトマップ用固定ページに貼り付けます

固定ページを新規追加する

固定ページを新規追加する

①固定ページ>新規追加:右クリック>新しいタブまたは新しいウィンドウで開きます
※PS Auto Sitemapの設定ページは開いたままにして下さい

固定ページでサイトマップ用ページを作成する

固定ページでサイトマップ用ページを作成する

①固定ページ本文:先ほどコピーしたコードを貼り付けます

②タイトル:例えば「サイトマップ」と入力します

③パーマリンク:例えば「sitemap」と入力します
※スラッグを指定している場合はスラッグに入力します

④「更新」ボタン:クリックして保存します

⑤URLの記事ID:記事ID(post=の番号)をコピーします

PS Auto Sitemapの設定

PS Auto Sitemapの設定

①サイトマップを表示する記事:先ほどコピーした記事IDを貼り付けます

②除外カテゴリ:表示したくないカテゴリIDを入力します
※全て表示する場合は空欄です

③除外記事:表示したくない記事IDを入力します
※全て表示する場合は空欄です

④スタイルの変更:14種類の中から選択します

⑤「設定を保存」ボタン:クリックして保存します

以上でPS Auto Sitemapの設定になります。

PS Auto Sitemap 全14スタイルを紹介

PS Auto Sitemap で用意されているサイトマップのデザイン全14種類を紹介します。

デザインの変更は簡単です。
PS Auto Sitemapの設定>スタイルの変更から選択して「変更を保存」
これだけでOK!

好みのスタイルに変更してお洒落にカスタマイズしてください。

PS Auto Sitemap スタイルなし

PS Auto Sitemap スタイルなし

PS Auto Sitemap シンプル

PS Auto Sitemap シンプル

PS Auto Sitemap シンプル2

PS Auto Sitemap シンプル2

PS Auto Sitemap チェックリスト

PS Auto Sitemap チェックリスト

PS Auto Sitemap 蛍光ペン

PS Auto Sitemap 蛍光ペン

PS Auto Sitemap ドキュメントツリー

PS Auto Sitemap ドキュメントツリー

PS Auto Sitemap 付箋

PS Auto Sitemap 付箋

PS Auto Sitemap 音符

PS Auto Sitemap 音符

PS Auto Sitemap 矢印

PS Auto Sitemap 矢印

PS Auto Sitemap ビジネス

PS Auto Sitemap ビジネス

PS Auto Sitemap 索引

PS Auto Sitemap 索引

PS Auto Sitemap アーバン

PS Auto Sitemap アーバン

PS Auto Sitemap アンダースコア

PS Auto Sitemap アンダースコア

PS Auto Sitemap キューブ

PS Auto Sitemap キューブ

以上、PS Auto Sitemapでサイトマップを簡単生成-デザインサンプル一覧も!でした。

おすすめの記事