- せっかくロゴを作ってみたので、タイトルを文字ではなく画像に変えてみたいと思いやってみました。
- 変更したい画像を左メニューの「メディア>新規追加」よりアップロードします。
- その時に画像サイズとファイルのURLをメモっておきます。(後からメディア>メディアライブラリー>編集でも確認可能です。)
- 次に「外観>テーマ編集」で、右側メニューのスタイルシート(style.css)を編集します。
- 私のテーマがTwenty Tenなので、その変更方法になります。
- ページ内検索にて「#site-title a 」を検索します。
- 以下のタグを追加します。
height
:
0px
;
display
:
block
;
overflow
:
hidden
;
width
:
XXXpx
; 画像の横幅
padding-top
: XXX
px
;画像の高さ
- background: url(http://—-.jpg) no-repeat left top;画像ファイルのURL
「ファイルを更新」して終了です。