archive.php

<?php
/**
 * The template for displaying archive pages
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package proton
 */

get_header();

//get category
$proton_category = get_the_category();

//get number of posts in category
if( $proton_category ){
	$proton_category_num_posts = $proton_category[0]->category_count;
}

//get author ID
$proton_author_id = get_the_author_meta( 'ID' );

//get avatar
$proton_author_avatar = get_avatar( $proton_author_id, 100, '', '', $args = array( 'class' => 'author-profile-pic' ) );

//get author bio
$proton_author_bio = get_the_author_meta( 'description' );

//get author website
$proton_author_website = get_the_author_meta( 'user_url' );

?>

<main id="site-main" class="site-main outer">
<div class="inner posts">
    <div class="post-feed">

        <section class="post-card post-card-large">
            <div class="post-card-content">

            	<?php if( is_author() ){ ?>
                    <?php if( $proton_author_avatar ){ ?>
                        <?php echo $proton_author_avatar; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                    <?php } ?>
                <?php } ?>

                <header class="post-card-header">
                    <h2 class="post-card-title">
	                    <?php
			        		if( is_category() ){
			            		echo single_term_title();
			        		}elseif( is_date() ){
			        			echo get_the_date( _x( 'F Y', 'monthly archives date format', 'proton' ) );
			        		}elseif( is_author() ){
			        			the_author();
			        		}else{
			        			esc_html_e( 'Archive', 'proton' );
			        		}
			        	?>
		        	</h2>
                </header>
                <div class="post-card-excerpt">
                    <?php
	            	if ( have_posts() ) :

	            		//check if category description is set
	            		if( category_description() ){
	            			//output category description
	            			echo category_description();
	            		}elseif( is_author() ){
	            			echo esc_html( $proton_author_bio );
	            		}else{
	            			//output number of posts in category
	            			if( $proton_category_num_posts > 1 ){
	            				/* translators: %d: number of posts, i.e. 5 posts  */
	            				$proton_category_text = printf( esc_html__( 'A collection of %d posts.', 'proton' ), esc_html( $proton_category_num_posts ) );
	            			}else{
	            				/* translators: %d: number of posts, i.e. 5 posts  */
	            				$proton_category_text = printf( esc_html__( 'A collection of %d post.', 'proton' ), esc_html ( $proton_category_num_posts ) );
	            			}
	            		}

	            	endif;
	            	?>
                </div>

                <footer class="author-profile-footer">
                    <div class="author-profile-meta">
                        <?php if( $proton_author_website ){ ?>
                            <a class="author-profile-social-link" href="<?php echo esc_url( $proton_author_website ); ?>" target="_blank" rel="noopener"><?php echo esc_url( $proton_author_website ); ?></a>
                        <?php } ?>
                    </div>
                </footer>

            </div> <!-- .post-card-content -->
        </section> <!-- .post-card -->

        <?php if ( have_posts() ) : ?>

			<?php
			/* Start the Loop */
			while ( have_posts() ) :
				the_post();

				/*
				 * Include the Post-Type-specific template for the content.
				 * If you want to override this in a child theme, then include a file
				 * called content-___.php (where ___ is the Post Type name) and that will be used instead.
				 */
				get_template_part( 'template-parts/content', get_post_type() );

			endwhile;

		else :

			get_template_part( 'template-parts/content', 'none' );

		endif;
		?>

    </div>

    <?php 
    	the_posts_navigation(
            array(
                'prev_text' => __('Older Posts <span>→</span>', 'proton'),
                'next_text' => __('<span>←</span> Newer Posts', 'proton'),
            )
        );
    ?>
    
</div>
</main>


<?php
get_footer();