こんにちは、yoruです。
ワードプレス記事の目次の数字の色を変更したい！
という方のために、その方法をご紹介。
今回は、スキンは使用していない状態での変更方法です。
この記事の通りにやってもらうと、誰でも簡単に変更できちゃいます。
目次の数字色の変更前と後
まずは完成形。
目次の頭の数字の色を変更します。
目次の数字色の変更方法
①ワードプレスの管理画面トップの「外観」をクリック
②「カスタマイズ」をクリック
③「追加CSS」をクリック
④ここの部分に、色を変えるための、”CSS”と呼ばれるコードを追記します。
追記するCSS
.toc-list ::marker {
color: #fd5709;
}
上記の追記するCSSの3行をコピーして貼り付けてください。
赤い線をつけた#fd5709の部分は、シャープと英数字6文字の組み合わせでできた、カラーコードを入力します。
ご自身のサイトに合わせてお好きな色を入力してください。
好きな色のカラーコードがわからないよ！という方は、下記サイトで色を調べてみてください
色検索 – 原色大辞典 https://www.colordic.org/search
⑤追記するとこんな感じになります。
⑥最後に「公開」を押して完了です。
公開を押したら、記事をみて、目次の色が変わっているか確認してみてください。
記事内で使用したキャプチャは、yoruが運営する別のブログを見本として使用しています。
ゆるく更新していますので、興味がある方は是非覗いてみてくださいね。
アラサーで一人暮らしはじめたら最高だった | 早寝早起き、yorublog
コメント