「Twenty Eleven」のヘッダーの上のタイトルを画像に変更

Twenty Eleven(WordPressのテーマ)のヘッダーの上のタイトルを画像に変更する方法

WordPressのテーマのTwenty Elevenのヘッダーの上のタイトルを画像に変更する方法の解説です。

ワードプレスtwenty-eleven

【スポンサーリンク】



WordPressワードプレス)のテーマの「Twenty Eleven」のヘッダーの上のタイトル画像に変更するには、まず変更する画像を「メディア」の新規追加からアップロードします。

次にWordPressの管理画面のサイドバーの「外観」の「テーマの編集」のページのTwenty ElevenのCSSに下記のコードを書き加えて、「background」の行に画像のURLを記入し、「width」の行に画像の幅、「padding-top」の行に画像の高さを記入して「ファイルを更新」をクリックしたら完了です。

/* タイトルを画像に変更 */
#header #site-title{ padding-left: 0px; }
#site-description {padding-top: 10px;}
#site-title a {
   height: 0px;
   display: block;
   overflow: hidden;
   width: 幅px;
   padding-top: 高さpx;
   background: url(http://画像のURL) no-repeat left top;   
}
/* タイトルを画像に変更ここまで */


【スポンサーリンク】


Leave a comment

Your email address will not be published.


*