Неправильно отображаемая страница
Сажаю готовую верстку на wordpress. Скачал верстку со Sparrow. Создал шаблон страницы Myblogtemplate
<?php
/*
Template Name: Myblogtemplate
*/
?>
<?php get_header('second'); ?>
<!-- Content
================================================== -->
<div class="content-outer">
<div id="page-content" class="row">
<div id="primary" class="eight columns">
<article class="post">
<div class="entry-header cf">
<h1><a href="single.html" title="">Proin gravida nibh vel velit auctor aliquet Aenean sollicitudin auctor.</a></h1>
<p class="post-meta">
<time class="date" datetime="2014-01-14T11:24">Jan 14, 2014</time>
/
<span class="categories">
<a href="#">Design</a> /
<a href="#">User Inferface</a> /
<a href="#">Web Design</a>
</span>
</p>
</div>
<div class="post-thumb">
<a href="single.html" title=""><img src="images/post-image/post-image-1300x500-01.jpg" alt="post-image" title="post-image"></a>
</div>
<div class="post-content">
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate
cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a
ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. </p>
</div>
</article> <!-- post end -->
<article class="post">
<div class="entry-header cf">
<h1><a href="single.html" title="">Proin gravida nibh vel velit auctor aliquet Aenean sollicitudin auctor.</a></h1>
<p class="post-meta">
<time class="date" datetime="2014-01-14T11:24">Jan 14, 2013</time>
/
<span class="categories">
<a href="#">Design</a> /
<a href="#">User Inferface</a> /
<a href="#">Web Design</a>
</span>
</p>
</div>
<div class="post-thumb">
<a href="single.html" title=""><img src="images/post-image/post-image-1300x500-02.jpg" alt="post-image" title="post-image"></a>
</div>
<div class="post-content">
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate
cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a
ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. </p>
</div>
</article> <!-- post end -->
<article class="post">
<div class="entry-header cf">
<h1><a href="single.html" title="">Proin gravida nibh vel velit auctor aliquet Aenean sollicitudin auctor.</a></h1>
<p class="post-meta">
<time class="date" datetime="2014-01-14T11:24">Jan 14, 2014</time>
/
<span class="categories">
<a href="#">Design</a> /
<a href="#">User Inferface</a> /
<a href="#">Web Design</a>
</span>
</p>
</div>
<div class="post-thumb">
<a href="single.html" title=""><img src="images/post-image/post-image-1300x500-03.jpg" alt="post-image" title="post-image"></a>
</div>
<div class="post-content">
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate
cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a
ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. </p>
</div>
</article> <!-- post end -->
<!-- Pagination -->
<nav class="col full pagination">
<ul>
<li><span class="page-numbers prev inactive">Prev</span></li>
<li><span class="page-numbers current">1</span></li>
<li><a href="#" class="page-numbers">2</a></li>
<li><a href="#" class="page-numbers">3</a></li>
<li><a href="#" class="page-numbers">4</a></li>
<li><a href="#" class="page-numbers">5</a></li>
<li><a href="#" class="page-numbers">6</a></li>
<li><a href="#" class="page-numbers">7</a></li>
<li><a href="#" class="page-numbers">8</a></li>
<li><a href="#" class="page-numbers">9</a></li>
<li><a href="#" class="page-numbers next">Next</a></li>
</ul>
</nav>
</div> <!-- Primary End-->
<div id="secondary" class="four columns end">
<aside id="sidebar">
<div class="widget widget_search">
<h5>Search</h5>
<form action="#">
<input class="text-search" type="text" onfocus="if (this.value == 'Search here...') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Search here...'; }" value="Search here...">
<input type="submit" class="submit-search" value="">
</form>
</div>
<div class="widget widget_text">
<h5 class="widget-title">Text Widget</h5>
<div class="textwidget">Proin gravida nibh vel velit auctor aliquet.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum,
nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus
a sit amet mauris. Morbi accumsan ipsum velit. </div>
</div>
<div class="widget widget_categories">
<h5 class="widget-title">Categories</h5>
<ul class="link-list cf">
<li><a href="#">Designs</a></li>
<li><a href="#">Internet</a></li>
<li><a href="#">Typography</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Development</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Other Stuff</a></li>
</ul>
</div>
<div class="widget widget_tag_cloud">
<h5 class="widget-title">Tags</h5>
<div class="tagcloud cf">
<a href="#">drupal</a>
<a href="#">joomla</a>
<a href="#">ghost</a>
<a href="#">wordpress</a>
</div>
</div>
<div class="widget widget_photostream">
<h5>Photostream</h5>
<ul class="photostream cf">
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumbnail"></a></li>
</ul>
</div>
</aside>
</div> <!-- Secondary End-->
</div>
</div> <!-- Content End-->
<!-- Tweets Section
================================================== -->
<section id="tweets">
<div class="row">
<div class="tweeter-icon align-center">
<i class="fa fa-twitter"></i>
</div>
<ul id="twitter" class="align-center">
<li>
<span>
This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
<a href="#">http://t.co/CGIrdxIlI3</a>
</span>
<b><a href="#">2 Days Ago</a></b>
</li>
<!--
<li>
<span>
This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
<a href="#">http://t.co/CGIrdxIlI3</a>
</span>
<b><a href="#">3 Days Ago</a></b>
</li>
-->
</ul>
<p class="align-center"><a href="#" class="button">Follow us</a></p>
</div>
</section> <!-- Tweets Section End-->
<?php get_footer(); ?>Она отображается след. образом
а должно отображаться как на
А страница index.php, с которой происходит переход на blog.php по ссылке Blog (правое верхнее меню), имеет вид
<?php get_header(); ?>
<!-- Intro Section
================================================== -->
<section id="intro">
<!-- Flexslider Start-->
<div id="intro-slider" class="flexslider">
<ul class="slides">
<!-- Slide -->
<li>
<div class="row">
<div class="twelve columns">
<div class="slider-text">
<h1>Free amazing site template<span>.</span></h1>
<p>Aenean condimentum, lacus sit amet luctus lobortis, dolores et quas molestias excepturi
enim tellus ultrices elit, amet consequat enim elit noneas sit amet luctu. lacus sit amet luctus lobortis, dolores et quas molestias excepturi
enim tellus ultrices elit.</p>
</div>
<div class="slider-image">
<img src="images/sliders/home-slider-image-01.png" alt="" />
</div>
</div>
</div>
</li>
<!-- Slide -->
<li>
<div class="row">
<div class="twelve columns">
<div class="slider-text">
<h1>Responsive + HTML5 + CSS3<span>.</span></h1>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum
deleniti eos et accusamus. amet consequat enim elit noneas sit amet luctu. lacus sit amet luctus lobortis.
Aenean condimentum, lacus sit amet luctus.</p>
</div>
<div class="slider-image">
<img src="images/sliders/home-slider-image-02.png" alt="" />
</div>
</div>
</div>
</li>
</ul>
</div> <!-- Flexslider End-->
</section> <!-- Intro Section End-->
<!-- Info Section
================================================== -->
<section id="info">
<div class="row">
<div class="bgrid-quarters s-bgrid-halves">
<div class="columns">
<h2>Clean & Modern.</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<div class="columns">
<h2>Responsive.</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<div class="columns s-first">
<h2>HTML5 + CSS3.</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<div class="columns">
<h2>Free of Charge.</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
</div>
</section> <!-- Info Section End-->
<!-- Works Section
================================================== -->
<section id="works">
<div class="row">
<div class="twelve columns align-center">
<h1>Some of our recent works.</h1>
</div>
<div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-halves">
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="portfolio.html">
<img alt="" src="images/portfolio/geometrics.jpg">
<div class="overlay"></div>
<div class="link-icon"><i class="fa fa-link"></i></div>
</a>
<div class="portfolio-item-meta">
<h5><a href="portfolio.html">Geometrics</a></h5>
<p>Illustration</p>
</div>
</div>
</div>
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="portfolio.html">
<img alt="" src="images/portfolio/console.jpg">
<div class="overlay"></div>
<div class="link-icon"><i class="fa fa-link"></i></div>
</a>
<div class="portfolio-item-meta">
<h5><a href="portfolio.html">Console</a></h5>
<p>Web Development</p>
</div>
</div>
</div>
<div class="columns portfolio-item s-first">
<div class="item-wrap">
<a href="portfolio.html">
<img alt="" src="images/portfolio/camera-man.jpg">
<div class="overlay"></div>
<div class="link-icon"><i class="fa fa-link"></i></div>
</a>
<div class="portfolio-item-meta">
<h5><a href="portfolio.html">Camera Man</a></h5>
<p>Photography</p>
</div>
</div>
</div>
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="portfolio.html">
<img alt="" src="images/portfolio/into-the-light.jpg">
<div class="overlay"></div>
<div class="link-icon"><i class="fa fa-link"></i></div>
</a>
<div class="portfolio-item-meta">
<h5><a href="portfolio.html">Into The Light</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
</section> <!-- Works Section End-->
<!-- Journal Section
================================================== -->
<section id="journal">
<div class="row">
<div class="twelve columns align-center">
<h1>Our latest posts and rants.</h1>
</div>
</div>
<div class="blog-entries">
<!-- Entry -->
<article class="row entry">
<div class="entry-header">
<div class="permalink">
<a href="single.html"><i class="fa fa-link"></i></a>
</div>
<div class="ten columns entry-title pull-right">
<h3><a href="single.html">Proin gravida nibh vel velit auctor aliquet Aenean sollicitudin auctor.</a></h3>
</div>
<div class="two columns post-meta end">
<p>
<time datetime="2014-01-31" class="post-date" pubdate="">Jan 31, 2014</time>
<span class="dauthor">By Sakura Haruno</span>
</p>
</div>
</div>
<div class="ten columns offset-2 post-content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum
deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.
<a class="more-link" href="single.html">Read More<i class="fa fa-arrow-circle-o-right"></i></a></p>
</div>
</article> <!-- Entry End -->
<!-- Entry -->
<article class="row entry">
<div class="entry-header">
<div class="permalink">
<a href="single.html"><i class="fa fa-link"></i></a>
</div>
<div class="ten columns entry-title pull-right">
<h3><a href="single.html">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed.</a></h3>
</div>
<div class="two columns post-meta end">
<p>
<time datetime="2014-01-29" class="post-date" pubdate="">Jan 30, 2014</time>
<span class="dauthor">By John Doe</span>
</p>
</div>
</div>
<div class="ten columns offset-2 post-content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum
deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.
<a class="more-link" href="single.html">Read More<i class="fa fa-arrow-circle-o-right"></i></a></p>
</div>
</article> <!-- Entry End -->
<!-- Entry -->
<article class="row entry">
<div class="entry-header">
<div class="permalink">
<a href="single.html"><i class="fa fa-link"></i></a>
</div>
<div class="ten columns entry-title pull-right">
<h3><a href="blog-single.html">Quis autem vel esse eum iure reprehenderit qui in ea voluptate velit esse.</a></h3>
</div>
<div class="two columns post-meta end">
<p>
<time datetime="2014-01-28" class="post-date" pubdate="">Jan 28, 2014</time>
<span class="dauthor">By Naruto Uzumaki</span>
</p>
</div>
</div>
<div class="ten columns offset-2 post-content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum
deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.
<a class="more-link" href="single.html">Read More<i class="fa fa-arrow-circle-o-right"></i></a></p>
</div>
</article> <!-- Entry End -->
</div> <!-- Entries End -->
</section> <!-- Journal Section End-->
<!-- Call-To-Action Section
================================================== -->
<section id="call-to-action">
<div class="row">
<div class="eight columns offset-1">
<h1><a href="http://www.dreamhost.com/r.cgi?287326|STYLESHOUT">Host This Template on Dreamhost.</a></h1>
<p>Looking for an awesome and reliable webhosting? Try <a href="http://www.dreamhost.com/r.cgi?287326|STYLESHOUT"><span>DreamHost</span></a>.
Get <span>$50 off</span> when you sign up with the promocode <span>STYLESHOUT</span>.
<!-- Simply type the promocode in the box labeled “Promo Code” when placing your order. --></p>
</div>
<div class="three columns action">
<a href="http://www.dreamhost.com/r.cgi?287326|STYLESHOUT" class="button">Sign Up Now</a>
</div>
</div>
</section> <!-- Call-To-Action Section End-->
<!-- Tweets Section
================================================== -->
<section id="tweets">
<div class="row">
<div class="tweeter-icon align-center">
<i class="fa fa-twitter"></i>
</div>
<ul id="twitter" class="align-center">
<li>
<span>
This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
<a href="#">http://t.co/CGIrdxIlI3</a>
</span>
<b><a href="#">2 Days Ago</a></b>
</li>
<!--
<li>
<span>
This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum
<a href="#">http://t.co/CGIrdxIlI3</a>
</span>
<b><a href="#">3 Days Ago</a></b>
</li>
-->
</ul>
<p class="align-center"><a href="#" class="button">Follow us</a></p>
</div>
</section> <!-- Tweet Section End-->
<?php get_footer(); ?>
Подскажите как добиться правильного отображения blog.php (какие изменения в коде нужно внести). Привожу настройки wordpress, связанные с blog.php
Файл blog.php лежит на одном уровне с index.php
Файл functions.php
<?php
add_action('wp_enqueue_scripts', 'style_theme');
add_action('wp_footer', 'scripts_theme');
add_action('after_setup_theme', 'theme_register_nav_menu');
function theme_register_nav_menu()
{
register_nav_menu('top', 'Меню в шапке');
register_nav_menu('bottom', 'Меню в подвале');
}
function style_theme()
{
wp_enqueue_style('style', get_stylesheet_uri());
wp_enqueue_style('default', get_template_directory_uri().'/assets/css/default.css');
wp_enqueue_style('layout', get_template_directory_uri().'/assets/css/layout.css');
wp_enqueue_style('media-queries', get_template_directory_uri().'/assets/css/media-queries.css');
wp_enqueue_script('modernizr', get_template_directory_uri().'/assets/js/modernizr.js');
}
function scripts_theme()
{
wp_enqueue_script('localjquery', get_template_directory_uri().'/assets/js/jquery.min.js');
/*echo "<script>window.jQuery || document.write('<script src="/assets/js/jquery.min.js"></script>')</script>";*/
wp_enqueue_script('jquerymigrate121', get_template_directory_uri().'/assets/js/jquery-migrate-1.2.1.min.js');
wp_enqueue_script('flexslider', get_template_directory_uri().'/assets/js/jquery.flexslider.js');
wp_enqueue_script('doubletaptogo', get_template_directory_uri().'/assets/js/doubletaptogo.js');
wp_enqueue_script('init', get_template_directory_uri().'/assets/js/init.js');
}
?>