閉じる
  1. iPhoneやiPadで誤ってアプリケーションを購入した場合の返金方法…
閉じる
閉じる
  1. Illustratorで文字を一部拡大縮小出来る「文字タッチツール」が…
  2. MAC VMware のショートカット:コピー&ペースト編
  3. MACのVMwareでエラー。vmmonが読み込まれていることを確認し…
  4. macがしゃべり出す「VoiceOver」を切る!うるせぇよ
  5. MAMP Proでアップデートが失敗する場合の対処法
  6. mac で Microsoft Office 365 や for ma…
  7. PhotoshopCCで画像を自由に変形させる(看板やPC画面に埋め込…
  8. vimでペースト・貼り付けたら余計なインデントが混ざる(解決)
  9. ヤフーショップが個人出店者をヤフオクへ強制移店させるそうだ(期限は来年…
  10. トラックパッドのピンチイン、アウトで拡大縮小出来ない場合の対処法
閉じる

ALPHACAST|アルファキャスト

入れるだけで記事がかっこ良くなる WordPress「目次」自動表示プラグイン

wordpressタイトル

WordPressの投稿ページなどで見かける「目次」とは

ずばり、これです。
WordPressの目次はこう表示されます

ページ内での表示の様子。矢印の箇所です。

この目次表示、色々なブログサイト、技術説明サイトやその他紹介サイトで
ページの上段に多く見かけるようになりました。

「目次」で予めページ内のタイトルを一覧表示することで、事前にページ概要を理解して頂けますし、
もしかしたらSEOの「内部リンク」が増えるお陰で少し順位を稼げる、、、かもしれません。

目次を自動作成してくれる便利プラグイン

プラグイン名:「Table Of Contents Plus」

ページ内のHタグ(H1,H2等)をピックアップし、目次として自動作成、リンクしてくれる
非常に便利なプラグインです。

Table Of Contents Plus の設定

設定手順1

「Table Of Contents Plus」設定画面より自動挿入させたい画面を選びます。
だいだいは以下の設定で事足りるのでは。

手順設定2

目次の表方法を選択します。ご使用のサイトイメージに似合わせて選択すると良いですよ。
合わなければカスタマイズも出来ます。

表示テーマを選択

設定手順3

目次を表示するHタグを選択しましょう。選択したHタグで項目が作成されます。
また、除外したい特定の項目は「除外する見出し」欄に指定しましょう。
WordPress目次作成プラグイン

以上で設定は全て完了。コレから作る記事、固定ページは指定した場所に
・<h1>〜<h6>をピックアップし目次(メニュー)の表示、リンク作成
・ヘッダ箇所へ自動ジャンプ

と、至れり尽くせりの目次が出来上がります。
もし表示される場所や幅、色合いなど変更したい場合は
CSSも含めて独自にカスタマイズしてみて下さい。

他の類似プラグインと比較

比較対象:Easy Table Contents
Table Of Contents Plusとの比較

わたしは今回紹介した「Table Of Contents Plus」のシンプル表示が気に入っています。

使用上、気になる点

今回紹介した「Table Of Contents Plus」、開発が暫く止まっているようで2年来更新されていません。(2018年2月2日現在)
逆に比較対象とした「Easy Table  Contents」はバリバリと更新が進められています。
今後の動向は不明ですが、私は暫く様子を見ようと思っております。

ご覧頂きありがとうございました。

 

 

愛のおひねり




育毛剤

関連記事

  1. wordpressタイトル

    WordPressで実行されたSQLを画面に表示し確認する方法

  2. WordPressが遅い!ページ表示を高速化するプラグインWP-…

  3. wordpressタイトル

    WordPressのウィジェットを一括複製/一括コピーする

  4. wordpressタイトル

    WordPress初心者脱却!ヘッダーを複数作成して使い分けよう…

  5. wordpressタイトル

    WordPress初心者脱却!固定ページの種類を増やそう

  6. wordpressタイトル

    定番!WordPress入力支援プラグイン TinyMCE Ad…

おすすめ記事

  1. iPhoneやiPadで誤ってアプリケーションを購入した場合の返金方法

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

人気の記事

  1. IllustratorCC 2019で文字タッチツールが見当たらないから調査・解決した
    Illustratorで文字を一部拡大縮小出来る「文字タッチツール」がないIllustrator…
  2. MAC VMwareのショートカット:コピー&ペーストはVMwareでバーチャルOS「Windo…
  3. MACのVMwareでエラー。vmmonが読み込まれていることを確認してください
    MACのVMwareでエラー発生:「vmmonが読み込まれていることを確認してください」、、だと?…
  4. VoiceOverを切る手順
    macがしゃべり出す「VoiceOver」を切る!スタバで作業する私にとって、突然macが大声で…
  5. MAPM Proでアップデートが失敗する場合の対処法アプリ起動時に、5.1から5.3へのアップデ…
  6. macのofficeでエラー発生
    mac で Microsoft Office 365 や for mac インストール時にエラーコー…

漠速!WordPress特化型サーバ登場

愛のおひねり

子供の頃、ファミコンより「MSX」に飛びついたマイノリティー。

当時、雑誌に掲載されていたソース(BASIC言語)を打ち込み無料でゲームを楽しみ悦に浸る。

某大手電機メーカーの情報システム部門勤務を経て独立。

現在はIT広告媒体全般を請け負う便利屋。

趣味:
ビリヤード、フルート、カラオケ、Amazonプライムビデオ観賞