JIN

JINカスタマイズ|目次に画像をプラス

目次に画像を追加するカスタマイズ
カスタマイズは自己責任にてお願いします(カスタマイズ前にバックアップ推奨)。コードを記入してもうまく反映されない場合があります。このカスタマイズは、あくまでもぼくのサイトで行ったものです。
この記事では

目次にさり気なく画像を追加するカスタマイズをしてみました。

好きな画像をぶち込むことができます。それと箇条書き部分も丸い背景つけてみました。

BEFORE
カスタマイズ前


AFTER

カスタマイズ2後

MENくん
MENくん
黒い毛の羊さんがいるよ!かんわい!!
くま3号
くま3号
可愛い画像をあざとく使い始めたな

[toc]

カスタマイズの準備

子テーマを使用している方は、style.cssを開いてください。 追加CSSでちゃちゃっと終わらしたい方は、こちらの記事を参考にしてください。

カスタマイズのコード

下記のコードを子テーマもしくは追加CSSに追記してください。

ここのコードをコピペ

コード

コードを説明していくよ。

メンくん
カラーを変更するとサイトになじむよ

枠線の色はここを変更

ここの枠線だよ
メンくん
#424242の部分をメインカラーにするとしっくり来るよ!枠線は薄くなるように設定しているよ。

全体の背景色はここを変更

全体の背景色
メンくん
#ecececの部分を薄めにするとしっくり来るよ!

丸い背景はここを変更

丸背景部分
メンくん
#424242の部分をメインカラーにするとしっくり来るよ!

タイトルの背景はここを変更

メンくん
#424242の部分をメインカラーにするとしっくり来るよ!変更部分が2つあるのはスマホとPCようだよ!

まとめ

目次に画像を入れてみると、ニヤニヤできるのでおすすめですw

SANGOのメインカスタマイズ(?)サイトはこちら

ここにボックスタイトルを入力

 

関連記事