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

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

<?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. JetPack タイルギャラリーの使い方

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

  5. WordPressのバックアップ

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

  6. スマートフォン(レスポンシブ)対応のGoogleMap

コメント

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

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

CAPTCHA


IT補助金導入のホームページ制作

IT導入補助金を利用したホームページ制作

最近の記事

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

アーカイブ

制作実績一覧

  1. every
  2. さわやか鍼灸治療院
  3. アトリエブルームーン
  4. 美コンシャス 沖縄宜野湾店
  5. REAL HOME
  6. 阪神補聴器センター
  7. バレエスタジオ  ステラ
  8. 大阪京橋のエステサロン Will
  9. 今治タオルのエステローブ Will