这是一个开始。创建名为content-related.php

在里面粘贴以下代码

<?php
/**
 * The default template for displaying realted posts
 *
 * @package WordPress
 * @subpackage Pieter Goosen
 * @since pietergoosen 1.0
 */



wp_reset_postdata();
    global $post;

    // Define shared post arguments
    $categories = get_the_category($post->ID);
    if ($categories) :
        $category_ids = array();
        foreach($categories as $individual_category) 
            $category_ids[] = $individual_category->term_id;

        $args=array(
                \'category__in\' => $category_ids,
                \'post__not_in\' => array($post->ID),
                \'posts_per_page\'=>3, // Number of related posts that will be shown.
                \'ignore_sticky_posts\'=>1
            );

        $query = new wp_query($args);

    if ( $query->have_posts() ): ?>

    <div class="related-posts block">

        <h4 class="heading">
            <?php _e(\'You may also like &hellip;\',\'pietergoosen\'); ?>
        </h4>

            <div class="related-posts group">

                <?php while ( $query->have_posts() ) : $query->the_post(); ?>

 <--- YOUR LOOP GOES HERE--->

<?php endwhile; ?>

</div>

</div>

<?php endif; ?>

此代码检查类别（使用WP_Query)显示的帖子的get_the_category($post->ID). 从此类别中获取帖子。在此代码中，有三个帖子(\'posts_per_page\'=>3,) 将从当前显示的帖子类别中显示。您可以自定义查询以满足您的需要，也可以按您想要的方式自定义循环。

你现在可以在你的single.php 您需要使用显示相关帖子的位置

get_template_part(\'content\', \'related\');

至于款式，你需要自己解决。顺便说一句，CSS相关的东西在这里是离题的