みっちぇるのきになったものぶろぐ

Webデザイン、Webサイト制作、SEO対策、マーケティング等を手がけるミッチェルのブログです。

wordpress アイキャッチの活用法

みなさんこんにちは(^^)

wordpressでサイトを構築していてふと思ったのが、
固定ページでページを作成していて、各ページに違った
ヘッダー画像を表示させるには、どうしたらいいんだろう??
ということでした。

wordpressはテンプレートの概念なので、
各ページごとにテンプレートをつくのは効率よくないですよね。。

wordpress触りたての頃はよくわからず、テンプレート内にゴリゴリphpで書いてました笑
こんな感じ。。。

<?php if(is_page('12')): ?>
	    <div id="mainImg"><h2><img src="news.jpg" alt="News" width="960" /></h2></div>
<?php elseif(is_page(13)): ?>
	    <div id="mainImg"><h2><img src="about.jpg" alt="about" width="960" /></h2></div>
<?php elseif(is_page(14)): ?>
	    <div id="mainImg"><h2><img src="company.jpg" alt="company" width="960" /></h2></div>
<?php else: ?>
	    <div id="mainImg"><h2><img src="contact.jpg" alt="contact" width="960" /></h2></div>
<?php endif; ?>

ページIDで切り分けをして、ヘッダー画像を切り替えていました。
ほんの数ページだったらこれでもいいかなと思いますが。。
100ページあったらと思うと。。。orz


しかし!

アイキャッチを使えばこんな苦労はしなくて大丈夫なのです〜!!
テンプレート内の出したいところに下記を追加して、
固定ページのアイキャッチに画像を登録するだけ!!

<?php the_post_thumbnail(); ?>

最初のソースで言えばこんな感じ

<div id="mainImg"><h2><?php the_post_thumbnail(); ?></h2></div>

なんともすっきりしますね(^^)


wordpress アイキャッチの活用法でした!