wp-flex-kit/single.php at master · thriveweb/wp-flex-kit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?php get_header(); ?>

<?php while ( have_posts() ) : the_post(); ?>

  <?php $featimg = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), '1800w' ); ?>

  <section class="single-post--header-image relative black">
    <div class="background-image" style="background-image: url(<?= $featimg[0]; ?>);"></div>
  </section>

  <div class="single-post--back-btn container skinny">
    <a class="single-post--back-btn--btn" href="<?php echo get_post_type_archive_link('post'); ?>"><i class="fa fa-angle-left"></i> BACK</a>
  </div>

  <section class="single-post--container container skinny white">
    <div class="single-post--heading">
      <h1 class="single-post--title"><?php the_title(); ?></h1>
      <div class="single-post--meta">
        <div class="single-post--meta--category"><?php the_category( ', ' ); ?></div>
        <div class="single-post--meta--date"><?php the_date(); ?></div>
      </div>
    </div>

    <?php the_content();?>

    <div class="single-post--footer">
      <?php get_template_part( 'components/share' ); ?>
    </div>
  </section>

  <section class="section light relative">
    <div class="container skinny">
      <div class="pagination">
        <span class="pagination--button pagination--button--previous"><?php previous_post_link( '%link', '<i class="fa fa-2x fa-angle-left"></i> Prev Post'); ?></span>
        <span class="pagination--button pagination--button--next"><?php next_post_link( '%link', 'Next Post <i class="fa fa-2x fa-angle-right"></i>'); ?></span>
      </div>
    </div>
  </section>

<?php endwhile; // End the loop. Whew. ?>

<?php get_footer(); ?>