「WordPressヘッダータイトル文字を画像に変える」の版間の差分
ページの作成：「== 画像のアップロード == 適当な場所にアップロードする。 ここでは、幅:143px 高さ:59px の画像を以下にアップロードした。 ...」 |
The Pioneer (ノート) による版 4300 を取り消し |
||
| (8人の利用者による、間の13版が非表示) | |||
(相違点なし)
| |||
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;
}
以上。保存してリロードすれば反映されている。