こんにちは、chieです(^^)

今回は、WordPressのブログ内に自動でサイトマップ(目次)を作ってくれるプラグイン【PS Auto Sitemap】
のインストールと設定方法を図解入りで詳しく解説します。

サイトマップとは、ブログ内の固定ページや投稿記事の一覧を目次としてまとめた表示の事です。

サイトマップはカテゴリー毎に細かく分けて表示されるので、ブログに訪れた人が目的の記事を探しやすい。
という利点があります。

また、自分で記事を探したい時なども結構役に立ちます(^^)ぜひ導入しておきましょう♪

PS Auto Sitemapのインストール

さっそくインストールしていきましょう。

ワードプレスのダッシュボードから、【プラグイン】→【新規追加】をクリック。

①右上の検索窓に、PS Auto Sitemapと打ち込んで、

②今すぐインストールをクリック。

有効化をクリック。

これでインストールは完了です^^

PS Auto Sitemapの設定

続いて、設定を行いましょう。

ダッシュボードから、【設定】→【PS Auto Sitemap】をクリック。

設定画面が表示されました。

サイトマップに表示させるテキストリンクを選択できます。

ホームページの出力
→ブログタイトルのリンクを表示させるかの設定です。
ここはチェックを外しておいても大丈夫です。

投稿リストの出力・固定ページリストの出力
→この2つにはチェックを入れましょう。
投稿記事と固定ページの情報を表示させます。

サイトマップを表示する記事
→サイトマップを表示させるには、固定ページを作る必要があります。
作ったページのIDを入力します。(IDについては後ほど説明します)

出力階層制限
→制限なしに設定すると、子カテゴリーなどに細かく分けて表示をさせる事が出来ます。

先に出力するリスト
→サイトマップの表示に、投稿記事と固定ページのどちらを先に
表示させるかの設定です。

カテゴリーと投稿の表示
→同一マップ内
に設定する事で、サイトマップの固定ページ内にカテゴリーと投稿記事の情報を一緒に表示できます。

①サイトマップに表示させたくないカテゴリをIDで指定する事ができます。
(IDの確認方法については後ほど説明します)

②サイトマップに表示させたくない記事をIDで指定する事ができます。
(IDの確認方法については後ほど説明します)

③サイトマップの表示デザインを選べます。

こんな感じで色々ありますので、

1つずつ試してお好みのデザイン
を決めて下さい(^^)

④キャッシュ系のプラグインを使用していなければ、チェックを入れておきましょう。
　表示速度を早くする事が出来ます。

変更を保存をクリックして、一旦設定完了です(^^)

このコードを固定ページに貼り付ける事で、設定したサイトマップが表示されます。

この部分をコピーしておいてください。

サイトマップ用の固定ページを作る

サイトマップを表示させる用の固定ページを用意しましょう^^

ワードプレスのダッシュボードから【固定ページ】→【新規追加】をクリック。

①サイトマップを表示させるページなので、目次などとタイトルを付けましょう。

②テキストをクリックします。

③先ほどコピーしておいたコードを貼り付けます。

公開をクリックして下さい。

次に、この固定ページのIDを確認します。

パーマリンクにカーソルを合わせて下さい。

すると、左下にこの固定ページの情報が表示されます。

ここのid=数字の数字の部分を覚えておいて下さい。

次に、ダッシュボードの【設定】→【PS Auto Sitemap】をクリック。

サイトマップを表示させる記事の空欄に、先ほど確認した固定ページのIDを入力して、変更を保存をクリックします。

実際の固定ページを確認してみましょう。

設定通り表示されています。

これでサイトマップの設定は終了です^^

記事IDとカテゴリーIDの確認方法

記事のIDは、パーマリンクを数字.html　　page-数字で表示させる設定をしている場合、その数字の部分がIDにあたります。

他に確認する方法としては、ダッシュボードの【投稿】をクリックして表示させたくない記事のタイトルにカーソルを合わせます。

カーソルを合わせると、その記事についての情報が左下に表示されます。

この中の、post=数字の数字の部分が記事のIDになります。

カテゴリーIDの場合、ダッシュボードの【投稿】→【カテゴリー】をクリック。

カテゴリー名にカーソルを合わせると、左下にカテゴリーの情報が表示されます。

この中の、ID=数字の数字の部分が各カテゴリーのIDになります。

サイトマップに表示させたくないカテゴリーや記事がある場合は、このように1つ1つIDを調べて設定画面で入力してください^^(固定ページも同じやり方です)

まとめ

サイトマップがあれば、ブログも整頓されたような感じがしていいですよね(*^^*)

訪問者さんも、見やすくて使いやすいブログになりました。

設定は変えられるので、色々と試してみて下さい♪

こんにちは、chieです(^^)

今回は、記事に付けた見出しを目次で表示させてくれるプラグイン【Table of Contents Plus】のインストールから使い方まで、図解入りで詳しく解説します。

せっかく見出しを付けて記事の文章に区切りを付けても、記事を初めて見た人にとっては、どこに何をまとめて書いてあるのかが分かりにくいです。

しかし、見出しを目次に反映させる事で、何をどこに書いてあるのかを明確にし、読者が好きな場所から読み始める事も可能にします。

今ご覧になっているこの記事にもTable of Contents Plusで設定した目次が表示されています。

目次があるだけでぐっと整理された記事に変わるので、ぜひ導入するようにして下さい^^

目次ありと無しの記事の見え方の違い

まずは、目次がある時と無い時の記事の見え方の違いについて画像で説明します。

まずは目次無し。
Table of Contents Plusを導入していない場合の見え方です。

見出しを3つ付けていますが、この1つの見出しごとに文章が長くなった場合、下まで全て見ないと、どんな見出しでどんな内容なのかという事が全く分かりませんね。

次に、Table of Contents Plusを導入した時の目次ありでの記事の見え方です。

記事の導入文のすぐ下に目次が表示されています。

これなら、1つの見出しの文章がどれだけ長くなろうと、目次に表示された見出しの文字を見るだけで、何について書いている箇所なのか。

という事が一目で分かります。

また、この目次の文字をクリックする事で該当の見出しへと移動する事ができるので、読者が見たい箇所を選ぶことが出来ます。

以上、記事の見え方の違いについてお話しました。

目次があった方が、圧倒的に見やすい記事になる。という事が分かったと思います^^

Table of Contents Plusのインストール

さっそくインストールしていきましょう♪

まず、ワードプレスのダッシュボードから【プラグイン】→【新規追加】をクリック。

①左上の検索窓にTable of Contents Plusと入力。

②今すぐインストールをクリック。

有効化をクリック。

これでインストールは完了です^^

Table of Contents Plusの設定方法

続いて、設定を行っていきましょう。

ダッシュボードの【設定】→【TOC+】をクリック。

設定画面が表示されました

①目次が表示される位置を決めます。
デフォルトでは、最初の見出しの上に出るようになっています。
そのままにしておきましょう。

②見出しが何個以上あったら目次が表示されるかを決めます。
デフォルトの2のままにしておきましょう。

③目次を表示させたいページを選択します。
post(投稿記事)とpage(固定ページ)にチェックを入れましょう。

④目次の上に表示させるタイトルを記入して下さい。
タイトルがいらない場合はチェックを外します。

⑤チェックを入れておくと、読者が目次を閉じたり開いたりする事が出来ます。
その際に表示させる文字を記入してください。

⑥ページを開いた時に、目次を閉じた状態にするかを決めます。
開いていた方が見やすいので、チェックは入れないでおきましょう。

①目次を断層として表示させるかどうかを決めます。
チェックを入れておきましょう。

②目次の見出し文字に番号を付けるかを決めます。
チェックを入れておきましょう。

③目次の見出し文字をクリックしたときに、パッとジャンプするかスクロールで移動するかを選びます。

④目次の幅の設定です。そのままにしておきましょう。

⑤目次の位地が右よりか左よりかを設定できます。
そのままにしておきましょう。

⑥記事の文章の文字サイズに対して、どのくらいのサイズで目次の文字を表示させるかの設定です。
そのままで大丈夫です。

表示される目次のデザインを決めます。
お好きなものを選んでください。

次に、上級者向け(表示)の文字をクリック。

見出しレベルを設定していきます。

全部にチェックを入れておいて大丈夫ですが、記事を書いていく時に使うのはh2以降でh1は使わないので注意してくださいね。

最後に、設定を変更をクリック。

これで設定は完了です。

記事を見て確認してみて下さいね^^

関連や共通：が目次に表示されてしまう場合

このように目次に関連や共通：が表示されてしまった場合は、

除外する見出しに　関連|共通:　を入力したらOKです。

表示がされなくなったか確認してみてくださいね！

変わらない場合は、共有:|関連などと順番を入れ替えてやってみてください。

まとめ

これで、見出しを付けた記事には目次が表示されるようになりました。

見出しは、タイトルを見てどんな内容を書いているのかがすぐに分かるものを付けるのがポイントです。

そうする事で、読者も記事が読みやすくなります。

分かりやすいタイトル付けを意識しましょう^^