wordpress-related-posts.php

<section class="span_12 grid xs-sm:p_0 ptrl bg_dark-blue bg_dark relative">
    <div class="span_12 container grid row-gap w_1-1 pt">
        <div class="span_12 text_center">
            <h2 class="font-w_700">Related</h2>
        </div>
        <div class="span_12 grid row-gap column-gap_2">

            <?php $related = get_posts( array( 'category__in' => wp_get_post_categories($post->ID), 'numberposts' => 3, 'post__not_in' => array($post->ID) ) ); if( $related ) foreach( $related as $post ) {
            setup_postdata($post); ?>

            <div id="post-<?php the_ID(); ?>" <?php post_class( "span_12 md-xl:span_4 block block_link relative prbl"); ?>>
                <a class="block__link" href="<?php the_permalink(); ?>"></a>
                <?php if (has_post_thumbnail( $post->ID ) ): ?>
                <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' ); ?>
                <div class="block__image-container grid overflow_hidden">
                    <div class="block__image span_12 h_200 grid relative" style="background-image: url('<?php echo $image[0]; ?>'); background-position:center">
                    </div>
                </div>
                <?php endif; ?>
                <div class="pt">
                    <header class="span_12 align_center-center">
                        <h3 class="font-w_700 mb_md text_center">
                            <?php the_title(); ?>
                        </h3>
                    </header>
                </div>
            </div>

            <?php } wp_reset_postdata(); ?>
        </div>
    </div>
</section>