WEBまねきねこ

ホームページをどうすればいいのか分からない中小零細企業のサイト運営を応援するブログ。中小企業診断士に挑戦中3週目。

WordPress

Table of Contents Plusを使ってブログに目次を付けてみた

投稿日:2014年7月8日 更新日:

メニュー

色々なブログを見ていると、見出しを目次にして上手に誘導しているサイトがよく目につきます。どんなことが書いてあるかが分かると読み進めやすいし、情報が整理されているような印象があり好感が持てます。

ユーザーは必要な情報だけを手に入れたい

忙しい毎日、ユーザーは必要な情報だけを効率的に入手したいという気持ちを持っていると思います。誰も自分に関係のない情報ばかりが載っている無駄なページを読んでいるほどヒマじゃないんです。

そんなことを言いながらボケて!で大笑いしたりツイッターのTLでどうでもいいリンク踏んだりしているのですが、またそれは別腹で。

ともかく目次があれば、長い記事の中からでも必要な情報だけを拾って読むこともできます。読む前に大まかな内容が分かれば大助かりですね。

うっかりするとすぐに冗長になってしまうこのブログにも、前々から目次をつけたいなぁ、と思っていたので調べてみました。

するとみなさんTable of Contents Plusというプラグインを使っているらしい。見出しを拾って自動的に目次を作ってくれ、導入さえすればあとはラクラクのようなので、早速導入してみました。

Table of Contents Plusのインストール

ワードプレスを使っていると度々プラグインをインストールすることがあるので迷うことはないと思いますが念のため。

WordPress管理画面の左メニューより プラグイン>新規追加
プラグインインストール
「Table of Contents Plus」を検索

Table of Contents Plusを検索

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

※サーバーなどにより、ここでFTPパスワードを求められたりすることもあると思います。

今すぐインストール

プラグインを有効化 をクリック

有効化

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

 

Table of Contents Plusの設定

そんなに難しくはありませんが、どんなことが設定できるのかを簡単に。

WordPress管理画面の左メニューより 設定>TOC+

Table of Contents Plusの設定

設定画面は以下のようになっているのでお好みに合わせて設定します。
表示位置や動作について設定できます。

Table of Contents Plusの設定

長い長い項目を書かれる場合は目次を隠す機能を付けた方がいいのかもしれません。例えばこんな感じの目次の時。

目次
【第2回】企業ブログの作り方と運用法の基本 – 編集方針と見た目と使い勝手 – WEB戦略ラウンドナップより勝手にキャプチャ

 

私の記事はせいぜい4~5項目にしかならないと思うので隠す機能はOFFです。

見た目のカスタマイズも簡単

下へ移動すると幅や回り込みなどの「Appearance」も設定できます。

Table of Contents Plusの設定

Customを選ぶと下のように色や線が指定できます。私は以下の設定で。

Table of Contents Plusの設定

設定したら自動的に目次が生成されています。

やったー!

 

参考にさせて頂いたのは以下のサイトです。

記事の見出しごとに目次を作ってくれるプラグイン『Table of Contents Plus』が役立ちすぎて興奮! | Tipstour

-WordPress
-

執筆者:


comment

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

関連記事

WordPressサイトでデータ移動せずにドメインだけを変更する手順の記録

データはそのままで、ドメインだけを変更する いままでex_aaa.comで運用してきたサイトのドメインを、何らかの理由でex_bbb.comに変更したい、または変更しなければならないことがあるかもしれ …

no image

「WP-Table Reloaded」ワードプレスの記事内へ直感的にテーブルが作れるプラグイン

1 タグを打たなくてもラクラクテーブルが作れるプラグイン2 まずはプラグインを検索してインストールし、有効化。3 テーブルを新しく作成する4 タグ打ちなしで直感的にテーブルを作っていく5 出来たテーブ …

Akismetキー作成ページが英語でした

スパムコメントをブロックしてくれるプラグインAkismetを有効にする方法

Akismetってどんなプラグイン? ワードプレスをインストールすると、最初からいくつかのプラグインが入っています。 その中の一つ、Akismet。 説明では、 何千万人もの人に利用されている Aki …