roi-theme/archive.php

<?php
/**
 * The template for displaying archive pages
 *
 * This template displays date-based, category, tag, author, and post type
 * archives with a dynamic title, description, and post loop.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#archive
 *
 * @package Apus_Theme
 * @since 1.0.0
 */

get_header();
?>

	<main id="main-content" class="site-main" role="main">

		<div class="content-wrapper">

			<!-- Primary Content Area -->
			<div id="primary" class="content-area">

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

					<!-- Archive Header -->
					<header class="page-header">
						<?php
						// Archive title
						the_archive_title( '<h1 class="page-title">', '</h1>' );

						// Archive description
						$archive_description = get_the_archive_description();
						if ( ! empty( $archive_description ) ) :
							?>
							<div class="archive-description">
								<?php echo wp_kses_post( wpautop( $archive_description ) ); ?>
							</div>
						<?php endif; ?>
					</header><!-- .page-header -->

					<!-- Archive Posts Loop -->
					<div class="archive-posts">

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

							<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

								<!-- Post Thumbnail -->
								<?php if ( has_post_thumbnail() ) : ?>
									<div class="post-thumbnail">
										<a href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
											<?php
											the_post_thumbnail(
												'apus-featured-medium',
												array(
													'alt' => the_title_attribute(
														array(
															'echo' => false,
														)
													),
													'loading' => 'lazy',
												)
											);
											?>
										</a>
									</div>
								<?php endif; ?>

								<!-- Post Content -->
								<div class="post-content">

									<!-- Post Header -->
									<header class="entry-header">

										<!-- Category Badges -->
										<?php
										$categories = get_the_category();
										if ( ! empty( $categories ) ) :
											?>
											<div class="entry-categories">
												<?php foreach ( $categories as $category ) : ?>
													<a href="<?php echo esc_url( get_category_link( $category->term_id ) ); ?>"
													   class="category-badge"
													   rel="category tag">
														<?php echo esc_html( $category->name ); ?>
													</a>
												<?php endforeach; ?>
											</div>
										<?php endif; ?>

										<!-- Post Title -->
										<?php
										if ( is_singular() ) :
											the_title( '<h1 class="entry-title">', '</h1>' );
										else :
											the_title(
												sprintf(
													'<h2 class="entry-title"><a href="%s" rel="bookmark">',
													esc_url( get_permalink() )
												),
												'</a></h2>'
											);
										endif;
										?>

										<!-- Post Meta -->
										<div class="entry-meta">
											<span class="posted-on">
												<time class="entry-date published" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>">
													<?php echo esc_html( get_the_date() ); ?>
												</time>
											</span>
											<span class="byline">
												<span class="author vcard">
													<a class="url fn n" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>">
														<?php echo esc_html( get_the_author() ); ?>
													</a>
												</span>
											</span>
										</div><!-- .entry-meta -->

									</header><!-- .entry-header -->

									<!-- Post Excerpt -->
									<div class="entry-summary">
										<?php the_excerpt(); ?>
									</div><!-- .entry-summary -->

									<!-- Read More Link -->
									<div class="entry-footer">
										<a href="<?php the_permalink(); ?>" class="read-more-link">
											<?php
											printf(
												wp_kses(
													/* translators: %s: Post title. Only visible to screen readers. */
													__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'apus-theme' ),
													array(
														'span' => array(
															'class' => array(),
														),
													)
												),
												get_the_title()
											);
											?>
											<span class="read-more-icon" aria-hidden="true">&rarr;</span>
										</a>
									</div><!-- .entry-footer -->

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

							</article><!-- #post-<?php the_ID(); ?> -->

						<?php endwhile; ?>

					</div><!-- .archive-posts -->

					<?php
					/**
					 * Pagination
					 * Display navigation to next/previous set of posts when applicable.
					 */
					the_posts_pagination(
						array(
							'mid_size'  => 2,
							'prev_text' => sprintf(
								'%s <span class="nav-prev-text">%s</span>',
								'<span class="nav-icon" aria-hidden="true">&laquo;</span>',
								esc_html__( 'Previous', 'apus-theme' )
							),
							'next_text' => sprintf(
								'<span class="nav-next-text">%s</span> %s',
								esc_html__( 'Next', 'apus-theme' ),
								'<span class="nav-icon" aria-hidden="true">&raquo;</span>'
							),
							'before_page_number' => '<span class="screen-reader-text">' . esc_html__( 'Page', 'apus-theme' ) . ' </span>',
							'aria_label' => esc_attr__( 'Posts navigation', 'apus-theme' ),
						)
					);

				else :

					/**
					 * No posts found
					 * Display a message when no content is available.
					 */
					?>
					<section class="no-results not-found">
						<header class="page-header">
							<h1 class="page-title">
								<?php esc_html_e( 'Nothing Found', 'apus-theme' ); ?>
							</h1>
						</header><!-- .page-header -->

						<div class="page-content">
							<p>
								<?php esc_html_e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'apus-theme' ); ?>
							</p>
						</div><!-- .page-content -->
					</section><!-- .no-results -->

				<?php endif; ?>

			</div><!-- #primary -->

			<?php
			/**
			 * Sidebar
			 * Display the sidebar if it's active.
			 */
			if ( is_active_sidebar( 'sidebar-1' ) ) :
				get_sidebar();
			endif;
			?>

		</div><!-- .content-wrapper -->

	</main><!-- #main-content -->

<?php
get_footer();