slowtwitch-wp-theme/single.php

<?php get_header() ?>

<article class="container">
    <?php
    if (have_posts()) {
        while (have_posts()) {
            the_post();
            $post_id = get_the_ID();
    ?>
            <div class="column two-thirds">

                <?php custom_breadcrumbs(); ?>
                <h1 class="article-title"> <?php the_title(); ?> </h1>
                <div class="article-author-box">
                    <div class="article-author-name">
                        <img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
                        <?php the_author() ?>
                    </div>
                    <div>
                        <?php the_date() ?>
                    </div>
                </div>
                <?php the_content(); ?>
                <?php
                $related_posts = get_field('related_posts', $post_id);
                if (isset($related_posts)) :
                ?>
                    <div>
                        <h3>Related Articles</h3>
                        <div class="related-posts-grid">
                            <?php foreach ($related_posts as $post) : setup_postdata($post); ?>
                                <div class="related-posts-card">
                                    <?php the_post_thumbnail('thumbnail'); ?>
                                    <h6><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h6>
                                </div>
                            <?php endforeach;
                            wp_reset_postdata(); ?>
                        </div>
                    </div>

        <?php
                endif;
            }
        }
        ?>
            </div>
            <div class="column one-third">
            <img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
                <?php dynamic_sidebar('slowtwitch-front-page'); ?>
            </div>
</article>

<?php get_footer() ?>