Heading要素(見出し)から目次を自動で作るWordPressプラグイン。


インストール

ここにインストールの仕方が日本語で書いてある。

カスタマイズ

表に目次という文字を入れたいので、ylsy_toc.phpの36行目を

[php firstline=”36″]$html = “

\n”;[/php]

から

[php firstline=”36″]$html = “

目次
\n”;[/php]

に変更。

スタイルシートを以下のように変更。countersを使うことで、リストが入れ子になると、数字が1.1, 1.2になるようにした()。countersについてはここ。ただしIEではうまくいかない。

.toc {
font-size: .9em;
border: #aaa solid 1px;
background-color: #fafafa;
margin: 0 0 15px 0px;
padding: 10px;
width: 250px;
}

.toc h5{
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0;
}

.toc ol {
counter-reset : item ;
list-style : none ;
margin: 5px;
padding-left: 15px;
}

.toc li:before {
content: counters(item, ".") ". ";
counter-increment: item ;
}

IEではうまくいかないので現在は以下のCSS.

/\* TOC \*/
  
.toc {
    
border: #aaa solid 1px;
    
background-color: #fafafa;
    
margin: 15px 0 15px;
    
padding: 10px;
    
width: 250px;
  
}