2017-01-06_112213

ワードプレスでサイトマップを作る！となると、プラグインで簡単にサイトマップが作れる「PS Auto Sitemap」が有名です。

それでもこのプラグイン、カテゴリーの順番の変更は別のプラグインとの組み合わせでできますが、記事の並び順がかえられないんですね。

ということで、ここではカテゴリーの並び順、記事の並び順とも反映されるサイトマップ自動作成プラグイン「WP Sitemap Page」を一緒に見てみましょう。

２つのプラグイン

では早速サイトマップを自動で作成し、表示されるサイトマップ内のカテゴリーの順番や記事の順番を変える、ということをしてみます。

必要な準備は以下２つ。

  • １）WP Sitemap Page
    サイトマップ作製用のプラグイン「WP Sitemap Page」のインストール
  • ２）Intuitive Custom Post Order
    記事、カテゴリーの順番を変えるためのプラグイン「Intuitive Custom Post Order」のインストール

まず１の「WP Sitemap Page」から行ってみましょう！

サイトマップを表示するWP Sitemap Page

プラグインのインストール

サイトマップ自動作成用のプラグイン「WP Sitemap Page」のインストールです。

2016-12-08_025233

  • ワードプレスの管理画面から「プラグイン」→「新規追加」をクリック！

↓↓↓↓↓↓

「WP Sitemap Page」を検索してインストールします。

2017-01-06_120333

  • ① 「WP Sitemap Page」をキーワードに入力
  • ② プラグイン「WP Sitemap Page」が表示されるので「今すぐインストール」をクリック！

↓↓↓↓↓↓

インストールが終わったら後は有効化です。

2017-01-06_120538

  • 「有効化」をクリック！

以上でプラグイン「WP Sitemap Page」のインストールと有効化が完了しましたので、続いて設定などを見てみます。

設定を見る

「WP Sitemap Page」の設定は、ワードプレスの管理画面から「設定」→「WP Sitemap Page」を選びます。

2017-01-06_120914

↓↓↓↓↓↓

設定は特に不要ですが、設定するとしたら以下ぐらいです。

  • ① 複数のカテゴリが設定されている記事を、その各々のカテゴリーに表示するかどうか
    →　チェックを入れる
  • ② 除外したいページがあれば、そのIDを指定
    →　特になければ空白のまま
  • ③ 固定ページを表示するかしないか、投稿ページを表示するかしないか
    → ページ、固定ページにチェックを「入れない」
    （除外するものにチェックを入れる）

記事ID（ページID）の調べ方は以下参照

関連記事 >
ワードプレスでカテゴリーID、記事IDの調べ方！編集画面で簡単に確認できる！
ワードプレスではプラグインなどを使うと簡単に新着表示や人気記事表示、サイトマップなどを表示できます。 この時、表示したくないカテゴリーや、逆にこのカテゴリーだけを表示する、といった設定があったり、同様に表示したくない記事を指定できる場合がありますが、この時必要となるのが「カテゴリーID」や「記事ID」。
tabibitojin.com - JINのブログ

使い方

設定には「設定」と「使い方」の２つのタブがあり、「使い方」を見てみると、以下の内容が表示されます。

ここに書かれているショートコード（例えば"[wp_sitemap_page]"）を記事や固定ページに貼れば、サイトマップが自動的に表示される！ということですね。

パッと見て良く分かりませんが（笑）、以下簡単にまとめてみます。
（流し読みで飛ばして全然OK）

ショートコード  
[wp_sitemap_page] よくあるサイトマップを表示
[wp_sitemap_page only="page"] 固定ページだけを表示
[wp_sitemap_page only="post"] 記事だけをカテゴリー分けで表示
[wp_sitemap_page only="category"] カテゴリーだけを表示
[wp_sitemap_page only="tag"] タグだけを表示
[wp_sitemap_page only="archive"] 年月日を表示
[wp_sitemap_page only="author"] 著者を表示
オプション  
sort="menu_order" 記事の表示順を指定
'post_title', 'menu_order', 'post_date', 'post_modified', 'ID', 'post_author', 'post_name'.
sort="count" カテゴリー分けで表示順を指定
'id', 'name', 'slug', 'count', 'term_group'
display_category_title_wording="false" カテゴリー分けで、各々のカテゴリー名の先頭に付く”カテゴリー”という表示を非表示
display_title="false" タイトルなしのサイトマップを表示

これらを組み合わせて、実際にサイトマップを表示します。

サイトマップを表示する！

では、いよいよサイトマップの表示です。
記事でも固定ページでもよいですが、まず基本形「よくあるサイトマップを表示」の以下のショートコードを貼り付けて表示してみます。
（編集画面のモードは、ビジュアルでもテキストでもOK）

  • [wp_sitemap_page]

実際のサイトマップの表示

2017-01-06_124447

  • 固定ページが上に、記事が下に表示されます
  • 各々のタイトルに「ページ」「カテゴリーごとの投稿」と表示されます
  • カテゴリー名の前には「カテゴリー」と各々表示されます

基本形がこれ、ということですが、以下のように修正したいですね。

  • 固定ページは下、記事が上
  • 各々のタイトル「ページ」「カテゴリーごとの投稿」は非表示にする
  • カテゴリー名の前の「カテゴリー」は非表示にする

ということで、各々以下を使います。

対応したに内容 使うショートコードやオプション
固定ページは下、記事が上 [wp_sitemap_page]ではなく以下２つを使う
・記事だけ表示の
　[wp_sitemap_page only=”post”]
・固定ページだけ表示の
　[wp_sitemap_page only=”page”]
各々のタイトル「ページ」「カテゴリーごとの投稿」は非表示にする  オプションの「display_title=”false”」を使用
カテゴリー名の前の「カテゴリー」は非表示にする オプションの「display_category_title_wording=”false”」を使用

ということから、ちょっと長くなりますが以下のショートコードを使います。

  • [wp_sitemap_page only="post" display_title="false" display_category_title_wording="false"][wp_sitemap_page only="page" display_title="false" display_category_title_wording="false"]

実際のサイトマップの表示

2017-01-06_125106

普通な感じのサイトマップになりました。^-^）

デザインのカスタマイズ

このままの表示でもよいですが、少しデザインカスタマイズしてみましょう。

以下のCSSを使ってみてください。

表示は以下のようになります。

2017-01-06_133118

少し見栄えが良くなりました。^-^）
CSSについては以下の記事を参照して「CSS記述スペース」に貼り付けてみてくださいね。

関連記事 >
WordPressのCSSカスタマイズ！読み込み用プラグインとCSS反映の具体例！
別記事で見たGoogle Chromeとその開発者ツールの威力。それを武器にCSSがカスタマイズできれば、一気にデザインカスタマイズの可能性が広がります。実際に修正したり他から持ってきたCSSをブログに反映するには、１）使用しているテーマのスタイルシートに直に書き込む２）プラグインを利用したスタイルシートに書
tabibitojin.com - JINのブログ

記事やカテゴリーの順番を変えるIntuitive Custom Post Order

プラグイン「WP Sitemap Page」を使ってサイトマップが表示できましたので、続いてカテゴリーや記事の並び順を変えてみます。

ここで2つ目のプラグイン「Intuitive Custom Post Order」を活用しますが、このプラグインのインストールと並び順変更などの使い方については以下記事を見てみてください。

関連記事 >
記事の表示順を並び替える！ワードプレスのプラグイン「Post Types Order」の使い方解説
ワードプレスでは基本的に記事の表示順は日付順になりますが、記事の順番を変えてみたい！という場合も出てきます。こんな時にはプラグインを活用してサクサクっと変更するのが簡単ですね。 ここでは「Post Types Order」というプラグインを使って、実際記事の順番を変える方法の解説です。
tabibitojin.com - JINのブログ

マウスでつかんで移動させるだけ！といったお手軽さです。

今回のまとめ

  • サイトマップを表示するプラグイン「WP Sitemap Page」を使えば、カテゴリーや記事の順番の変更が反映される
  • カテゴリーや記事の並び順を変えるにはプラグイン「Intuitive Custom Post Order」を使用する
  • この２つのプラグインの組み合わせで、サイトマップでカテゴリーや記事の並び順を変えることができる

サイトマップはブログの使い勝手上、重要な役割を果たします。

サイト運営者の個人的主観、というのではなく、あくまで読者視点に立った時に見やすくわかりやすい表示にするにはどうするか、といったことから、カテゴリーの順番や記事の順番などを変えるようにしてみましょう。

ちょっとした工夫の積み重ねがブログの質の向上をもたらし、結果として読者に有益なサイトに成長していきます。

こうしたことがあって、初めて広告収入などが入るようになるんですね。ネットやブログで収益を上げるには、以下のメルマガにも登録してみてください。

早期退職して海外で奮闘する JIN のメールマガジン

無料メールマガジンの詳しい内容を見る！

時間や場所に縛られず稼いだJINが教える

～ 最短で月収10万円稼げるようになる方法 ～

お名前（全角文字）

隣のあの人にも、思わず教えたくなる秘密

配信停止は、いつでもできます

迷惑メールは一切配信されませんので、ご安心くださいね

自らの手で未来を変える力を手に入れる！