wp-duckbehaviorjournal/archive-article.php

<?php get_header(); ?>

<!-- Archive Content -->
<section class="container my-5">
    <h1 class="display-4 text-center">Articles</h1>
    <div class="row">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                <div class="col-md-4">
                    <div class="card mb-4 shadow-sm">
                        <?php if (has_post_thumbnail()) : ?>
                            <img src="<?php the_post_thumbnail_url(); ?>" class="card-img-top" alt="<?php the_title(); ?>">
                        <?php endif; ?>
                        <div class="card-body">
                            <h5 class="card-title"><?php the_title(); ?></h5>
                            <p class="card-text">
                                <?php
                                $authors = get_post_meta(get_the_ID(), 'article_authors', true);
                                if (!empty($authors)) {
                                    echo esc_html($authors[0]);
                                    if (count($authors) > 1) {
                                        echo ' et al.';
                                    }
                                } else {
                                    the_author();
                                }
                                ?>
                            </p>
                            <p class="card-text"><?php the_excerpt(); ?></p>
                            <a href="<?php the_permalink(); ?>" class="btn btn-outline-primary">Read More</a>
                        </div>
                    </div>
                </div>
            <?php endwhile;
        else : ?>
            <p><?php _e('Sorry, no articles found.', 'duck-behavior-journal'); ?></p>
        <?php endif; ?>
    </div>
</section>

<?php get_footer(); ?>