WordPressテーマSANGOの質問

追尾サイドバーの目次に番号振りをしたい

アバター
DD

“Easy Table of Contents”を使用しています。
追尾サイドバーの目次に番号振りをしたく調べたのですが、情報が出てこなかったのでご教授お願いします。
また、「目次」という文字の左にアイコンを表示したく以下のようにやってみたのですが指定したアイコンではなくただの四角形になってしまいます。そちらもよろしければお願いいたします。
widget.ez-toc .widgettitle:before{content: “\f518”;
font-family: FontAwesome;
padding-right: 5px;
}

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/12/13

追尾サイドバーの目次に番号振りするためには、以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付ければOKです。

.sidebar .toc_widget_list {
    list-style-type: decimal;
    padding-left: 34px;
}

Easy Table of Contentsウィジェットのタイトル前アイコンは以下のように指定するのが良いと思います。
.toc_widget .widgettitle:before {
content: ‘\f518’; /* ここにアイコンコード */
padding-right: 10px;
}
よろしくお願いします。

アバター
DD
2019/12/13

教えていただいたコードがおそらくTOC+のもの?だったようで
.sidebar .ez-toc-list {
list-style-type: decimal;
padding-left: 34px;
}
と書き換えたことで番号振りが出来ました!ありがとうございます。

ですがアイコンの方がまだよくわからない状況です。いろいろ試しましたが表示されませんでしたので、お手数ですがよろしくお願いします。

サルワカくん
サルワカくん
2019/12/13

失礼しました、仰る通りTOC+のものになっていました。
Easy Table of Contentsの場合、タイトル前にアイコンを表示するためのCSSは以下のようになると思います。

.widget.ez-toc .widgettitle:before {
  content: '\f518'; /* ここにアイコンコード */
  padding-right: 10px;
}

(最初提示されていたCSSではwidgetの前に.がないため効かなかったのだと考えられます)
よろしくお願いします。

アバター
DD
2019/12/13

大変助かりました。対応して頂きありがとうございました!