WordPressヘッダータイトル文字を画像に変える

提供: Wikiducca
2012年6月28日 (木) 01:40時点におけるYosuke (ノート | 投稿記録)による版

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

画像のアップロード

適当な場所にアップロードする。

ここでは、幅:143px 高さ:59px の画像を以下にアップロードした。

/wp-content/themes/common/logo.gif


テーマ編集

メニュー[外観] => [テーマ編集] に入り、 [スタイルシート(style.css)] の編集画面にする。

次に、スタイルシート枠内の一番下に、以下のタグをコピペする。

/* タイトルを画像に変更 */

#header #site-title{ padding-left: 0px; }
#site-description {padding-top: 10px;}

#site-title a {
	height: 0px;
	display: block;
	overflow: hidden;
	width: 143px;
	padding-top: 59px;
	background: url(/wp-content/themes/common/logo.gif) no-repeat left top;	
}

以上。保存してリロードすれば反映されている。


参考・引用

http://nendeb.jp/?p=260