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

提供: Wikiducca
移動: 案内検索
(開拓者 (ノート) による版 5492 を取り消し)
(The Pioneer (ノート) による版 4300 を取り消し)
 
行1: 行1:
<nowiki>Wikiduccaは終了しました。今後はゴールドペディアをご利用ください。== 画像のアップロード ==
+
== 画像のアップロード ==
 
適当な場所にアップロードする。
 
適当な場所にアップロードする。
  

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