こんにちはープログラマ・ブロガーのおーしまです。
▼このサイトの動作環境はこれ。別にJINじゃなくても動くと思うけど。
- WordPressテーマ「JIN」使用
- 目次プラグイン「Rich Table of Contents」（RTOC）
Contents
やりたいこと
やりたいことは、WordPressの「サイドバー追尾ウィジェット（PCのみ）」に目次を追加し、目次が長くなったらスクロールバーを追加する。
ヒトデブログさん（hitodeblog）で使っていてやってみたくなりました。が、ヒトデブログさんはどうやら目次プラグインがRTOCじゃないみたいです。
なので、このサイトでRTOCを使って、やる方法を解説します（3分でできます）。実際に使っているページはこれです。
▼これがやりたい。
▼ちなみに、目次が短い時はスクロールバーは出ない。
やり方
- WordPressの「サイドバー追尾ウィジェット（PCのみ）」に目次を追加
→他のサイトを見てください。
他にも「RTOC 目次 ウィジェット」とかでググれば出てくる。 - 目次が長くなったら、スクロールバーを追加する。
→このブログで解説します。
目次が長くなったら、スクロールバーを追加する方法
まず、CSSを追加できるとこに行ってください。
WordPressテーマJINでは「外観>カスタマイズ>追加CSS」にあります。他のテーマの場合は分かりません。ググってください。
▼このCSSを画像の所に追加してください。
CSS
.textwidget ol{
max-height: 460px;
overflow-y: auto;
transform: translateZ(0);
}
補足：max-heightは自由に変えてOKです。transformはあなたのPCでは、なくても動くかもしれないですが、PCの機種によってないと動作しないことがあるのでつけてください（参考サイト）。
以上！おわりっ。
