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

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

<?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. WordPress標準搭載のギャラリー機能でギャラリーを作成する

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

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

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

  5. WordPressのバックアップ

    WordPressを「BackWPup」プラグインで定期的にバックアッ…

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

コメント

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

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

CAPTCHA


最近の記事

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

アーカイブ

制作実績一覧

  1. バレエスタジオ  ステラ
  2. 大阪京橋のエステサロン Will
  3. 今治タオルのエステローブ Will
  4. ホームページ制作実績 保育園
  5. まごころ本舗様
  6. アロマ時間
  7. 芦屋気功療法院
  8. ホメオスタジア 敏感肌・乾燥肌用クレンジング&洗願ジェル
  9. office-aki