single.php 2.61 KB
<?php
/**
 * The template for displaying all single posts
 *
 * @package Understrap
 */
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

get_header();

$container = get_theme_mod( 'understrap_container_type' );

$post_thumbnail_id = get_post_thumbnail_id($post->ID);
$thumbnail_image = get_posts(array('p' => $post_thumbnail_id, 'post_type' => 'attachment'));
$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'full' ); 
$subhead = get_field('subhead');
//$badge = get_field('badge');

if ($thumbnail_image && isset($thumbnail_image[0])) {
    $img_description = $thumbnail_image[0]->post_content;
	$photo_caption = $thumbnail_image[0]->post_excerpt;
    $img_alt = get_post_meta($post_thumbnail_id , '_wp_attachment_image_alt', true);
    $img_title = $thumbnail_image[0]->post_title;
	$copy =  $thumbnail_image[0]->post_title;

}





?>
<?php if ( has_post_thumbnail() ) { ?>
	<header class="entry-header header page" style=" background-image: url('<?php echo $url;?> ')">
	<div class="content-container">
		<div class="container" style="height: 100%;">
			<div class="col-md-12 fx-style">
			<div class="search-box"><div id="search-box-content"><?php the_field('page_search_block', 'option'); ?></div> <div class="search-button">Search</div></div>
					<div class="header_text">
						<div class="breadcrumb"><?php get_breadcrumb(); ?></div> 
						<?php the_field('header_text'); ?>	
				    </div>
					<?php if($badge){
						$badge_content = get_field('badge_content');
						echo "<div class='badge'><span>".$badge_content['badge_label']."</span><div class='badge_content'><p>".$badge_content['badge_text']."</p></div></div>";
						}?>	
			</div>
	
		</div>	
	</div>
		<div class='side-caption header-caption'>
		
		<a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
		<span class='image-side-caption'>
			<span class='cap'><?= $photo_caption ?></span>
			<span class='copyright'><?= ($copy) ? "&copy; ".$copy : "" ?></span>
		</span>
	</div>
	</header><!-- .entry-header -->
<?php } ?>
<div class="wrapper" id="full-width-page-wrapper">

	<div class="<?php echo esc_attr( $container ); ?>" id="content">

		<div class="col-md-12 content-area" id="primary">

			<main class="site-main" id="main" role="main">
		
			<div class="header_text mobile"><div class="breadcrumb"><?php get_breadcrumb(); ?></div> <?php the_field('header_text'); ?>	</div>
	
			<?php
			while ( have_posts() ) {
				the_post();
				
				get_template_part( 'loop-templates/content', 'page' );
			}
			?>

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

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

		</div><!-- #content -->

	</div><!-- #full-width-page-wrapper -->

<?php
get_footer();