WordPress プラグインなしで関連記事を自動表示させる設定

2019年04月20日

プラグインなしで関連記事を自動表示

ブログページの記事の下（設定次第で好きな場所にできます）に関連記事が自動で表示されるように設定しました。
プラグインで設定しましたがサイトに負担になるので、プラグインなしで設置し直してみます。

設定方法

掲載したい箇所に貼り付け　投稿ページ　single.php


<?php if( has_category() ) {
    $cats = get_the_category();
    $catkwds = array();
    foreach($cats as $cat) {
        $catkwds[] = $cat->term_id;
    }
} ?>
<?php
$myposts = get_posts( array(
    'post_type' => 'post',
    'posts_per_page' => '6',
    'post__not_in' => array( $post->ID ),
    'category__in' => $catkwds,
    'orderby' => 'rand'
) ); 
if( $myposts ): ?>
 
<div class="related">
<h3>関連記事</h3>
<ul>
<?php foreach($myposts as $post):
setup_postdata($post); ?>
 
<li><a href="<?php the_permalink(); ?>">
    <div class="related-title">
    <?php the_title(); ?>
    </div>
</a></li>
 
<?php endforeach; ?>
</ul>
</div>
<?php wp_reset_postdata();
endif; ?>

サムネイル画像も入れる場合は追記


<div class="related-thumb">
    <?php if( has_post_thumbnail() ): ?>
    <?php echo get_the_post_thumbnail($post->ID, 'thumb100'); ?>
        <?php else: ?>
        <img src="<?php echo get_template_directory_uri(); ?>/images/no-image.png" alt="NO IMAGE" title="NO IMAGE" width="100px" />
        <?php endif; ?>
    </div>