WordPressテーマ「STINGER3」の関連記事の表示件数をカスタマイズ

WordPress WordPress
この記事は約1分で読めます。

当ブログは、検索エンジン最適化(SEO)に強いと言われているWordPressテーマ「STINGER3」を使用しています。

今回は、その「STINGER3」の投稿ページに表示される関連記事の表示件数を変更したいと思います。

というのも、その投稿ページと同じカテゴリーの記事を10件表示する仕組みになっているのですが、10件だと少しページが縦長になってしまうので。

スマートフォンの場合だと特に。

ということで、表示する関連記事を5件にしたいと思います。

なお、今回のバージョンは以下です。

  • WordPress 3.9.2
  • STINGER3_ver20140327
スポンサーリンク

投稿ページの変更

「single.php」ファイルの以下の場所を、「10」から「5」へ変更する。

<div class="kizi02"> 
    <!--関連記事-->
    <h4 class="kanren">関連記事</h4>
    <div class="sumbox02">
      <div id="topnews">
        <div>
          <?php
$categories = get_the_category($post->ID);
$category_ID = array();
foreach($categories as $category):
array_push( $category_ID, $category -> cat_ID);
endforeach ;
$args = array(
'post__not_in' => array($post -> ID),
'posts_per_page'=> 5,
'category__in' => $category_ID,
'orderby' => 'rand',
);
$st_query = new WP_Query($args); ?>
          <?php
if( $st_query -> have_posts() ): ?>
          <?php
while ($st_query -> have_posts()) : $st_query -> the_post(); ?>
          <dl>
            <dt> <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
              <?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
              <?php echo get_the_post_thumbnail($post->ID, 'thumb110'); ?>
              <?php else: // サムネイルを持っていないときの処理 ?>
              <img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="110px" />
              <?php endif; ?>
              </a> </dt>
            <dd>
              <h4 class="saisin"> <a href="<?php the_permalink(); ?>">
                <?php the_title(); ?>
                </a></h4>
              <p class="basui">
             <?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 50 ) . ''; ?></p>
              <p class="motto"><a href="<?php the_permalink(); ?>">記事を読む</a></p>
            </dd>
          </dl>
          <?php endwhile;
?>
          <?php else:
?>
          <p>記事はありませんでした</p>
          <?php
endif;
wp_reset_postdata();
?>
        </div>
      </div>
    </div>
  </div>
  <!--/kizi--> 
  <!--/関連記事-->

これで、表示される関連記事は5件になりました。

以上です。

スポンサーリンク
スポンサーリンク
WordPress
えふめん

コスパ・効率重視の大阪人。でも口数少なめ。O型だけど割とキッチリ。心穏やかに生きていきたいと日々願っている。

特技:VBAで仕事の効率化。とりあえずググる。

えふめんをフォローする
\よかったらシェアしてね/
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
俺の開発研究所

コメント

タイトルとURLをコピーしました