【WordPress】複数ページに分割された記事で、全ページ分の目次を表示させる方法

table-of-contents-of-the-bookWordPress

2ページ目の開始を段落にしています。1ページ目と同じ仕組みにしていると、この下に目次が入りますが、それはおかしいので、条件分岐させることにより、キチンとこの上に目次が入っていると思います。

まとめ

以上が複数ページに分割された記事で、全ページ分の目次を全ページに表示させる方法です。目次といえば、この感じがしっくりくるという人も結構いるのではないでしょうか。
Cocoonには「記事を読む時間の目安」を表示させる機能があります。それも複数ページに分割された記事だと各ページごとの読む時間になるので、今回も使った考え方により、全ページ分の時間にする方法を下記の記事で紹介しています。ご参考にしてください。

最後迄、お読みいただき、ありがとうございました!

コメント

  1. 田中修二 より:

    質問がしたく、コメントで申し訳ございません。
    記事読ませていただきました。内容を参考にさせて頂きCOCOONを修正したのですが
    こちら、目次の表示がデフォルトでCloseにする事は可能なのでしょうか??

    私自身、能力が低く自分自身で修正/カスタマイズが出来ず、回答を頂けましたら幸いです。

    お手数をお掛けしますが、ご確認お願い致します。

    • 管理者の「Pくれーでれ」です。
      コメントいただき、ありがとうございます。コメントの確認が大変遅れまして申し訳ございません。
      目次の表示についてデフォルトで、閉じた状態にするには「style.cssにコードを書きこむ」のところに記載したコードを下記の通り、修正してください。
      ➀[open] と[close]を入れ替え 
      content: ‘[close]’; → content: ‘[open]’;
      content: ‘[open]’; → content: ‘[close]’;
      ➁下記のコードを追加
      .toc-content{
      display: none;
      }
      以上で実現できると思います。お試しください。

  2. リリコ より:

    こんにちは。
    ブログ参考にさせていただいております。
    ありがとうございます。

    私も、もくじを一括表示させたいと思っており、
    思い切って挑戦してみたのですが、、、

    functions.php

    に、添付したところ、
    重大なエラーが、、、

    という表示になってしまいました。

    もともと、
    functions.phpに記載してある内容の
    下に添付するような形で
    貼り付けさせていただいたのですが、
    やり方が間違っておりますでしょうか? 

    この辺りのことは、
    全く初心者なもので、、、

    申し訳ございませんが、
    お助け頂けましたら幸いです。 

    よろしくお願いいたします。 

    • 管理者の「Pくれーでれ」です。
      コメントいただき、ありがとうございます。コメントの確認が大変遅れましたことをお詫びいたします。
      下記についてご確認ください。
      テーマは「cocoon」を使用しています。そのうえでfunctions.phpに実際貼付している画像を記事に追加しますので、貼付方法(貼付位置)をご確認ください。

  3. 椿山逸郎 より:

    初めまして。

    まず私はExcel能力は仕事上必須ですから関数でもなんでも出来ますが、それ以外は初心者です。

    私はwordplessでブログを10記事ほどやっと書き終えました。10記事総て関連性がありますので目次が必要でしたが設置方法がわかりません。
    そんな時にPくれーでれさんのサイトに出くわし大喜びで読みました。
    そして早速実践。

    Pくれーでれさんの記事にこう書いてありました。
    [外観]の[テーマエディター]から、functions.phpに下記のコードを書きこみます。

    早速コピーして貼り付けました。

    次に目次の微調整でしたので、その前に出来栄えを確認しようとしたしたが、いつもの画面に戻りません。

    画面の写真を貼り付けられたら貼り付けるのですが…

    何ヶ月もかけて書いたブログですので元に戻したいのですが、どうやれば良いのでしょうか?

    この内容だけではどんな状況か不明だと思いますが…

    画面には関数toc_by_percredere($ content){if(is_singular()){グローバル$ post;$ current_page_num =長いので止めますが…

    非常に困っております。

    何卒初心者の私にわかるような説明で宜しくお願い致します。

    追って

    ブログは非公開にしてあります。

    • 管理者の「Pくれーでれ」です。
      コメントいただき、ありがとうございます。コメントの確認が大変遅れましたことをお詫びいたします。
      この関数は実際にcocoonのテーマにおいて、このサイトで使用して機能しています。
      プラグインの使用状況など、その他の環境によるものか特定はできませんが、不具合が生じた場合、貼付した関数を削除いただきますようお願いいたします。
      貼付した画面にも戻せないという状況ですと、こちらでも回復方法がわかりません。
      以上の通りです。よろしくお願いいたします。

  4. ほみ より:

    初めまして。
    長文の記事を執筆するため、本記事を参考に目次をカスタマイズしてみました。

    目次自体は機能したのですが、クリックすると新しいタブでページが開いてしまい、困っております。
    本記事のように、同一ページ内ではスライドで移動、他ページではページが切り替わるように変更したいのですが、どのように設定すればよろしいでしょうか。

    初心者で知識がなく、解決方法をご教示いただきたく存じます。
    よろしくお願いいたします。

    • 管理者の「Pくれーでれ」です。
      コメントいただき、ありがとうございます。ご質問の件に関して、考えられるのは「内部リンクの設定」が「新しいタブで開く」となっているというものです。
      テーマが「Cocoon」であれば、[Cocoon設定]の中の[本文]タブから「内部リンク設定」の「内部リンクの開き方」が「新しいタブで開く(_blank)」になっていると、その設定通りで新しいタブで開きます。これであればその設定を「変更しない」にすると解決すると思います。
      ここに問題があることを願います。ご確認してみてください。

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