PS Auto Sitemapの設定方法とスタイルを変えて見栄えを良くするまで

シェアボタンを押して情報を共有しましょう。

スクリーンショット_022116_060902_PM

どうもこんにちは!橋を渡るハシオです!

あなたは三寒四温(さんかんしおん)という言葉を知っていますか?これは春に移り変わる時に起こる気温の現象を意味する言葉なんです。

冬季、三日間ぐらい寒い日が続き次の四日間ぐらいが暖かく、これがくりかえされること。という意味なんですね~!今がまさにその時らしいですw

では、今回は「PS Auto Sitemap」のプラグインについて説明していこうと思います!

このプラグインはブログの訪問者に全体像をわかりやすく把握させる為のプラグインになっています。ざっくり言うとカテゴリーを細かく分けてページを探しやすくする機能です。

そんな機能があればブログはより見やすくなりますよね?それがこの「PS Auto Sitemap」というプラグインなのです。役立ちますよ。

ではさっそくPS Auto Sitemapの使い方を書いていきましょう!

スポンサーリンク
レクタングル(大)広告

PS Auto Sitemapを固定ページに入れる

まずは、いつも通りプラグインの新規追加項目を押して「PS Auto Sitemap」を検索してインストールしましょう。

スクリーンショット_022116_065227_PM

インストールが完了したらプラグインを有効化します。

スクリーンショット_022116_065406_PM

プラグインリストに追加されましたね、ここには設定するボタンがありません。

スクリーンショット_022116_065743_PM

なので、ワードプレスの左にあるメニュー項目から「設定」に移りその中から「PS Auto Sitemap」を選択してやりましょう。

スクリーンショット_022116_070044_PM

「PS Auto Sitemap」の設定画面がでてきました。それでは下にスクロールします。

スクリーンショット_022116_070523_PM

すると、

ご利用方法

  1. サイトマップを表示させたい記事を作成します。
  2. 作成した記事のcontent部分に、HTMLモードで以下のコードを入力します。
    <!– SITEMAP CONTENT REPLACE POINT –>
  3. 記事編集画面で記事ID(アドレスバーの &post=nn )を確認し、『サイトマップを表示する記事』欄に指定します。

という文章がでてきました。これだけじゃよくわかりませんよね。次に固定ページを作る作業をします。

では、固定ページの新規追加を押してください。

タイトルに「サイトマップ」と書いておきます。そして右上に「テキスト」という切り替えるボタンがありますので押しましょう。

スクリーンショット_022116_072732_PM

テキストモードに切り替えたら先程の説明文にあった<!– SITEMAP CONTENT REPLACE POINT –>という文章をコピーして貼り付けます。

スクリーンショット_022116_073308_PM

※ここで注意してほしいのが表示されているコードに一本線が足りませんので画像のように一本付け足してやりましょう。そうしないと何も表示されなくなってしまいます。

スクリーンショット_022116_083735_PM

こちらでコピーできます。

そして、「公開」を押して保存します。

スクリーンショット_022116_073538_PM

保存したらサイトを確認してみましょう。すると、何も表示されていませんね?それで大丈夫です。

スクリーンショット_022116_073826_PM

次にサイトマップを表示させる設定に移りたいと思います。

PS Auto Sitemapを表示させる

では、サイトマップを表示させる為の設定を書いていきましょう。固定ページ一覧に「サイトマップ」が追加されましたね。

スクリーンショット_022116_080811_PM

そしたら、そのサイトマップの上にカーソルを置きましょう。すると固定ページID番号が表示されると思います。僕の場合「5」でした。

※そのID番号を覚えておきましょう。

WS000060_022116_081502_PM

そして「PS Auto Sitemap」の設定画面に戻ります。「サイトマップを表示する記事」という項目の空欄に先程のID番号を入力します。

保存を押したらまたサイトマップのページに戻って確認しましょう。

スクリーンショット_022116_084625_PM

でてきましたね。これで「PS Auto Sitemap」を固定ページに表示させる工程は終わりになります。

スクリーンショット_022116_085217_PM

続きまして設定編にいきましょう。

PS Auto Sitemapの設定

PS Auto Sitemapの設定画面の上から順に説明していきます。

ホームページの出力

これはサイトマップのページにホームページのタイトルを表示させるチェック項目です。

僕の場合邪魔だと思いチェックは外しております。

投稿リストの出力

これは僕たちが書く記事をサイトマップに表示させるチェック項目です。

これは必ずチェックをしたままにしましょう。

固定ページリストの出力

これはそのままの意味ですね。固定ページを表示させるか否かです。

僕はチェックを入れたままにしています。邪魔だと思われる方はチェックを外しましょう。

サイトマップを表示する記事

これは上で説明したようにID番号をいれる空欄です。既に番号は入れたのでそのままで大丈夫です。

出力階層制限

階層制限とはツリーを何段まで表示するかの設定です。多くの細かなカテゴリー分けをしている人だと「制限なし」のままだと見づらくなる可能性があります。

なので「第2階層」あたりで大丈夫だと思います。気になる方はその都度設定を変えてみましょう。

先に出力するリスト

これはそのままで大丈夫です。投稿記事を先に見てもらうのが重要ですね。

カテゴリーと投稿の表示

これもいじると見づらくなる可能性があるのでそのままで大丈夫です。

除外カテゴリ

除外したいカテゴリーを空欄にいれてあげましょう。設定の仕方はID番号を入れるだけです。

やり方は上と同じですね。

除外記事

これも除外カテゴリと同様です。

スタイルの変更

ここが面白い部分で14種類の中から見た目を変えることができます。後ほど表示のサンプルを載せていきますね。

キャッシュの使用

ここのチェックはキャッシュ系のプラグインを入れている方はチェックを外してください。そうしないとプラグインがうまく動作しなくなる恐れがあります。わからない場合はとりあえずチェックを外しておきましょう。

以上で設定の説明は終わりです。

次に14種類あるスタイルの見本画像を載せていきます。気に入ったスタイルを適用してあげましょう。

PS Auto Sitemapにある14種類のスタイル

スタイルなし

スクリーンショット_022116_091802_PM

シンプル

スクリーンショット_022116_091902_PM

シンプル2

スクリーンショット_022116_092006_PM

チェックリスト

スクリーンショット_022116_092101_PM

蛍光ペン

スクリーンショット_022116_092203_PM

ドキュメントツリー

スクリーンショット_022116_092256_PM

付箋

スクリーンショット_022116_092351_PM

音譜

スクリーンショット_022116_092449_PM

矢印

スクリーンショット_022116_092538_PM

ビジネス

スクリーンショット_022116_092627_PM

索引

スクリーンショット_022116_092750_PM

アーバン

スクリーンショット_022116_092838_PM

アンダースコア

スクリーンショット_022116_092920_PM

キューブ

スクリーンショット_022116_092958_PM

以上の14種類です。

どうでしょうか、お気に入りのスタイルは見つかりましたか?僕は付箋や音譜それにキューブなどが可愛くていいなと思いましたw

この前まで索引を使っていましたが今は矢印を使っています。何故かというと一番見やすいと思ったからですね。

とにかく、あなたが気に入ったスタイルを使えばいいので上にある14種類の中から選んでみてください。

一応僕のサイトマップ置いておきますのでよかったら見てくださいw

サイトマップ
ここは、僕が今までに書いてきた記事を簡単に探すことができるページです。 カテゴリー毎に細かく分かれているので見たい情報があれば是非読んでく...

まとめ

ふぅ~。14種類まとめるのが結構疲れましたねwスタイルに関してはいろいろあるので飽きたらまた別のスタイルなどに変えてみるのもいいですね。

アップデートなどもしてこれからスタイルが増えるかもしれないです。ですので増えたスタイルが気に入ったらそれを適用するのもいいですね。

では、そろそろ「PS Auto Sitemap」についての詳しい説明を終わりたいと思います!ありがとうございました!

スポンサーリンク
レクタングル(大)広告
レクタングル(大)広告
PS Auto Sitemapの設定方法とスタイルを変えて見栄えを良くするまで
この記事をお届けした
HASHIO_LOGの最新ニュース情報を、
いいねしてチェックしよう!

シェアボタンを押して情報を共有しましょう。

フォローする

関連記事