Twenty Twelveのサイトのタイトルを画像にする

WordPressのテーマのTwenty Twelveのサイトのタイトルの文字を消して画像にする方法

WordPressのテーマのTwenty Twelveのサイトのタイトルの文字を消して、代わりに画像を表示する方法の解説です。

まずサイトのタイトルの文字を消すために「header.php」の38行目の＜?php bloginfo( ‘name’ ); ?＞の部分を削除します。

変更前

<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

変更後

<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"></a></h1>

次に「style.css」に画像のURLを記載します。

.site-title a{
  background: url(画像のURL) no-repeat scroll 0 0 transparent; 
  color: transparent;
  height: px;  /* 画像の高さ */
  width: px;   /* 画像の幅 */
}

Twenty Twelveのカスタマイズに関する記事

Twenty Twelveの「続きを読む」を右に寄せる方法

twenty twelveにページナビゲーションを設置する方法

Twenty Twelveの投稿一覧にアイキャッチ画像を表示する方法

Twenty Twelveのシングルページの上部のアイキャッチ画像を削除する方法

Twenty Twelveの「コメントをどうぞ」を削除または移動