賢威7-1版。目次をh2タグのみとする修正を行いました。
タグ自体は、h2・h3・h4タグを使用しているのですが、h2タグは目次のみに使用して、h3またはh4タグは、文字の大きさや見出し機能だけにしました。
したがって、目次に記載されるのは、h2タグで囲った部分だけです。
修正変更した、部分はbase.cssだけです。
賢威7-1版。目次をh2タグのみとする修正を行いました。修正方法
目次をh2タグのみとする修正
テーマ賢威7.1 クール版: base.css
の3497行目から3499行目まで、以下の黄色い部分のコードを加えて、
目次の表示をh2タグのみとしました。
}
/*目次*/
#keni_toc{
display: block;
width: 80%;
margin: auto;
margin-bottom: 3em;
padding: 25px;
border: 2px solid #ccc;
font-size: 0.875em;
}
.keni-toc-title{
font-size: 1.286em;
}
#keni_toc ol{
margin-top: 0;
margin-bottom: 0;
margin-left: 25px;
}
#keni_toc ol ol{
margin-top: 0.5em;
}
#keni_toc ol ol li{
list-style-type: circle;
}
#keni_toc li > ol{
display: none;
}
/*お客様の声*/
.voice-box{
padding: 30px;
background: #fafafa;
}
賢威7-1版。目次をh2タグのみとした場合、以下の画像のようになります。
h2タグのみが、目次として反映されて、h3タグh4タグは、中見出しや小見出しとして反映されます。
h3タグやh4タグの左端の縦線の太さは、好みに応じて変更することができます。