40代こじらせ女子のワードプレスdeブログ

私生活の事とか世の中の事とか徒然に。あんまり働いていないので、副業としてネットビジネスの足跡も記録的に書いてみる・・・

      

ワードプレス 投稿日記の中に目次を表示する方法



ワードプレス

昨日は友達と会うために夕方から出かけて、戻ってきたら日付が変わっててブログを更新するの忘れちゃったw

そんなことはどうでもよくて、自分のブログを運営するにあたって、色々な人のブログを拝見しているのだけど、自分のブログにはなくて他の人のブログでちらほら見かける「目次」というものが気になった。

もちろん参考にしているのはワードプレスを使用しているブログなんだけど、リード文の下の部分に綺麗な形で「目次」が設置されているの。ちゃんと内部リンクが施されていて、階層状になってて・・・これはすごいな~と感心してしまうレベル。まさか自分の手で一個一個目次の内容やリンクを設置しているわけないよな~・・・・ということでGoogle大先生に聞いてみることにしました。

・・スポンサーリンク・・

 

目次を自動生成してくれるプラグインTable of Contents Plus

機能的な目次を設置してくれるワードプレスのプラグインがありました。その名もTable of Contents Plus。テーブル・オブ・コンテンツプラスはワードプレスの日記の目次をリンク付きで自動生成してくれるワードプレスのプラグイン。ワードプレスの中の日記や固定ページに記述されたH1からH6までの見出しのHTMLタグをベースにして目次を自動生成してしまうという優れもの。まずはとにかくインストールしてみることにしました。

 

Table of Contents Plus インストール方法

tocp1プラグイン→新規追加で「Table of Contents Plus」で検索して、「今すぐインストール」を選択。

tocp2プラグインを有効化します。

 

Table of Contents Plus 設定内容と設定方法

tocp3設定画面の雰囲気と内容はこんな感じ。

 

このTable of Contents Plusを利用する際に注意することは、「h1~h6の見出しタグを階層を意識して使う」という点。webサイトを実際に作っている人やSEOを意識している人であれば問題ないと思うけど、ブログだけしか書いたことない!って言う人にはなんのこっちゃ?って話になると思う。詳しい話はHTM辞典みたいなものを読んで確認してもらった方がいいと思うけど、簡単に書くと以下のとおり。

例:ブログサービスの比較紹介日記を書くときの見出しの付け方

<見出し1>無料ブログサービス紹介</見出し1>

  <見出し2>WPblogについて</見出し2>

    <見出し3>WPblogの特徴</見出し3>

    <見出し3>WPblogのメリットデメリット</見出し3>

  <見出し2>FC2ブログについて</見出し2>

    <見出し3>FC2ブログの特徴</見出し3>

    <見出し3>FC2ブログのメリットデメリット</見出し3>

こんな感じの見出しの付け方が正しい階層処理になるって意味。これでちゃんと伝わるかなー・・・・

 


情報がお役に立てば、共有いただけると嬉しいです♪

 - ワードプレスプラグイン , , , ,

     

  関連記事

モバイルフレンドリー
モバイルフレンドリー モバイルの検索結果が4月21日から変更に

2014年11月からGoogleの ウェブマスターツール上で アナウンスされてい …

ワードプレス
ワードプレス 最近の投稿の横に画像を表示する方法

週末ともなると、この時間になってずーっとワードプレスをいじってる。まっ、ここのと …

ワードプレス
ワードプレス ブログにスパムコメントが付いて困った時のプラグインAkismet

このワードプレスを使ったブログを開設してから10日前後が経過したのだけど、新しい …

ワードプレス
ワードプレス カテゴリの表示順番を変更する方法

毎日ワードプレスをカチャカチャといじる私。もう完全にワードプレスがおもちゃ状態で …

ワードプレス
ワードプレス 画像を横に並べて表示する方法(STINGER5)

昨日、目の疲れについての日記の中に Amazonアソシエイトの画像を貼った。 で …

           

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です