WordPress(ワードプレス)

Table of Contents Plusで記事に目次を自動生成させよう!

目安時間 7分

ワードプレスプラグインTable of Contents Plus」を使って
ブログの記事内に目次を自動生成をさせましょう。

小タイトルが一まとめに見ることが出来るので、
その内容を簡単に確認する事ができるので便利ですね。

何より自動!自分でいちいち作らなくていい!神か!!



昔・・・たまたま見かけたんですが。

ブログの記事で目次が表示されてて、内容の小見出しが
綺麗に一覧になってるのでいいなーと思ってたんです。

でもこれいちいちリンク作るとか、うん無理(笑)←早い


と、思ってたら・・・これ、プラグインで自動的に
ド━(゚Д゚)━ン!!と表示されるらしいですよ!!

奥さん(誰だよ


使わない手は・・・!!
という事で、さくっと採用した私はさっそく設定方法を
解説していこうと思います。


Table of Contents Plusってこんなプラグイン


Table of Contents Plusというのはですね・・・
ブログの記事の中に自動的に目次を作成します。

この記事でも使ってるので表示されてますね。

賢威7で言うと記事タイトルがH1なので、
見出しはH2からスタートです。

この見出しのタグを感知して見出しの一覧を作ってくれます。

またどの階層まで目次にするかも選べます
ちなみにこれは1階層の目次。

第一階層だけ表示したパターン



これは第一階層のみ表示するパターン
H2の下にはH3の小見出しがあるのですが、表示されてません。

これを設定画面で第に階層まで表示するようにすると・・・


第二階層まで表示するパターンはこちら



はい、これは第二階層まで表示させるタイプです。

このTable of Contents Plusというプラグインは見出しタグを
目次に変換するプラグインなので。

記事内に見出しがないと出てきませんよ、念のため(笑)


何はともあれTable of Contents Plusの入れ方!




まずはいつも通り。
プラグイン⇒新規追加をポチッと




右上の検索窓にプラグイン名を入れてエンター!
Table of Contents Plusですよー




はい、出てきた!
右上の「今すぐインストール」をポチッと




次は「有効化」をぽちっと
これでTable of Contents Plusのインストールが完了です。

次は設定をしていきましょう(b´∀`)ネッ!


Table of Contents Plusを設定しよう!


次はTable of Contents Plusの設定をしていきましょう。
実際に設定するための管理画面はどこにリンクがあるかというと。

設定⇒TOC+というところ
これ、プラグイン名の頭文字とラストのプラスをあわせたものですよね。

気づきませんでしたわww




ここではTable of Contents Plusの設定が出来ます。
最初はもくじを表示する場所。

デフォルトでは最初に見出しがある手前とか指定することが多いかな。


その次は見出しがいくつあったら目次を表示するか、です。
1つしかないのに目次入れても・・・みたいな(笑)

ちなみに私は2つ以上の見出しがあるときにしていまーす。


あと大事なのが、その下の


「以下のコンテンツタイプを自動挿入」のところ。


[char no="1" char="咲月ミオ"]「post」にチェック入れてくださいね!

postというのが通常記事のことです。
pageというのは固定ページの事なので。


初期設定だと固定ページだけ目次出しますよって事になります。
ここにチェック入れないと記事にいくら見出しをいれても

目次出ませんよ(;´Д`)[/char]

その下は目次にタイトルがつけられます
英字になってるので私は日本語に治しています

あとその下は目次の表示を出したり消したりできるように
するかどうかの選択ですね。

ここは選択できるようにしています


階層表示はさきほども画像で出したように
例のh2のしたにh3を出すかどうかです。


番号振りは目次の先頭の数字ですね。



その下の項目は特にいじってないです。
目次のデザインもデフォルトのグレーです(笑)

設定をいじってるのはその下の「上級者向け」というところ
「表示」をポチッとクリックすると開きます



開きましたw

この中の

「見出しレベル」というところ。
これはどの見出しを目次にするかという選択肢です。


H4以下はいらないよというのならその横のチェックをはずします
ちなみに賢威7はH2からなのでH1ははずしました




全部設定したら一番下にある「設定を更新」をポチッと
これで完了です

お疲れ様でした(・∀・)



[char no="1" char="咲月ミオ"]ちなみに私に実際起きたトラブル?
このブログでなく日記ブログでこのプラグインを導入したら
なぜか目次が表示されなくて困ってしまった件

とりあえず解決したのでその方法~♪[/char]

この記事に関連する記事一覧

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

ブログと管理人について♪


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

管理人の咲月ミオです
元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■

自己紹介動画
 ★自己紹介動画

自己紹介にと作った初めての動画です。
音声出ます。
初めてこういう形で自分の声聞きました(笑)


同僚の語る飛行機雲の真実?
 ★飛行機雲の真実?

会社で実際にあった
同僚との会話です…実話なんですよ?

登場人物紹介♪
★★★舞台設定★★★
田舎の会社
その辺によくありそうな中小企業の
地方の小さな事務所の仲間たち


会社の低迷により給与等がダウン。
社員は生活の為に副業を始めるが…?


新米アフィリエイターの明日を見守る

★★★登場人物紹介(主な人達)★★★



咲月ミオです。

お絵かき兼社員兼アフィリエイターの
三足わらじ生活も早10年以上!

最近の不景気とカス営業の負の連鎖で
会社の業績ただ下がりの給与・賞与も
ダウンやカットが折り重なる。

そんな危機感に会社の同僚たちが
アフィリエイトに参戦し、
気が付けばそのアドバイスをするハメに

マイペースにのんべんたらりと生きたい
それが身上だったのだが結局
なんだかんだと面倒を見ている様子。

しかし!!
うん十年以上も会社員根性で生きてきた
彼らの尻をぶっ叩いて行動を促すのは

想像以上に大変だった!
そんな咲月ミオと彼らとの攻防戦劇場。




同僚A子

冗談抜きで機械に弱く、職場で初めて
パソコンに触れる。


最低限の伝票入力は慣れたけど、
新しい事はなかなか習得できない。

やる気がないわけではないのでやるのだが、
覚えるのにかなり時間がかかる。

おじーちゃんやおばーちゃんに
インターネットとは?と教えるのに
苦労するのと同等の理解度(笑)

だがやる気がないわけではない



自称「できる男」ツモリくん

中堅どころのベテラン営業君。
口だけは達者でオレオレ詐欺を働く。

間違いを指摘されると

「言ってたんだけどな~もう~」


と、ちょっと言い方がおかまくさい。
結果が出ていない時点で出来てないのと
同意義なのだがそれは全部他のせい。

自分は出来る男だと信じて疑ったことが
過去一度もない。

会社の赤字はすべて時代のせいと
いいきる男。
余談だがそばによると非常に臭い



職場一のやられキャラ。

突っ込まれないとほぼ目立たない、
下手すると認識されないレベルの地味さ。


平穏を愛するゆえにそっとしておいて
もらいたいようだがそうするとたぶん

いたの?


と、素で問われる危険が非常に高い。
スイーツが好きで何気に女子力が高い。

手作りスイーツを時々作って食べている。
ふるまう人はいないらしい。


ちなみにスルーするというスキルは
持ち合わせていないらしい
(ご丁寧に返してくる)


その他の登場人物はこちらから

★★★ブログの登場人物について★★★

登場人物を増やしすぎて
あれこれ設定するだけで非常に時間食う。


ちょっと調子に乗り過ぎた感じ(笑)
まあ暇つぶしにはなりますww
咲月ミオにメールを送る♪
★★★咲月ミオにメールを送る★★★


質問・ご相談などお気軽に。

画像をポチッとクリックすると
別窓が開きますよ♪
  最近の投稿