目次を作るプラグイン

目次を表示するTable of Contentsプラグイン

最初はRich Table of Contents

Rich Table of Contents

目次があると、そのページの内容が分かりやすくなります。始めはRich Table of Contentsを使ってみました。デザイン、カスタマイズ性は秀逸でしたが、途中、別のテストサイトで使っているテーマのSydneyとの相性が悪い(トップページを目次表示対象外とすると、スライダーが正しく機能しなくなります)事と、コンテンツの内容を編集すると、リンクが機能しなくなる問題(リンクする文字に設定されたWordが空白となる)。また、目次の項目の間隔がコンテンツの中に空きを作ると、広がるという問題に遭遇し、断念!。


次にTable of Contents Plus

Table of Contents Plus

別のTable Contentsを探し、ユーザーも多いTable of Contents Plusを使ってみましたが、こちらは細かい設定はRich Table of Contents同様に出来る事。トップページと投稿以外は目次表示がOK。デザインのカスタマイズが出来るので自由度が高いのも高感度があり。

但し、不具合は固定ページに、Content Viewsで作成した投稿のショートコードで表示された投稿一覧に、無理やり目次を表示する問題が出ました。その固定ページに設置したContent Viewsのコードに、加えて、カスタムHTMLに<style>#toc-container { display:none; }</style>のスタイルを追加することで回避が出来たので、結果としてこのプラグインを使ってゆく事にしました。各固定ページに個別に追加します。

Table of Contents Plusに追加したタグ

下記のコードは、Content Viewsのショートコードを設定した同様の固定ページ毎に記載します

#toc_container{display:none;}

カスタムCSSの内容

#toc_container {
	border:3px solid #9ba;
	width:550px!important;
	padding:30px;
	margin-bottom:50px;
}

カスタマイズの見本です

上部へスクロール