閉じる
  1. iPhoneやiPadで誤ってアプリケーションを購入した場合の返金方法…
閉じる
閉じる
  1. 比較検証!AppleWatch Series 5のバッテリー持ちをモー…
  2. GSOMIAとはなんぞ?1分で要点だけを解説
  3. クーロン設定方法と記載方法かんたん紹介
  4. ‘bootstrap4’ is not a r…
  5. macでポート開放する簡単な方法
  6. Nginx + SSL(無料!)Let’s Encrypt…
  7. macのターミナルの入力が変(改行&文字入力が機能しない)
  8. ubuntu インストールしたパッケージをアンインストールする2つの方…
  9. XSEVERのネームサーバ設定
  10. AWS EC2サーバにSSH接続する方法とエラー回避の方法
閉じる

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サイトまるごとバックアップ、引っ越しは「All…

  2. wordpressタイトル

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

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

  4. wordpressタイトル

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

  5. wordpressタイトル

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

  6. wordpressタイトル

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

おすすめ記事

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

コメント

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

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

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

想定年利5%の全自動型運用

年利5%の不動産運用

人気の記事

  1. AppleWatch5バッテリー
    AppleWatch Series 5のバッテリー持ちをモード別に比較した結果!AppleWat…
  2. GSOMIA(じーそみあ)とはこの「GSOMIA」という言葉だが、「General Securi…
  3. ubuntu
    クーロン設定方法と記載方法かんたん紹介クーロンを利用して仕事を自動化しましょう。エディタ起動…
  4. djangologo
    'bootstrap4' is not a registered tag librarydjan…
  5. macでポート開放する簡単な方法Pythonでシステム開発しているとき、ポートが既に使用されてい…
  6. ssl
    Nginx + SSL無料!Let's Encryptを設定しよう(Django+Ubuntu編)…

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

愛のおひねり

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

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

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

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

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