digital lemonのデジタル通信

ちょっとお得なマネー情報や、投資、ギャンブル。使えるツール・ガジェット・PC機器・PCDJなどをご紹介

ブログカスタマイズ

WordPressで目次を作るプラグイン「Table of Contents Plus」 の使い方

投稿日:

このブログにも設置してあります、記事内容の目次。
目次があることで自分も記事の内容の段落を意識して書くことになり、読み手にとっても知りたい情報へ素早くアクセスすることができます。
今回はWordPress(テーマはSTINGER3)のプラグイン「Table of Contents Plus」を使うことで、指定した場所に自動的に目次を挿入することができる方法をご紹介します。

「Table of Contents Plus」を使う前に、見出しタグの使い方を知る

「Table of Contents Plus」は見出しタグ(hタグ)を使って目次を作りますので、見出しについてはこちらの記事を参照してください。

・初心者向け!見出し(hタグ)を使って見やすいブログデザインにしよう
https://digital-lemon.net/?p=10
・WordPressテーマ「STINGER3」の見出しをカスタマイズ
https://digital-lemon.net/?p=86

「Table of Contents Plus」をインストールする

プラグインのインストールの仕方はいつもの通り。
管理画面→プラグイン→新規追加→Table of Contents Plusで検索→インストール→有効化

「Table of Contents Plus」を日本語化する

以下のページで、「Table of Contents Plus」の日本語化ファイルのダウンロードと、適用させる方法が掲載されています。

Table of Contents Plus プラグインが便利過ぎるので日本語化をですね【WordPress】…
https://hayashikejinan.com/wordpress/plug-in/541/

注)「Table of Contents Plus」の日本語化ファイルはワードプレス管理画面からではなく、FTPソフトを使って以下のディレクトリに放り込みます。
wp-content→plugins→table-of-contents-plus→languages/

「Table of Contents Plus」の設定

WordPressの管理画面→設定→TOC+というところを開くと、日本語化された「Table of Contents Plus」の設定画面にいくことができます。
日本語なので見ただけでわかりやすくなっています。
無題
さらにその画面下部にいくと「詳細設定」という箇所がありそこを開くと
無題
「適用する見出しレベル」という項目があります。
ここで設定したhタグが、記事を書いたときに目次としてピックアップされますので、任意のhタグにチェックを入れましょう。

終わり

以上の設定を済ませた状態で記事を書くと、このページのように目次が自動的に挿入されます。

-ブログカスタマイズ
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

「SI CAPTCHA Anti Spam」でブログコメント欄に画像認証を追加

@dgtllemonです。 ワードプレスのダッシュボードを見ているとすごい数のスパムコメントが表示されます。 標準で入っている「Akismet」は有効化してますが、それでもこのような感じ。 気にしない …

2014最新版!WordPressに人気記事を表示させる「WordPress Popular Posts」の簡単な設定方法

ページの目次1 「WordPress Popular Posts」とは?2 「WordPress Popular Posts」の設定方法3 WordPressテーマ「STINGER」を使用している場合 …

WordPlessのプラグイン(SyntaxHighlighter Evolved)を使ってソースコードを記事内に表示する方法

「記事の中にソースコードを表示させたい。」 ということはよくありますよね。 しかし当然ながら、そのままソースを書いてもコードは表示されません。 そんなときに便利なのが、WordPressのプラグイン「 …

WordPressのコメント欄をFacebookに変更

@dgtllemonです。 前回のブログ「SI CAPTCHA Anti Spam」でブログコメント欄に画像認証を追加を投稿した直後、もっと簡単な方法でスパムコメントを排除し、かつFacebookとの …

WordPressテーマ「STINGER3」の見出しをカスタマイズ

ブログのテーマで使わせていただいているWordpressのテーマ「STINGER3」ですが、 正直言って僕みたいな人間が見出しをカスタムなど言い出す必要は皆無な程、デフォルトの見出しが美しいテーマです …

デジタルレモン

まだギリギリ20代。

人生をちょっと楽しく刺激的にする情報などを配信中。