single.php

<?php
/**
 * The template for displaying all single posts.
 *
 * @package understrap
 */

get_header();
$container = get_theme_mod( 'understrap_container_type' );?>

<!--section Blog/Single post-->
<?php if( get_field('blog_post_name',get_option('page_for_posts')) ): ?>
	<section class="blog_background_image"
	style="background-image: url(<?php echo get_theme_mod('blog-back-image'); ?>);
	background-size: cover; background-repeat: no-repeat; background-position: left center;">
	<div class="container">
		<h2 class="blog-name">
			<?php the_field('blog_post_name',get_option('page_for_posts')); ?> 
		</h2>
	</div>
</section>
<?php endif; ?>

<!--Main Post-->
<section class="<?php echo esc_attr( $container ); ?> padding-section">
	<div class="row">
		<div class="col-md-7 col-lg-8">
			<main class="main-content">
				<?php if( get_field('blog_title_post',get_option('page_for_posts')) ): ?>
					<h2 class="section-title">
						<?php the_field('blog_title_post',get_option('page_for_posts')); ?>
						<span class="section-subtitle">
							<?php the_field('blog_title_post_2',get_option('page_for_posts')); ?>
						</span>
					</h2>
				<?php endif; ?>

				<?php if (have_posts ()) : while ( have_posts() ) : the_post();?>
					<div class="image-post-title">
						<?php the_post_thumbnail();
						$archive_year = get_the_time('Y');
						$archive_month = get_the_time('m');
						$archive_day = get_the_time('d');
						?>
						<div class="date-header">
							<a href="<?= get_day_link($archive_year, $archive_month, $archive_day); ?>" class="blog-date">
								<time datetime="<?= get_the_date('Y-m-d'); ?>" >
									<?= get_the_date('M-j-Y'); ?>
								</time>
							</a>
							<h2 class="img-title post-title">
								<?php the_title() ?>
							</h2>
						</div>
					</div>
					<div class="single-content">
						<?php the_content();?>
					</div>
				<?php endwhile; ?>
			<?php endif; ?>
		</main>
		
		<div class="related-post-list">
			<?php if( get_field('related_posts_title',get_option('page_for_posts')) ): ?>
				<h2 class="related-post-title pb-5">
					<?php the_field('related_posts_title',get_option('page_for_posts')); ?>
				</h2>
			<?php endif; ?>
			<ul class="row flex-wrap">

				<?php
				$args = array(
					'numberposts' => 3,
					'offset' => 0,
					'category' => 0,
					'orderby' => 'post_date',
					'order' => 'DESC',
					'include' => '',
					'exclude' => '',
					'meta_key' => '',
					'meta_value' => '',
					'post_type' => 'post',
					'post_status' => 'publish',
					'post__not_in' => array(get_the_ID()),
					'suppress_filters' => true,
					'tax_query' => array(
						array(
							'taxonomy' => 'post_format',
							'field' => 'slug',
							'terms' => 'post-format-audio',
							'operator' => 'NOT IN'
						),
						array(
							'taxonomy' => 'post_format',
							'field' => 'slug',
							'terms' => 'post-format-quote',
							'operator' => 'NOT IN'
						)
					));
				$recent_posts = wp_get_recent_posts($args);
				?>


				<?php foreach ($recent_posts as $recent_post) { ?>
				<li class="col-12 col-lg-4 recent">

					<a href="<?php the_permalink($recent_post['ID']); ?>">
						<?php echo get_the_post_thumbnail($recent_post['ID']); ?>
					</a>
					<h4 class="recent-post-title pt-3">
						<a href="<?= get_permalink($recent_post["ID"]) ?>">
							<?= $recent_post['post_title']; ?>
						</a>
					</h4>
					<?php
					$archive_year  = get_the_time('Y');
					$archive_month = get_the_time('m');
					$archive_day   = get_the_time('d');
					?>
					<a href="<?= get_day_link($archive_year, $archive_month, $archive_day); ?>" class="d-inline-block" >
						<time datetime="<?php echo date('Y-m-d', strtotime($recent_post['post_date']));?>" >
							<?php echo date('d-M-Y', strtotime($recent_post['post_date']));?>
						</time>
					</a>
					<?php } ?>
				</li>
			</ul>
		</div>

		<div class="pt-5 mt-5">
			<?php
			if ( comments_open() || get_comments_number() ) :
				comments_template();
			endif;
			?>
		</div>

	</div>

	<aside class="sidebar col-md-5 col-lg-4">
		<?php dynamic_sidebar('right-page-sidebar'); ?>
	</aside>

</div>
</section>

<section class="back">
	<div class="<?php echo esc_attr( $container ); ?>">
		<div class="padding-section col-12 col-md-7 col-lg-8">
			<?php comment_form(); ?>
		</div>
	</div>
</section>




<?php get_footer(); ?>