ワードプレスで記事の目次を自動的に作ってくれるプラグイン

色々なサイトを見て回っていると、目次と言う項目を設けているサイトがたくさんありますよね。

 

ちなみに目次と言うのはこんなやつです。↓

目次の作り方 4.1

 

これってかなり難しいhtmlを組まなくちゃいけないイメージがあるんですけど、

実はTable of Contents Plusというプラグインを導入するだけで楽々と作る事が出来てしまうんです。

 

それでは順番に説明して行きたいと思います。

 

 

 

☑手順1.ログイン画面から「プラグイン」を選択する。

 

やり方はとても簡単で、

まずはワードプレスのログイン画面に入って「プラグイン」を選択しましょう。

 

目次の作り方 その1

 

 

☑手順2.次に右上の検索窓に「Table of Contents Plus」と入力します。

 

目次の作り方 02

 

私のように「table of contents Plus」を「キーワード」の枠に入力して私の画面では「インストール済み」

と書かれているボタンをクリックするとインストールできます。

 

 

☑手順3.インストールし終わったら「有効化する」

 

これは言わなくでも問題ないと思いますが、

インストールしたプラグインを有効化してください。

 

 

 

☑手順4.インストールしたプラグインを設定します。

 

プラグイン→インストール済みプラグイン→table of Contents Plus

と進んで行き、「設定」をクリックします。

 

目次の作り方 03

 

 

分かりにくい方は画像を見ながらやってみてください。

画像を見ながらやったほうが分かりやすいと思います。

 

 

☑手順5.設定について

目次の作り方 04

 

 

こんな設定画面が出てきますが、

1つ1つ説明して行きたいと思います。

 

 

・表示する場所……どこに目次を設定するかを指定する

 

1、最初の見出しの前☜推奨

2、最初の見出しの後

3、トップ(記事の始め)

4、ボトム(記事の一番下)

 

このようになっていますが、

タイトル→導入部

読者は記事を読んで行くはずなので、

見出しの前に設定することであらすじをつかんでもらうのがオススメです。

 

ボトム(一番下)に設定しておいても意味はないです。

 

 

・表示条件……目次を作る条件を指定する。

 

1.見出しが2つ以上の時

2.見出しが3つ以上の時

3、みだしが4つ……以下省略

10、見出しが10以上の時

 

こんな風になってます。

要するに見出しの数によって目次を表示するかどうかを決めるわけですね。

 

目次の作り方 4.2

 

 

例として出しましたが上の画像では見出しは「9個」です。

 

目次は基本的にあった方が良いので、私の推奨は当然2つ以上です。

 

10個以上にするとおそらくほとんどの記事で表示されないため、

ぶっちゃけ意味ないですね。

 

 

・次のタイプの時に表示……どんな時に記事を表示するのか?

 

これだけは分かりにくいので、丁寧に説明したいと思います。

 

post……一般記事に目次を表示する

page……固定ページに目次を表示する

wpdmpro☜わけのわからないもの

 

一番最後のwpdmproと言う単語が分からない方多いと思うんですけど、

私が調べた所、

 

ードプレス ウンロード ネージャー プロ

WP     D     M      PRO

の略です。

 

要するにリンクからファイルを直接ダウンロードするときに使うプラグインの事ですね。

 

よくわからないと言う方はとりあえずpost(=一般ページ)のみで大丈夫だと思います。

 

 

・見出しテキスト

目で見てもらえば分かると思うので、写真を載せておきます。

 

目次の作り方 4 その2

 

赤線部分の表示を書けばいいです。

 

私の場合は

・目次の上に表示→「目次」を入力

・表示テキスト→「表示」と入力

・非表示テキスト→「非表示」と入力

 

こんな感じです。

 

最初は

 

目次の上のテキスト→contents

表示テキスト→show(表示する)

非表示テキスト→hide(隠す)

 

 

こんな風に英語で設定されているので、

日本語に戻しておくと良いでしょう。

 

 

・階層表示

目で見てもらった方が早いので載せておきます。

 

【階層構造チェック】

目次の作り方 4.1

 

【階層構造のチェックをはずす】

目次の作り方 4.2

 

階層構造では合った区別がなくなって、小見出しも同じように「6・7・・・」と続いてしまっていますね。

なので「階層構造」を推奨しておきます。

 


注意:階層構造は

<h1>

 <h2>

  <h3>・・・

のようになってます。

 

 

・番号ふり

 

「見出しに番号をつけますか?」と言う事です。

画像を見れば分かる通り、私は番号をつけていますね。

 

・スムーススクロール

 

要するに、知りたい目次をクリックして「瞬間移動」するのか、

それとも「スクロール」で移動するのかと言う違いです。

 

私はチェックを入れていないので、クリックするとスクロールして目的の場所まで

ワープするようにしています。

 

これはあなたの好みで大丈夫でしょう。

 

・デザイン設定

こちらは基本いじらなくて大丈夫ですが、

一応説明しておきます。

 

・横幅

目次の横幅の事ですね。

「自動」にしておけば文字数の関係でボックスから文字がはみ出たり途中切れしたりしないため、

自動で大丈夫です。

 

・回り込み

言葉が分かりにくいですが「右」か「左」かで大体予想できると思いますが、

目次の位置設定です。

 

「デフォルト」

 

で大丈夫です。

 

・文字サイズ

そのままの意味ですね。

読者の方が見やすいような大きさにしておくと良いでしょう。

 

・デザイン

 

目次の作り方 05

 

この中から目立つものやシンプルなものを選んで下さいと言う事ですね。

読者が見やすいものを心がけると良いです。

 

・上級者向け設定

 

こちらはいじらなくて大丈夫ですが、

小見出しはいらないと言う人だけ「見出しレベル」をいじっておくと良いかもしれません。

 

ちなみに該当箇所はこちら。↓(枠線をつけ忘れたので線で区別してます。)

 

目次の作り方 06

 

初期状態ではh1からh6までチェックされていますが、

 

「私は大きい見出しだけで十分だ」

 

と言う方はh3までにしておけば、

詳細の無い大雑把な目次が出来ますね。

 

 

☑手順6.終わったら更新ボタンをクリックします。

 

設定が終わったら「更新」と書かれた青いボタンをクリックすれば設定完了になります。

 

設定し終わるとすべての記事にこの設定が適応されるため、

いちいち目次挿入タグを入れたりする必要はありません。

 

☑最後に

 

今回は見出しの入れ方について書かせていただきました。

既にかなりの記事を書いている人もこのプラグインを設定しておくだけで自動で記事の見出しを作ってくれるので、

是非とも使ってみてください。

 

それでは。

 

 

 

 

コメント

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

筆者紹介

穹音春海
    【穹音春海】

1995年に生まれた凡人です。

貧乏な家庭に生まれ、子供の頃からお金に困った生活をしていました。

高校の時に初めて人生を逆転するために有名国立大学を目指して勉強する事に決めましたが、理想はなかなか上手く行かないもので、勉強しても偏差値が伸び悩み、程遠い学力で第一志望に挑むも、結局ボーダーすら突破できず人生終了しました。

自宅浪人中は実質ニートな上、お金に困ってるわけですから、勉強しながらも稼げる方法を探しました。

そしてたどり着いたのが、

・学歴なし
・資格なし

の自由な世界でした。

覚える事もセンター試験より少ないうえ、パソコン1台で稼げるので、今では自由気ままな生活を送っています。

その方法を教える事で生計を立てていますから、
聞きたい事があればなんなりと質問してくださいね。

名刺

名刺

穹音の企画

チーム穹音



穹音の企画



穹音の企画02


推奨商材

『情報商材の白チャート的存在』


>>詳細はこちら


物販アフィリで稼ぐための初めの一歩

風花初芽


『書いた文章が伝わっていない方へ』


ミリオンライティングのイメージ

>>詳細はこちらをクリック


『メール1通で100万円稼ぐ現実的な方法とは』


>>詳細はこちらをクリック


『ツールに言われた事だけやってれば稼げる再現性の高いノウハウ』

ass[answer sheet system]

詳細はこちらをクリック

推奨無料商材

ダウンロード数100を突破してます。

宇崎恵吾のコピーライティングレポート

宇崎恵吾のコピーライティングレポートの詳細はこちらをクリック。


期間限定で
1000円⇒0円
まだ手に入れてない方は
早めに手に入れてください。

自由な人生を手に入れる教科書の詳細はこちらをクリック

特典を受け取れなかった方へ

特典が送付されてない、特典を受け取る事が出来なかったという方は、

「注文日」
「注文ID」

をご記入の上、コメント、またはメールを送ってください。
確認が取れ次第特典をメールに送付させていただきます。

推奨テンプレート

穹音春海愛用のテンプレート


FMテンプレート

>>詳細はこちらをクリック


「最高のSEOを誇る本格派テンプレート」


>>詳細はこちらをクリック

穹音春海のメール相談

ブログランキング(日本ブログ村)

日本ブログ村 ランキング


オススメポイントサイト

モッピー!お金がたまるポイントサイト

友達紹介のシステムと
2ティアシステムで
不労所得も可能に!?

詳しく知りたい方はこちらをクリック

アーカイブ

カテゴリー

▲トップへ戻る