ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマGorgeous:トップページの特集記事の表示数を変更したい

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.トップページの特集記事の表示数を変更したい

Gorgeousでは、トップページに特集記事1と特集記事2が表示されておりますが、その表示数を変更する事はできますでしょうか?

A.下記のcssファイルの該当箇所を編集します

編集するファイル:index.php
編集する箇所:

■特集記事1(例:5件→21件に増やす場合)

  <?php if($options['featured_category']) { ?>
(中略)
       $args = array('post_type' => 'post', 'numberposts' => 5, 'category' => $featured_cat_id);

       ↓

 <?php if($options['featured_category']) { ?>
(中略)
       $args = array('post_type' => 'post', 'numberposts' => 21, 'category' => $featured_cat_id);

 

上記に加えて、下記も編集します。

 <?php } elseif($i==3) { ?>
   <li class="clearfix">
    <a class="image" href="<?php the_permalink() ?>"><?php if ( has_post_thumbnail()) { echo the_post_thumbnail('small_size'); } else { echo '<img src="'; bloginfo('template_url'); echo '/img/common/no_image3.jpg" alt="" title="" />'; }; ?></a>
    <div class="info">
     <?php if ($options['show_date']) { ?><p class="date"><?php the_time('Y-n-j'); ?></p><?php }; ?>
     <p class="title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></p>
    </div>
   </li>
  </ul>
  <ul class="post2 post3 clearfix">

 
      ↓

  
<?php } elseif($i==3||$i==5||$i==7||$i==9||$i==11||$i==13||$i==15||$i==17) { ?>
   <li class="clearfix">
    <a class="image" href="<?php the_permalink() ?>"><?php if ( has_post_thumbnail()) { echo the_post_thumbnail('small_size'); } else { echo '<img src="'; bloginfo('template_url'); echo '/img/common/no_image3.jpg" alt="" title="" />'; }; ?></a>
    <div class="info">
     <?php if ($options['show_date']) { ?><p class="date"><?php the_time('Y-n-j'); ?></p><?php }; ?>
     <p class="title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></p>
    </div>
   </li>
  </ul>
  <ul class="post2 clearfix">
  <?php } elseif($i==19) { ?>
   <li class="clearfix">
    <a class="image" href="<?php the_permalink() ?>"><?php if ( has_post_thumbnail()) { echo the_post_thumbnail('small_size'); } else { echo '<img src="'; bloginfo('template_url'); echo '/img/common/no_image3.jpg" alt="" title="" />'; }; ?></a>
    <div class="info">
     <?php if ($options['show_date']) { ?><p class="date"><?php the_time('Y-n-j'); ?></p><?php }; ?>
     <p class="title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></p>
    </div>
   </li>
  </ul>
  <ul class="post2 post3 clearfix"> 

デザイン上、「特集記事1」は偶数だと見栄えが良くない(最後が左側1つだけになる)ため
上記のご案内では21件を表示する例とさせて頂いております。
また、上記カスタマイズは「特集記事1」に表示するカテゴリに属する記事件数が
21件を超えていることを前提としております。
これに満たない場合はレイアウトが崩れる恐れがございますのでご注意ください。

■特集記事2(例:5件→20件に増やす場合)

<?php if($options['featured_category2']) { ?>
(中略)
       $args = array('post_type' => 'post', 'numberposts' => 5, 'category' => $featured_cat_id2);

<?php if($options['featured_category2']) { ?>
(中略)
       $args = array('post_type' => 'post', 'numberposts' => 20, 'category' => $featured_cat_id2);

 

「特集記事2」は最初の1件を左側に大きく表示し、
その他については右側に順に並べる体裁となっておりますので
あまり右側の数を増やしますと、左側の下部に大きな余白を作ることになりますのでご注意ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事