<?php get_header(); ?> <?php get_sidebar('ZSuttonPhoto'); ?>
<!-- LOAD JAVASCRIPT LATE - JUST BEFORE THE BODY TAG
That way the browser will have loaded the images
and will know the width of the images. No need to
specify the width in the CSS or inline. -->
<!-- jQuery library - Please load it from Google API's -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<!-- jQuery UI Widget and Effects Core (custom download)
You can make your own at: http://jqueryui.com/download -->
<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<div class="BlogCSScontent-layout">
<div class="BlogCSScontent-layout-row">
<div class="BlogCSSlayout-cell BlogCSScontent">
<?php get_sidebar('top'); ?>
<?php
if (have_posts()){
/* Display navigation to next/previous posts when applicable */
if (theme_get_option('theme_top_single_navigation')) {
theme_page_navigation(
array(
'next_link' => theme_get_previous_post_link('« %link'),
'prev_link' => theme_get_next_post_link('%link »')
)
);
}
while (have_posts())
{
the_post();
get_template_part('content', 'single');
comments_template();
}
/* Display navigation to next/previous posts when applicable */
if (theme_get_option('theme_bottom_single_navigation')) {
theme_page_navigation(
array(
'next_link' => theme_get_previous_post_link('« %link'),
'prev_link' => theme_get_next_post_link('%link »')
)
);
}
} else {
theme_404_content();
}
?>
<?php get_sidebar('bottom'); ?>
<div class="cleared"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<?php get_footer(); ?>