気ままにアクアリウム

*

18.記事タイトル前に画像を付ける。

      2014/06/02 6:36 pm    0

記事タイトル前に画像を付ける方法

(1)オリジナル画像を用意する。

rainbow.png(ファイル名はご自由にどうぞ)

1400685930_Rainbow

画像は64×64くらいまでが良いと思います。

(2)画像をimageフォルダへアップデートする。

FFFTPツール等で、(1)で用意したファイルをimageフォルダへアップデートします。

※imageフォルダは”/public_html/wordpress/wp-content/themes/stinger3ver20140327/images”にあります。

(3)スタイルシート(style.css)に変更、追記する。

/*記事タイトル*/

.entry-title {
	font-size: 30px;
	line-height: 35px;
	color: #333;
	margin-bottom: 20px;
}

/*記事タイトル*/

.entry-title {
	font-size: 26px;
	line-height: 35px;
	color: #333;
	margin: 20px 10px 20px -65px;
	padding: 10px 10px 20px 70px;
	background-image: url(images/rainbow.png);
	background-repeat: no-repeat;
	background-position: left top;
}

※margin,paddingの値は、画像により調節してください。


以上です!

 - Stinger3 , , , ,

Shares