WPヘッダー変更機能追加

Word Press (WP)のカスタマイズです。

今回は、ヘッダー編です。

どうもこの話が多くなります。

なぜなら、この前まで空き時間はほとんど

WP作業に時間を費やしていたからです。

 

今回は、ヘッダー編です。

歴代、アメブロ、FC2と毎月ヘッダーを変えるという

作業をしていました。

 

ちなみに今月のヘッダーは、これです。

ヒョウ柄をバックに、

「鍼ができること

鍼ならできること

鍼にしかできないこと」

というメッセージを挿入しただけのシンプルタイプ。

 

やっぱり、wpになっても、毎月ヘッダー更新は継続したい。

で、なんとなく、全体的イメージで、ヘッダーを配置サイズが

かっこいいのを選んでテーマを「activello」にしたのに、

なんと、「外観」⇒「カスタマイズ」にしても、「ヘッダー変更」の

項目がない。

 

なんと、そんなことがあるのか?

答え:あるみたいです。

 

では、ないなら作ろう。

ヘッダー変更欄を作る

まず、「function.php」に

add_theme_support(‘custom-header’);

を追記。

※「function.php」は、他のphpと少し性質が違っているので

子テーマではなく、直接親テーマに追記しました。

 

これで、「ダッシュボード」⇒「外観」に「ヘッダー」欄ができました。

 

次に、

子テーマの「header.php」に以下を追記

 

<!–custom header–>
<?php $header_image = get_header_image();
if(!empty($header_image) ):?>
<div id=”header_img”>
<a href=”<?php echo home_url();?>”><img src=”<?php header_image();?>”
alt=”<?php bloginfo(‘name’);?>” /></a>
</div>
<?php endif;?>

 

追記場所はどこでもいいわけではなく、

自分は、ブログタイトルの下にヘッダーを入れたかったので

 

</div><!– end of #logo –>

の下に入れました。

phpやcss内で特定の記述を探したい場合は、

「Ctrl」+「F」で、検索ワード入力です。

 

これで、ヘッダー変更機能ができて、

簡単にヘッダーが変えれます。

スポンサーリンク