閲覧履歴 マイ注目リスト
おかげ様でご利用4万社突破!ノベルティグッズ名入れ制作は実績No1の卸売りセンターへ。周年記念、卒業記念品もご相談ください。

販促レポート

WordPress小技:プラグインを使って記事に目次を設置する方法

投稿日:2018/09/28 カテゴリ: ワードプレス

ブログ記事に目次をつけたいけど、いちいち書き込むのは本当に面倒ですよね。WordPressには「Table of Contents Plus」というプラグインでがあり、全ての投稿に目次を簡単設置することができます。本日は、この便利なプラグインの使い方を解説。

 

目次をつけるメリットは?
WordPress小技:プラグインを使って記事に目次を設置する方法

目次をつけるメリットは、ずばり「読者の離脱率が下がる」こと。
ユーザー全員が、ブログ記事やサービス紹介ページを最初から最後までくまなく読むことはありません。あるユーザーは「A」という見出しの部分を、あるユーザーは「B」という見出しの部分を・・・というように、人によって求めているニーズは異なります。

スマホだと画面が小さいため、1500文字を超えてくるとなれば面倒になり、要点だけを斜め読みしたくなります。特に、目次のない長文記事であれば、なおさらです。

しかし、目次があれば、記事を読む前にあらかじめ内容を把握することができるので、自分の読みたい情報だけを手早く取得できるというメリットがあります。

一方で読者にとって便利な目次ですが、執筆者側の立場になれば、それぞれの投稿に手動で目次設置するのはとても骨が折れる作業。そこで活用できるのが「Table of Contents Plus」という無料の公式プラグインとなります。

「Table of Contents Plus」は、全ての記事に目次を設置できるだけでなく、目次に見出しへのリンクを自動で設置してくれる優れものです。次段以降では、このプラグインの設定方法や使い方について解説いたします。


プラグインを使って記事に目次を設置する方法
WordPress小技:プラグインを使って記事に目次を設置する方法
プラグイン「Table of Contents Plus」をダウンロードして有効化したら、管理画面の[設定]メニューから、[TOC+]をクリックします。
Table of Contents Plus

WordPress小技:プラグインを使って記事に目次を設置する方法
[基本設定]タブに入り、以下のように設定します。
  • 位置・・・最初の見出しの前(デフォルト)
  • 表示条件・・・2つ以上に設定
  • 以下のコンテンツタイプを自動挿入・・・post、page
  • 見出しテキスト(目次の上にタイトルを表示)・・・任意の文字
  • 階層表示・・・どちらでも可
コンテンツタイプのpostは投稿記事、pageは固定ページになります。見出しテキストは、目次の上に表示されるタイトルのことで、「目次」や「要約」といった文字を入力するとわかりやすいです。

WordPress小技:プラグインを使って記事に目次を設置する方法
続いて、下にスクロールし、以下のように設定します。
  • 番号振り・・・どちらでも可
  • スムーズ・スクロール効果を有効化・・・どちらでも可
  • 横幅・・・自動(デフォルト)
  • 回り込み・・・なし(デフォルト)
  • 文字サイズ・・・任意のサイズ
  • プレゼンテーション・・・任意のデザイン
「横幅」と「回り込み」については、スマホで見た時にレイアウトが崩れる可能性があるので、上記の通りに設定することを推奨します。

WordPress小技:プラグインを使って記事に目次を設置する方法
ちなみに、一番下にある[上級者向け]の[見出しレベル]では階層表示に関してさらに細かく設定できます。「heading」とは見出しタグのことを指し、一般的にはh1(大見出し)→h2(中見出し)→h3(小見出し)と設定します。全ての見出しタグにチェックをいれると目次が長くなってしまうので、h3くらいまでにしておくのがベストです。全ての設定が完了したら、[設定を更新]をクリックします。

WordPress小技:プラグインを使って記事に目次を設置する方法
すると、このように記事の先頭に目次を設置することができました。


いかがでしたか?
ちょっと設定が手間ですが、一度設定してしまえば、設定後に新しく作成した記事や固定ページにも自動で反映されます。ぜひご活用ください。なお、サイト制作について最初からおさらいしたい場合は、バックナンバーをどうぞ。


担当ライター:ryusuke
WordPressサイト制作/Web集客の専門家。大手広告代理店にて、百貨店や出版社のリスティング広告運用を担当。その後独立、広告代理店で培ったSEOやデータ分析の知見を活かし、個人メディアを運営する傍らフリーのコンテンツライターとして活動中。執筆テーマは、集客やマーケティングなどビジネス関連、グルメや音楽関連。
公式ブログ
公式フェイスブック

 

 

販促レポートは、特集記事や販売促進コラム、オフィスでの問題解決など、皆さんのビジネスに少しでも役立つ情報をお届け。編集長の弊社代表と様々な分野で活躍する若手ライター陣によって、2008年より地道に運営されております。

 

 

 

このレポートと併せてオススメしたいノベルティグッズ

ノベルティ:<アマゾンギフト券5,000円分プレゼント 1/31迄> ステンレスサーモボトル(250ml)

<アマゾンギフト券5,000円分プレゼント 1/31迄> ステンレスサーモボトル(250ml) 白

1,100円 ⇒ 550円 ⇒ 539円

名入れ対応品 推奨品 値引き品 スピード印刷 名入れ制作事例 ノベルティ:<アマゾンギフト券5,000円分プレゼント 1/31迄> ステンレスサーモボトル(250ml)の関連レビュー 

注目リストでお見積り

ノベルティ:<アマゾンギフト券5,000円分プレゼント 1/31迄> ステンレスボトル/420ml

<アマゾンギフト券5,000円分プレゼント 1/31迄> ステンレスボトル/420ml 黒

1,500円 ⇒ 750円 ⇒ 735円

名入れ対応品 推奨品 値引き品 スピード印刷 

注目リストでお見積り

ノベルティ:<アマゾンギフト券5,000円分プレゼント 1/31迄> ステンレスダブルウォールボトル 500ml

<アマゾンギフト券5,000円分プレゼント 1/31迄> ステンレスダブルウォールボトル 500ml 黒

2,200円 ⇒ 1,100円

名入れ対応品 推奨品 

注目リストでお見積り

ノベルティ:[粗品/お土産] 和柄ふせんセット 椿/つばき

[粗品/お土産] 和柄ふせんセット 椿/つばき

320円 ⇒ 140円 ⇒ 138円

値引き品 推奨品 フルカラー名入れ対応品 

注目リストでお見積り

 

 

 

<こちらの関連記事もいかがでしょうか?>

WordPress小技:プラグインを使ってリンク切れをチェックする方法

WordPress小技:プラグインを使って記事に目次を設置する方法

WordPress小技:プラグインを使ってスパムコメントを防御する方法

WordPress小技:プラグインを使って、人気記事ランキングを設置する方法

WordPress小技:Facebookページプラグインを設置する方法

WordPress小技:ログイン画面に二段階認証を設定する方法

<WordPress> ワードプレスで企業サイト制作|AMP対応編

カテゴリ: <ワードプレス> の一覧

 

 

 

<もしよければ、このページの共有をお願いいたします>

 

[お探しの検索ワードはコチラですか?]

ポリキャンバストートラベルライター弁当箱クラッチバッグデンタルケアハンディライトお子様文具スポーツステープラー大人の事情キャラクターグッズ卓上カレンダー


[特集] 特急7営業日!名入れスピード印刷、お急ぎのお客様は諦めずにご相談ください

[特集] 写真も綺麗に印刷!フルカラー対応ノベルティ インクジェット、昇華転写など

[特集] 格安ウェットティッシュ 1,000個よりオリジナルラベル対応

[特集] 名入れができる「卒業記念品」と「卒園記念品」<2017年春> 卒業記念品の納入実績 新着

スペシャルカテゴリー

クオカード3,000円貰える!冬のエコバッグ名入れキャンペーン

☆★クオカード3千円☆★

必ず貰える!エコバッグキャンペーン年末迄 新着

3色ペン同数オマケ付キャンペーン

3色ペン同数オマケ付

注文同数の「3色ペン」をプレゼント年末迄 新着

<ギフト用ラッピングバッグ> 全員プレゼントキャンペーン

ラッピングバッグ貰える

対象商品の注文でプレゼント!新春1/31迄 新着

アマゾンギフト券5,000円分プレゼント!人気ボトルキャンペーン

アマゾンギフト券5千円

人気ボトルで必ず貰える!新春1/31迄 新着

名入れ 卒業記念品

2019年春 卒業記念品

後払い・送料0円・名入れデータ作成0円 新着

[Xmas] 各種クリスマス景品

各種クリスマス景品

お菓子ブーツ、イベント用品、ミニツリー 新着

2018年秋の新作商品

2018年冬の新作商品

名入れ対応!エコバッグ・ボトルなど

熨斗(のし)ノベルティ特集

熨斗(のし)ノベルティ

時節柄を問わない新アイテム 粗品・ご挨拶

名入れスピード印刷

スピード印刷対応品

ご相談下さい!名入れ印刷、特急7営業日

フルカラー対応ノベルティ

フルカラー印刷対応品

写真も綺麗に印刷!フルカラー対応ノベルティ

価格別

GRobOZ^[

LOiꕶ[

mxeBObYȆiELOi̖J^O

mxeBObYȆiELOi̖J^O

FOLLOW @pqnavi
LIKE @pqnavicom

ページTOP

管理用