【WordPress】目次のCSSカスタマイズツールが出来ました(Luxeritasほか)

「Table Of Contents CSS Generator For WordPress」という目次のCSSカスタマイズツールが出来ました
作成した経緯は、目次のデザイン触ろうとHTML構造のulとliを見てると目眩がしてくるから!
対応してる見出し生成ツール
WordPressプラグイン「Table of Contents Plus」
WordPressテーマ「Luxeritas」
基本的には生成される見出しのHTMLは同じ様な構造だと思います
機能
目次全体
- 背景色
- 角丸
- 枠線
- ボックスシャドウ
タイトル部分
- テキスト色
- 背景色
- 太字
- paddingとmargin
- アイコンフォント
一段目(主にH2)と2段目(主にH3)
- リンクテキスト色
- リンクテキストホバー色
- リンク背景色
- リンク背景色ホバー色
- 太字
- paddingとmargin
- 表示位置
- ナンバーの表示・非表示
- アイコンフォント
更新予定
paddingとmarginまわり
li とは別にliかulでのpaddingとmargin
アイコンフォントはafterも追加
スクリーンショット




ディスカッション
コメント一覧
まだ、コメントがありません