サイトのカテゴリ表示を格好よく!

Equilibrium WordPress Themeでは、トップページはかっこ良くても、カテゴリ等を押したときにイマイチなので、少し修正しました。
この修正により、カテゴリ選択時でも、トップページのサムネイルのように格好よく表示されるようになります。

かなりソースコードが汚いので恥ずかしいのですが、こんな感じです。

iphone1.png

どんな部分を変更したかといいますと、
テーマの中にある、archive.php ファイルです。

  1. <?php get_header(); ?>
  2. <div class="content">
  3.         <?php if (have_posts()) : ?>
  4.  
  5.         <?php $post = $posts&#91;0&#93;; // Hack. Set $post so that the_date() works. ?>
  6.         <?php /* If this is a category archive */ if (is_category()) { ?>
  7.         <h2> &#8216;<?php single_cat_title(); ?>&#8217; カテゴリ</h2>
  8.         <?php /* If this is a tag archive */ } elseif( is_tag() ) { ?>
  9.         <h2>Posts Tagged &#8216;<?php single_tag_title(); ?>&#8217;</h2>
  10.         <?php /* If this is a daily archive */ } elseif (is_day()) { ?>
  11.         <h2>Archive for <?php the_time('Y.m.d'); ?></h2>
  12.         <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
  13.         <h2>Archive for <?php the_time('Y.m'); ?></h2>
  14.         <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
  15.         <h2>Archive for <?php the_time('Y'); ?></h2>
  16.         <?php /* If this is an author archive */ } elseif (is_author()) { ?>
  17.         <h2>Author Archive</h2>
  18.         <?php /* If this is a paged archive */ } elseif (isset($_GET&#91;'paged'&#93;) && !empty($_GET&#91;'paged'&#93;)) { ?>
  19.         <h2>Blog Archives</h2>
  20.         <?php } ?>
  21.  
  22.  
  23. <!-- 表示変更 -->
  24. <?php foreach((get_the_category()) as $c_v) {
  25.         $c_v ->cat_ID ;
  26.     }
  27.     $cat_id_v = $c_v->cat_ID;
  28.    
  29.      query_posts($query_string."&cat=${cat_id_v}&showposts=12"); ?>
  30.                 <?php while (have_posts()) : the_post(); ?>
  31.     <div class="latest-post-wrap">
  32.     <div class="latest-post">
  33.                 <div class="latest-title">
  34.             <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?>
  35. </a></h2>
  36.         </div>
  37.         <div class="latest-image">
  38.             <?php image_attachment('image', 162, 118, apply_filters('the_permalink', get_permalink())); ?>
  39.         </div>
  40.         </div>
  41.              <div class="latest-content">
  42.              <div class="postMeta-front"><span class="date"><?php the_time('Y.m.d A h:i') ?></span><span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span></div> <div class="clear"></div>
  43.                 <p><?php
  44.   $excerpt = get_the_excerpt();
  45.   echo string_limit_words($excerpt,30);
  46. ?></p>
  47. <p class="moretext"><a href="<?php the_permalink() ?>">続きを読む...</a></p>  
  48.     </div>
  49.         </div>
  50.                 <?php endwhile; ?> <!-- END -->
  51.  
  52.  
  53.  
  54. <?php endif; ?>
  55. </div>
  56. <?php get_sidebar(); ?>
  57.  <div class="clear"></div>
  58. <?php get_footer(); ?>

Leave a Reply