リファインセレクションにて、見出しの画像を変更する方法【備忘録】

※こちらは、リファインセレクションというワードプレステーマ(有料)の内容になります。

備忘録として、やり方を記載しておきます。

テーマの編集にて

テーマの編集で、スタイルCSSを選択

そこの、最下部に以下の記述をコピーする。

ここから

ポイント
/* エントリタイトル飾り変更1 */
body .hentry .entry-title .entry-title-inner {
background: transparent url(“skin/img/acaf(2).png”) no-repeat 1px 5px;
}

/* サイドバーウィジェットタイトル飾り変更1 */
body .sub .widget-title-inner:before {
top: -6px;
left: -13px;

background-image: url(“skin/img/acaf(5).png”) ;
}

/* h2見出し飾り */
body .textwidget > h2:after,
body .entry-content > h2:after,
body .entry-content .widget h2:after {
content: “”;
left: -10px;
background-image: url(“skin/img/acaf(9).png”) ;
}

画像も追加する。

実際に画像もFTPにてアップロードしておく必要がある。

サイズも原寸に縮小してから、アップする。

最終的に、更新をして、画像が変わっていればOK