「WordPressヘッダータイトル文字を画像に変える」の版間の差分

2019年1月12日 (土) 08:00時点における最新版

画像のアップロード

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

ここでは、幅: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