fixed formatting issues in page view
parent
2bb7481657
commit
7a6d951cb0
56
page.php
56
page.php
|
@ -1,9 +1,10 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<body>
|
<body class="custom-background">
|
||||||
<div class="site-wrapper">
|
<div class="site-wrapper">
|
||||||
|
|
||||||
<div id="loading-bar-wrapper">
|
<div id="loading-bar-wrapper">
|
||||||
|
@ -24,11 +25,12 @@ get_header();
|
||||||
|
|
||||||
<header class="article-header">
|
<header class="article-header">
|
||||||
<h1 class="article-title" itemprop="name"><?php the_title(); ?></h1>
|
<h1 class="article-title" itemprop="name"><?php the_title(); ?></h1>
|
||||||
<div class="article-meta">Posted on <time class="article-time" datetime="2016-09-03T22:30:34.000Z" itemprop="datePublished">Sep 3, 2016</time></div>
|
<div class="article-meta"><?php echo get_the_date('Y-m-d'); ?></div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
$featured_image = get_the_post_thumbnail_url(get_the_ID(), 'featuredImageFull');
|
$featured_image = get_the_post_thumbnail_url(get_the_ID(), 'featuredImageFull');
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php if (get_the_tags()) :?>
|
<?php if (get_the_tags()) :?>
|
||||||
|
@ -45,8 +47,9 @@ get_header();
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<div class="featured-image">
|
||||||
<p align="center"><img src="<?php echo $featured_image; ?>"></p>
|
<p align="center"><img class="featured-image" src="<?php echo $featured_image; ?>"></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="article-entry" itemprop="articleBody">
|
<div class="article-entry" itemprop="articleBody">
|
||||||
<?php
|
<?php
|
||||||
|
@ -61,21 +64,60 @@ get_header();
|
||||||
endif;
|
endif;
|
||||||
endwhile; // End of the loop.
|
endwhile; // End of the loop.
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php
|
||||||
|
$next_post = get_next_post();
|
||||||
|
$prev_post = get_previous_post();
|
||||||
|
if (!empty ($prev_post)): $prev_thumb = get_the_post_thumbnail_url($prev_post->ID);
|
||||||
|
?>
|
||||||
|
<div class="prev-next">
|
||||||
|
<span class="previous">
|
||||||
|
<ul class="post-list">
|
||||||
|
|
||||||
|
<li class="post-item grid-item" style="background-image: url(<?php echo $prev_thumb; ?>);">
|
||||||
|
<a class="post-link" href="<?php echo esc_url( get_permalink( $prev_post->ID ) ); ?>">
|
||||||
|
<h3 class="post-title"><?php echo esc_attr( $prev_post->post_title ); ?></h3>
|
||||||
|
<div class="post-meta"><?php echo esc_attr( $prev_post->post_date ); ?></div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</span>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if (!empty( $next_post )): $next_thumb = get_the_post_thumbnail_url($next_post->ID); ?>
|
||||||
|
<span class="next">
|
||||||
|
<ul class="post-list">
|
||||||
|
<li class="post-item grid-item" style="background-image: url(<?php echo $next_thumb; ?>);">
|
||||||
|
<a class="post-link" href="<?php echo esc_url( get_permalink( $next_post->ID ) ); ?>">
|
||||||
|
<h3 class="post-title"><?php echo esc_attr( $next_post->post_title ); ?></h3>
|
||||||
|
<div class="post-meta"><?php echo esc_attr( $next_post->post_date ); ?></div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</span>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.getElementById("loading-bar").style.width = "60%"
|
document.getElementById("loading-bar").style.width = "60%"
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<?php get_footer(); ?>
|
<?php get_footer(); ?>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.getElementById("loading-bar").style.width = "80%"
|
document.getElementById("loading-bar").style.width = "80%"
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<div class="overlay"></div>
|
<div class="overlay"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -85,6 +127,8 @@ get_template_part( 'loader', get_post_format() );
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue