新着記事一覧の横にカテゴリーアイコンをつけたい

  • tankichi

    (@tankichi)


    14年、 9ヶ月前

    質問失礼します。

    個別ページに下記のソースをいれて新着記事の一覧を表示させました。

    <?php
$lastposts = get_posts('numberposts=5');
foreach($lastposts as $post) :
    setup_postdata($post);
 ?>
<li><?php the_time('Y年m月d日'); ?>&nbsp;&nbsp;| &nbsp;&nbsp;<a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>

    これだと、全カテゴリーが一緒に表示され、

    “2010年○月○日　｜　記事のタイトル”

    のように表示されますが、

    “2010年○月○日　（ここにカテゴリーごとの画像アイコン）　記事のタイトル”

    のように記事一覧タイトルの中にその記事のカテゴリーもわかるように
    そのカテゴリーごとの画像アイコンを自動で表示させたいときには
    どうしたらよいのでしょうか？

    やりたいことの例を画像でつくってみました↓
    http://blog-imgs-38.fc2.com/w/e/t/wetz/ex.gif

    さらに応用で下記のようにして

    <?php $my_query = new WP_Query('cat=1'); ?>
<?php if ($my_query->have_posts()) : ?>
    <?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><?php the_time('Y年m月d日'); ?>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></li>
    <?php endwhile; ?>
<?php endif; ?>

    同カテゴリーだけの新着一覧も表示させているのですが
    これにも子カテゴリーが何なのかわかるように
    同様の処置をとりたいと考えています。

    どなたか是非ご教授ください。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • kz

    (@kz)

    14年、 9ヶ月前

    （未検証）
    テーマフォルダ/images に category-カテゴリースラッグ名.jpg の画像があるとして：

    （略）
$cats = get_the_category();
$cat = $cat[0];
$cat_img = '<img src="' . get_bloginfo('templatre_url'). '/images/category-'
  . $cat->category_nicename . '.jpg" alt="' . $cat->cat_name . '" />';
?>
<li>
  <?php the_time('Y年m月d日'); ?>&nbsp;&nbsp;
  <?php echo $img; ?>&nbsp;&nbsp;
  <a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>">
    <?php the_title(); ?>
  </a>
</li>
 （略）

    参照：get the category

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「新着記事一覧の横にカテゴリーアイコンをつけたい」には新たに返信することはできません。