Cocoonの使い方やカスタマイズとオリジナルスキン

Cocoonで目次の非表示をページ単位に設定する方法

Cocoon・使い方
この記事は約1分で読めます。

Cocoonには目次を表示する機能が標準であるので、プラグインなどを使う必要はありません。

個別に目次を表示したくないページがある場合の設定も簡単に行えます。

目次設定

Cocoon設定目次タブから、表示の設定を行います。

Cocoon設定・目次

設定項目
  • 目次の表示・非表示、表示するページ設定
  • 目次のタイトル
  • 目次表示切り替え機能の有効・無効
  • 目次表示切り替えボタンのタイトル
  • 表示条件(見出しの数で設定)
  • 見出しの深さ
  • 目次ナンバーの表示・非表示
  • 目次の中央表示or左側表示
  • 目次を広告の手前に表示するか否か
  • 見出し内のタグの有効・無効

 

目次の表示で「目次を表示する」にチェックをいれます。

Cocoon目次設定

 

表示・非表示の設定

全体で

Cocoon設定目次タブ

 

表示したいページにチェックを入れます。

Cocoon目次設定

個別ページで

固定ページ、投稿ページの編集画面右側にある「ページ設定」内

目次を表示しない」にチェックを入れます。

 

Cocoon目次設定

 

目次設定の詳細については以下にまとめています。

Cocoonの目次設定とデザインカスタマイズ
Cocoonには目次を表示する機能が標準であるので、プラグインなどを使う必要はありませんが、少しデザインを変更してみました。 前提 Cocoon設定→目次タブから、表示の設定を行います。 ...

 

コメント

  1. みみ より:

    はじめまして。
    ワードプレス初心者で恐縮なのですが、、

    このページを参考に目次の設定を非表示にしてみたのですが
    個別ページの『目次を表示しない』にチェックを入れても
    簡易的な目次が表示されてしまいます。
    (Cocoon設定で表示される開閉式の目次とは別のものになります。)

    特にプラグインなどは入れてなく、、
    他に設定を変えないといけな箇所があるのでしょうか?

    Cocoon設定内の『目次を表示する』のチェックは外しても表示されます。
    単なる不具合なのか知りたく、、コメントさせていただきました。

    • 綾糸綾糸 より:

      みみさま はじめまして。
      現象の起こっているページを確認する事が出来ないので確かなことは言えませんが、非表示にしているのに出てしまうのは、やはりプラグインなど、Cocoon以外の問題かと思います。

      ちなみに設定から以外でも CSSで対応する事も出来るのでご参考まで。

      ■スタイルシートに書く場合(子テーマのstyle.css)
      .postid-XXXX .toc {display: none;}

      ■記事単位のCSSに書く場合(記事編集画面の下部にある「カスタムCSS」)
      .toc {display: none;}

      • みみ より:

        ご回答有難うございます。
        カスタムCSSで設定したところ目次の枠組みは消えたのですが
        『目次』という文字のみ残ってしまってる状態です。。
        お手数でなければURL貼るので見ていただくことは可能でしょうか??
        ※後程URL投稿部分は削除いただけるとありがたいです。

        • 綾糸綾糸 より:

          みみさま
          不思議な現象ですね。
          早速、見てみようと思いましたが、URLが見当たりません・・・
          もしや、これから書いてくださるということでしょうか??

          一両日待って頂ければ、こちらで後からの削除は可能です。

          • みみ より:

            有難うございます。

            テスト的に作ったのでほぼ何もないサイトですが、、
            カスタムCSSに設定済みのままになります。
            宜しくお願い致します。

          • 綾糸綾糸 より:

            みみさま。
            原因はウィジェットのようです。
            「投稿タイトル下」あたりに 「目次ウィジェット」を入れているのではないでしょうか。
            それを削除すれば、追記したCSSも不要なので削除しておいてください。

            アドレス消しておきます。

  2. みみ より:

    ご回答有難うございます!
    原因仰った通りでした。。全然気づかない部分だったので大変助かりました。
    今後も参考にさせていただきます。

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