JIN

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

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

この記事では

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

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

BEFORE

カスタマイズ前

AFTER
カスタマイズ2後
MENくん
MENくん
黒い毛の羊さんがいるよ!かんわい!!
くま3号
くま3号
可愛い画像をあざとく使い始めたな

カスタマイズの準備

子テーマを使用している方は、style.cssを開いてください。

追加CSSでちゃちゃっと終わらしたい方は、こちらの記事を参考にしてください。

カスタマイズのコード

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

ここのコードをコピペ

コード

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

メンくん

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

枠線の色はここを変更

ここの枠線だよ

メンくん

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

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

全体の背景色

メンくん

#ecececの部分を薄めにするとしっくり来るよ!

丸い背景はここを変更

丸背景部分

メンくん

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

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

メンくん

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

まとめ

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

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

data-matched-content-ui-type="text_card" data-matched-content-rows-num="3" data-matched-content-columns-num="3"