固定ページ毎に違うヘッダー画像をアイキャッチで設定する

固定ページ毎に違うヘッダー画像を表示したい時。忘れないようにメモメモ。
※テーマがカスタムヘッダー対応の場合です。

<?php if (has_post_thumbnail($post->ID)): ?>
<p><?php echo get_the_post_thumbnail($post->ID); ?></p>
<?php else: ?>
<p><img src="<?php header_image(); ?>" alt="" title="" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" /></p>

解説

  • 1行目の部分、<?php if~~ で、もし固定ページにアイキャッチ画像があれば
  • 2行目の部分、アイキャッチ画像を表示させて
  • 3行目の部分、<?php else: ?>で、もしない場合は
  • 4行目の部分でカスタムヘッダーで登録したイメージを表示させる

という感じです。

カスタムヘッダーが対応していない場合は、function.phpに以下を記入

//+++++++++++++++++++++++++++++++++++++++++
//カスタムヘッダー

add_custom_image_header('','admin_header_style');

function admin_header_style() {}

//標準のヘッダー画像を指定
define('HEADER_IMAGE','%s/images/header.jpg');

//ヘッダー画像の横幅と高さを指定
define('HEADER_IMAGE_WIDTH','800');
define('HEADER_IMAGE_HEIGHT','380');

//ヘッダーの文字を隠す
define('NO_HEADER_TEXT',true);

関連記事

  1. JetPack タイルギャラリーの使い方

  2. Jetpack スライドショーの背景色を変更する

  3. WordPress標準搭載のギャラリー機能でギャラリーを作成する

  4. ロリポップで「不正なアクセスを検知いたしました」とメールが来てWord…

  5. WordPressのプラグイン「Contact Form 7」で画像を…

  6. 2013.7.13 WordBench 神戸 「お気に入りのテーマを見…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. 「雑誌取材」や「TV番組取材」という名目の広告営業にご注意!
  2. フリーランスに必要な「稼ぎ力」「継続力」を身につける
  3. ブログって何をどう書いたらいい?
  4. ホームページ・ブログ・SNS それぞれの特徴と役割そして使い分け

アーカイブ

制作実績一覧

  1. Nai‘a~ナイア~
  2. M-Style
  3. みなとワンピース
  4. オーダースーツ 中山手縫製所
  5. テープ起こし アトリエ・ソレイユ
  6. 西宮市議会議員 よつや薫
  7. ジョディのお店
  8. cafe sucre
  9. start-up