WordPressプラグイン、タグの補助『Table of Contents Plus』の設置方法!

こんにちは、赤井アン(@akaian8686)です。

 

ブログ記事のもくじって、結構クリックしてくれるんですよね。

こんな感じのです↓

こちらのアニメ記事の目次です。

 

今回は、WordPressに入れたいプラグインの1つ、

自動でもくじを作成してくれる、

「Table of Contents Plus」

の設置方法について、説明していきます~!

 

あとついでに、ちょっとトラブった時の対処法も。

キレイに設置できても、余計なもくじ項目も入ったんですよね…。

こんな感じで↓

 

アン
まとめて説明しますよ~!

スポンサーリンク

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

まずは、プラグインをインストールします。

 

  1. ダッシュボード
  2. 左側のプラグイン
  3. すぐ右に出る新規追加をクリック

 

右側の検索窓で、

「Table of Contents Plus」を入力して検索。

 

イカリマークのような絵柄が、そのプラグインです。

画像は有効済になっていますが、右上のボタン、

  1. 「今すぐインストール」をクリック
  2. 「有効化」をクリック

 

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

 

もくじの設置

再びダッシュボードの「プラグイン」をクリックして、

「Table of Contents Plus」を探し出し、設定をクリック。

 

もしくは、

  1. ダッシュボード
  2. 設定
  3. TOC+

 

 

すると、↓のようなページが開きます。

 

色々いじれますが、とりあえずデフォルトでも使えます。

私がいじったところを、ご紹介しますね。

 

表示条件

2以上にしました。

この条件だと、h2やh3が2つ以上あると、もくじが表示されます。

逆に1つだけだと、もくじは表示されなくなります。要注意。

 

見出しテキスト

「もくじの上にタイトルを表示」にチェックを入れると、

もくじの一番上に、文字を任意で入力できます。

ちなみに私は、「◆◇◆もくじ◆◇◆」とちょっとおしゃれ?に入れてます(笑)

 

プレゼンテーション

もくじのデザインの変更です。

私は「水色」にしています。デフォルトではグレーになってます。

一番右のカスタムで自分好みにカスタマイズ可能。

 

設定が終わると、一番下の「設定を更新」をクリックしてください。

 

これで、もくじが自動的に設定されています。

一度、記事で確認してみてください♪

 

スポンサーリンク

トラブル:余計なもくじを消す

最初にも書きましたが、もくじに表示したくないものまで表示されている…。

 

 

アン
一番下に入っている、共有、いいね、関連がいらないんですけど!?

 

どうやら、他のプラグインと干渉して、表示されているみたいなんです。

シェアボタンも、h3とかで設定されているんだなぁ~。

 

↓この部分ですね

 

こちらの方は、

「上級者向け」を触ることで、消すことが可能です!

上級者と言っても、簡単にできるのでご安心あれ!

 

上級者向けを触って余分な字を消そう!

まずは、設定ページを開きます。

  1. ダッシュボード
  2. 設定
  3. TOC+

 

で、一番下の方にある、

上級者向け(表示)の「(表示)」をクリック。

 

すると、新たなページが開きます。

少しスクロールすると出てくる、「除外する見出し」を触ります。

 

もくじに表示されせたくない文字を、「|」で区切ります。

今回の私の例では、毎回表示されてしまう、

  • 共有:
  • いいね:
  • 関連:

を消したい。

 

|で区切って、空欄に入れます↓

 

こうすることで、綺麗サッパリ消えてくれます。

一度お試しあれ!

 

 

▼他のプラグイン設置方法

HTMLタグの補助『AddQuicktag』

サイトマップ自動作成『PS Auto Sitemap』

 

スポンサーリンク

コメントを残す

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

CAPTCHA