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

2019年6月12日WordPressCSSジェネレーター

「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も追加

スクリーンショット

Table Of Contents CSS Generator スクリーンショット
Table Of Contents CSS Generator スクリーンショット

2019年6月12日WordPressCSSジェネレーター

Posted by Yousuke.U