TwentyTen のヘッダー画像にTOPページへのリンクを貼る方法

私は初めてのテーマはElevenだったんですが、Tenを使った時にビックリしました!!せっかくのヘッダー画像なのにTOPページへのリンクがないではありませんか!!

コレには納得しがたく(笑 TwentyElevenを参考にTenでもヘッダー画像にTOPページへのリンクを貼る事にしました。

今回はスタイルシートではなく、テンプレートファイルの中のheader.phpを探して開いて下さい。開いたら、一番下までスクロールして下さい。中程に以下の部分が見つかるハズです。(小テーマを使用している方は、小テーマ側のテンプレートファイルを変更して下さい)

<img src="<?php header_image(); ?>" width="<?php echo $header_image_width; ?>" height=<"?php echo $header_image_height; ?>" alt="" />

↓コレを以下の様に追加・変更します。

<a title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" href="<?php echo home_url( '/' ); ?>" rel="home"><img src="<?php header_image(); ?>" width="<?php echo $header_image_width; ?>" height="<?php echo $header_image_height; ?>" /></a>

これでやっとヘッダー画像にTOPページへのリンクが貼れました♫

WordPress 3.xデザイン&カスタマイズスタイルブック 複数ブログ管理からスマートフォンサイトまで、一歩進んだWordPressサイト構築術
WordPress 3.xデザイン&カスタマイズスタイルブック 複数ブログ管理からスマートフォンサイトまで、一歩進んだWordPressサイト構築術

 

にほんブログ村 ブログブログ ブログノウハウへ

TwentyTen のヘッダー画像にTOPページへのリンクを貼る方法” への1件のコメント

  1. ピンバック: TwentyTen のヘッダー画像にTOPページへのリンクを貼る方法 | 世界のインテリア辞典

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です