【WordPress】記事カテゴリの（一覧・詳細ページ）の上部に見出し画像を表示したい

Question

現在、静的HTMLで公式サイトを作成し、ブログのみWordPressを使っています。
「お知らせ」「キャンペーン」「ブログ」というカテゴリを作成して記事を投稿する際に該当するカテゴリを選択して投稿しています。

今後、お客様の声もリアルタイムに更新するため、ブログのカテゴリに「お客様の声」を追加して管理していきたいと考えております。

通常のブログとお客様の声ページを差別化するため、「お客様の声」カテゴリの（一覧・詳細ページ）の上部に見出し画像を表示したいです。
「お知らせ」「キャンペーン」「ブログ」カテゴリの場合は、何も表示しなくていいのですが実装する方法を教えていただきたいです。

<?php if(is_home()): ?> <div id="mainimg2nd" class="mainimg2ndbg01"><h2><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/h2_blog.png" alt="blog" /></h2> </div> <?php endif; ?>

ここら辺のコードを書き換えることで実現できそうな気がするのですが、イマイチ分かりません。
お手数をおかけいたしますが宜しくお願いいたします。

Answer 1

上記のコードの場合では

<?php if(is_home()): ?>

でホームページかどうかを判定し、ホームページの場合は、画像を出力しています。

従いまして、同じように特定のカテゴリーを表示しているのかを判定し、特定のカテゴリの場合に画像を表示すればOKです。

カテゴリーのIDを調べて、一覧ページに

<?php if(in_category(指定のカテゴリーID)) : ?>
// ここに画像の出力
<?php endif; ?>

で指定してあげます。
このコードを表示したいテンプレートに記入すれば、指定のカテゴリーを表示したときだけ、指定の処理を行われます。

投稿ページの場合は、まずカテゴリーを取得します。

$category = get_the_category();
$cat = $category[0];
<?php if( $cat_id == "指定のカテゴリーID") : ?>
　//ここに画像の出力
<?php endif; ?>

このカテゴリーIDが指定のカテゴリーの場合のみ処理をさせて、画像表示すればOKです。

使用しているテーマによりテンプレート名が異なりますが、基本は
一覧（archive.php）、投稿ページ(single.php)となります。
カテゴリーIDの調べ方は検索してみてください。

Comments

[mst0]

丁寧に解説していただきありがとうございます。
無事、実装することができました。
ありがとうございました！