single-full-width-image.php

<?php
/*
	 * Template Name: Full width image
	 * Template Post Type: post
	 */

get_header();  ?>

<div id="content" class="site-content">
  <div id="primary" class="content-area">

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

      <?php the_post(); ?>
      <?php $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); ?>
      <header class="entry-header featured-full-width-img height-75 bg-dark text-light mb-3" style="background-image: url('<?php echo $thumb['0']; ?>')">
        <div class="container entry-header h-100 d-flex align-items-end pb-3">
          <h1 class="entry-title"><?php the_title(); ?></h1>
        </div>
      </header>

      <div class="container pb-5">

        <!-- Hook to add something nice -->
        <?php bs_after_primary(); ?>

        <?php the_breadcrumb(); ?>

        <div class="entry-content">

          <?php bootscore_category_badge(); ?>

          <p class="entry-meta">
            <small class="text-muted">
              <?php
              bootscore_date();
              _e(' by ', 'bootscore');
              the_author_posts_link();
              bootscore_comment_count();
              ?>
            </small>
          </p>

          <?php the_content(); ?>

        </div>

        <footer class="entry-footer clear-both">
          <div class="mb-4">
            <?php bootscore_tags(); ?>
          </div>
          <nav aria-label="Page navigation example">
            <ul class="pagination justify-content-center">
              <li class="page-item">
                <?php previous_post_link('%link'); ?>
              </li>
              <li class="page-item">
                <?php next_post_link('%link'); ?>
              </li>
            </ul>
          </nav>
        </footer>

        <?php comments_template(); ?>

      </div><!-- container -->

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

  </div><!-- #primary -->
</div><!-- #content -->
<?php get_footer(); ?>