Oxygen: Single Column Archive With Featured Image

Use code with Helpers > Easy Posts

PHP Template

<article class='oxy-post'>
    <?php
        add_filter( 'excerpt_length', function($length) {
            return 25;
        } );
    ?>
    
    <?php if (has_post_thumbnail()) { ?>
        <a href='<?php the_permalink(); ?>'>
            <img src='<?php the_post_thumbnail_url(); ?>' class='oxy-post-image' />
        </a>
    <?php } ?>

	<div class='oxy-post-content'>
        <a class='oxy-post-title' href='<?php the_permalink(); ?>'>
            <h2><?php the_title(); ?></h2>
        </a>
		<?php the_excerpt(); ?>
	</div>
</article>

CSS Template

%%EPID%% .oxy-posts {
    display: flex;
    flex-direction: column;
}

%%EPID%% .oxy-post {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    margin-bottom: 1em;
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.15);
}

%%EPID%% .oxy-post-image {
    width: 100%;
}

%%EPID%% .oxy-post-title {
    font-size: 2em;
    line-height: 1.2em;
}

%%EPID%% .oxy-post-content {
    padding: 2em;
    width: 100%;
}

%%EPID%% .oxy-post-content p {
    margin: 0;
}