トップページのアイキャッチ画像を指定のカテゴリーで表示したい場合
-
よろしくお願いいたします。
トップページに「投稿記事」のアイキャッチ画像が並べて表示されるテンプレートを使っています。
ギャラリーみたいで気に入っているのですが、
投稿記事の全部のアイキャッチが表示されてしまいます。例えば、みかんとかりんごとか梨とかアボカドとかのカテゴリーを作っていて、
トップページのアイキャッチ画像を使ったギャラリーに
「りんご」のカテゴリーの投稿記事のアイキャッチだけ表示させる方法はありますか?また、カテゴリーだけではなくて、
特定のタグの記事のアイキャッチを指定してトップページに表示できますか?よろしくお願いいたします。
-
こういう場合何のテーマを使ってるか書いておいたほうが回答を得やすくなりますよ。
アイキャッチ画像出力のところでin_category()で分岐すればできると思います。
ixkaito様、回答ありがとうございます。
テーマは、ダッシュボードからインストールできないテーマです。
インデックスPHPは、以下なのですが、
『apple』というカテゴリーの場合、
どういうふうにしたらよいのでしょうか?
よろしくお願いいたします。—————————————————————————–
<?php get_header(); ?>
<article class=”index_article”>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?><section class=”one-third column feature”>
” title=”<?php the_title_attribute(); ?>”><?php the_post_thumbnail(); ?>
<?php if (get_post_meta($post->ID, “p-name”, true)) : ?>
<span class=”p-name”><?php $key=”p-name”; echo get_post_meta($post->ID, $key, true); ?></span>
<?php else : ?>
<?php endif; ?>
</section><?php endwhile; ?>
<?php endif; ?>
<div class=”clear”></div>
</article><nav class=”navigation”>
<div class=”fl”><?php next_posts_link(trim(__(‘ Older Entries’, ‘default’))) ?></div>
<div class=”fr”><?php previous_posts_link(trim(__(‘Newer Entries ‘, ‘default’))) ?></div>
<div class=”clear”></div>
</nav>
<?php get_footer(); ?>おそらく貼り付けの際にコードがおかしくなっていますので、一度コードを全部削除して、「code」ボタンを使って新たに貼り付けてしてください。
コードを記載する場合はなるべく「code」ボタンを使ってください。
ixkaito様、回答ありがとうございます。
コードボタンの使い方が分からないのですが、
やってみます。これで大丈夫でしょうか?使用しているテーマは、下記サイトの「Shotoku」というものです。
http://kachibito.net/wordpress/shotoku.html
それと、もう一つお尋ねしたいのですが・・・。
このサイトのDEMOは、
Demo & Screenshots というメニューにカーソルを置くと、
Text Sample Image Sample Video Sampleというメニューが下に出てきます。メニューバーのメニューにカーソルを置くと
もう一段新しく下にメニューバーで表示されるようにするには
どうしたら良いでしょうか?ダッシュボードのメニューのメインナビのメニュー構造に
段差をつけてメニューを保存したんですが、
2段目のメニューが表示されません。↓こんな感じ
apple
– fuji
-kougyoku
– mutu
– jonagoldよろしくお願いいたします。
—————————————————————-
<?php get_header(); ?> <article class="index_article"> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <section class="one-third column feature"> <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a> <?php if (get_post_meta($post->ID, "p-name", true)) : ?> <span class="p-name"><?php $key="p-name"; echo get_post_meta($post->ID, $key, true); ?></span> <?php else : ?> <?php endif; ?> </section> <?php endwhile; ?> <?php endif; ?> <div class="clear"></div> </article> <nav class="navigation"> <div class="fl"><?php next_posts_link(trim(__(' Older Entries', 'default'))) ?></div> <div class="fr"><?php previous_posts_link(trim(__('Newer Entries ', 'default'))) ?></div> <div class="clear"></div> </nav> <?php get_footer(); ?>コードボタンの使い方が分からないのですが、
やってみます。これで大丈夫でしょうか?これで大丈夫です。
テーマを確認しましたところ、画像の小さなキャプションはありますが、各記事のタイトルなどは出力していないので、サムネイルのみを表示させないというよりは、記事のsectionタグごと非表示になるかと思います。
カテゴリーappleの記事のみを表示させるなら
<?php get_header(); ?> <article class="index_article"> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <?php if(in_category('apple')): ?> <section class="one-third column feature"> <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a> <?php if (get_post_meta($post->ID, "p-name", true)) : ?> <span class="p-name"><?php $key="p-name"; echo get_post_meta($post->ID, $key, true); ?></span> <?php else : ?> <?php endif; ?> </section> <?php endif; ?> <?php endwhile; ?> <?php endif; ?> <div class="clear"></div> </article> <nav class="navigation"> <div class="fl"><?php next_posts_link(trim(__(' Older Entries', 'default'))) ?></div> <div class="fr"><?php previous_posts_link(trim(__('Newer Entries ', 'default'))) ?></div> <div class="clear"></div> </nav> <?php get_footer(); ?>メニューに関してはテーマで用意しているメニュー位置にメニューを設定すれば行けると思います。
メニュー保存後、メニュー設定:テーマの位置の「main menu」をチェックする。
ixkaito様、回答ありがとうございます。
あれからタグを貼りつけたりしてやってみたんですが、
確かにアップルのカテゴリーのみのアイキャッチ画像になるんですが、
なぜか、トップページには2個しかアイキャッチが出てこない感じで、
うまくいきませんでした。結局、もとのまま使うことにしました。
有難うございました。
トピック「トップページのアイキャッチ画像を指定のカテゴリーで表示したい場合」には新たに返信することはできません。