1.画像のURLを取得する
2.「デザイン>デザイン一覧」で「適用」にチェックがあるタイトルをクリック
スタイルシート編集画面が開く
3.記事タイトル(下記赤線部分)を探す
4.適時編集
画像を入れる場合
(1)画像URLを記述→background:URL(画像のURL) no-repeat;
※アップロードした画像のURL取得はこちら
(2)高さ(height)を記入(タイトル画像の高さ)
(3)画像背景の上にはえる文字色(color)を記入
その他必要に応じて変更
h3.title{
margin:0px 0px 10px 0px ; /* タイトル画像の上右下左の余白 */
padding:8px 0px 0px 35px; /* タイトルの上右下左の余白 */
font-size:18px; /* 文字サイズ */
color:#FFF; /* 文字色 */
font-weight:bold; /* 文字太さ:太い */
height:37px; /* タイトル高さ(タイトル画像の高さ) */
background:URL(http://clayon.sakura.ne.jp/sblo_files/y-densho/layout/h2.png) no-repeat; /* タイトル画像URL;画像の繰り返しなし */
}
5.「スタイルシートを変更する」ボタンをクリック
できあがりはこんな感じ
<背景画像をつくってみよう>
背景画像を作ってくれるサイト例
チェック柄:http://www.tartanmaker.com/
繰り返しパターン:http://www.bgpatterns.com