目次機能の設定について

投稿・固定ページ
この記事は約2分で読めます。

Cocoonでは、Table of Contents Plusのようなプラグインを使用せずとも、テーマの独自機能で以下のような目次を表示させることが可能です。

テーマ独自機能の目次

参考 自作の吹き出しを作成して利用する方法

簡単な機能ではありますが、必要な機能は揃っているかと思います。

わいひら
わいひら

この下に目次が表示されます。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

目次を表示する方法

目次を表示するには、WordPress管理画面から「Cocoon設定→目次」タブを選択してください。

目次機能の設定画面はこんな感じ。

Cocoonの見出し機能は、H見出しを元に作成されます。本文中内でH2~H6の見出しが使われていないと、目次は表示されません。

設定項目の説明

それぞれ以下のような設定を行うことができます。

  • 目次の表示:目次の表示/非表示の切り替え
  • 表示ページ:目次を表示するページを指定
  • 目次のタイトル:目次の見出し
  • 目次切り替え:目次の開閉機能の設定
  • 目次表示の深さ:目次を表示するhタグのレベル設定
  • 目次ナンバーの表示:目次にナンバリングをするかどうか
  • 目次の中央表示:目次をセンター表示するかどうか
  • 目次の表示順:目次と広告の配置入れ替え
  • 見出し内タグ:目次に使われるh2-h6タグの中のHTMLタグを取り除くかどうか(「目次を表示する」が有効になっていないとタグは取り除かれません)
見出し内タグの除去機能があるのは、目次機能が有効になっている状態で、公開ページの記事を見出しごとコピーして、新規記事としてクラシックエディターに貼り付け、内容を改変・公開される方が結構おられるからです(似たような記事を何個も書くときにやられる方が結構おられます)。そのような新記事追加手法を行なうと目次動作用のタグも見出し内に貼り付け混入してしまい目次が正常動作しなくなります。そういった動作不備を起こさないための機能です。
※ブロックエディターでは、同様のことをしても目次動作用のタグが貼り付け混入してしまうことはありません。

まとめ

こんな感じで、簡単な目次機能であればCocoonのみで設定することが可能です。

機能について詳しくは、設定項目の下に詳しく書いてあるのでご参照ください。

目次を設定することで、訪問者に「どんな内容なのか」がわかりやすくなると思うので、内容を最初に伝えたい場合は利用すると良いかもしれません。

加えて、目次のリンクに対してGoogle等の検索エンジンからリンクが貼られることもあります。

投稿を表示

コメント テーマの質問はフォーラムへ

  1. Yoshimi より:

    はじめまして。
    ワードプレス初心者でこちらのテーマを使用しております。
    さて、目次機能を使うと、最後に「こちらの記事もよく読まれています。」
    と目次に表示されてしまいます。
    関連の項目は非表示にできましたが、上記の文言だけ非表示にできません。
    どの設定を変更したら非表示にできますか?
    初歩的な質問で恐縮ですが、宜しくお願い致します。

    • わいひら わいひら より:

      おそらくJetpackか何か関連記事関連のプラグインが適応されているのではないかと思います。
      こんなのとか。
      http://kouritsu.biz/how-to-set-related-posts-by-yarpp/

      そのプラグインを無効にすればいけるんではないかと思います。
      ただ、実物を見たわけではないので詳しいことはわかりません。
      プラグインが原因でなければ、今度はフォーラムの方にURLとともに書き込んでいただければと思います。
      案内にもあるように、基本的にテーマへの質問はフォーラムの方に書いていただけると、助かります。
      コメントだと、トラブルがあって検索したユーザーさんが見つけにくいもので。
      ご協力よろしくお願いいたします。

  2. ゆい より:

    初心者で申し訳ありません。見出しについて質問です。
    見出し(H2)作成してプレビューを見ても目次になっている場合と、目次が出来ていない場合があります。
    何か見出しを作る時に注意点などあるのでしょうか?(こうすると見出しを作っても目次が作成されないなど)

    • わいひら わいひら より:

      お手数ですが、コメントの案内にもあるようにトピックの方に「目次の出るページのURL」と「目次の出ないページのURL」を書き込んでいただいてよろしいでしょうか。

      その際には、以下の情報も添えていただけると助かります。
      https://wp-cocoon.com/theme-report/

      コメントだと、機能が貧弱なので、画像で説明をしたりができません。よろしくお願いいたします。

  3. カズ より:

    こんにちは。
    投稿ページにショートコードで固定ページを
    挿入しましたが、目次で固定ページだけ非表示にしたいのですが
    phpファイルのどの部分を変更したらいいでしょうか?

  4. Mary Oakley より:

    初心者で失礼いたします。回答していただけると大変助かります。

    記事内にH2が2つ以上あると目次が出る様に設定しているのですが、目次がつくと記事タイトルの左上になぜか文字で「目次」と出てきてしまいます。クリックできるわけでもないただの文字です。

    他の方のブログを見ても、こんな風になっていないのですが、なぜなんでしょうか?コクーン設定一つずつ詳しく見ましたが、わかりませんでした。

    スクショを貼ろうとしたのですが、貼れませんでした。

    よろしくお願いします。

    • わいひら わいひら より:

      大変申し訳ないですがコメントの案内にありますようにテーマへの質問は、お手数ですがフォーラムの方に書き込んでいただけると助かります。

      こちらから、「トピックを追加」ボタンを押してコピペで同様のことを書き込んでいただければ幸いです。

      ※フォーラムの書き込みは登録不要です。

      コメント機能だと機能が貧弱で、画像アップロード機能などがなく、対応(案内)が大変なのでご協力よろしくお願いいたします。
      スクリーンショットは、フォーラムでアップすることができるので、該当ページのURLとスクリーンショットもお願いいたします。

タイトルとURLをコピーしました