Wordpress - Показать последние сообщения в двух разделенных divs/columns

Question

Я пытаюсь отобразить последние сообщения в WP. Где я хочу, чтобы последние сообщения отображались в двух разделенных div или столбцах. Я не уверен, как это сделать. Теперь он размещается одинаково в обоих div.

Разделы настроены с использованием Bootstrap.

У меня есть также проблемы с get_the_post_thumbnail, он не работает:

<?php get_the_post_thumbnail($header_thumb->ID);?> 

Я также хочу, чтобы он так просто 10 первого BlogPost будет видно. Затем пользователь должен нажать кнопку «Читать больше сообщений», и больше сообщений будет загружено ниже.

<div id="blogg" class="row"> 
    <div class="container"> 
     <div id="blogg_innlegg_left" class="col col-lg-3 col-sm-3"><div class="well"> 
      <ul> 
       <?php $the_query = new WP_Query('showposts=5'); ?> 
       <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?> 
       <li><a href="<?php the_permalink() ?>"><?php get_the_post_thumbnail($header_thumb->ID);?></a></li> 
       <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> 
       <li><?php the_content(); ?></li> 
       <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li> 
       <?php endwhile;?> 
      </ul> 
     </div></div> 
     <div id="blogg_innlegg_right" class="col col-lg-3 col-sm-3"><div class="well"> 
      <ul> 
       <?php $the_query = new WP_Query('showposts=5'); ?> 
       <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?> 
       <li><a href="<?php the_permalink() ?>"><?php get_the_post_thumbnail($header_thumb->ID);?></a></li> 
       <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> 
       <li><?php the_content(); ?></li> 
       <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li> 
       <?php endwhile;?> 
      </ul> 
     </div></div> 
     <div id="blogg_sidebar" class="col col-lg-4 col-sm-4"><div class="well"> 
      <p>Sidebar will be placed here</p> 
     </div></div> 
    </div> 
</div> 

Не могли бы вы мне помочь?

Answer 1

Есть много способов сделать это, но, как вы должны сделать, как несколько запросов, как это возможно, необходимо использовать функции перемотки запроса, Wordpress обеспечивает, я рекомендую это чтение ->http://digwp.com/2011/09/3-ways-to-reset-the-wordpress-loop/

Однако для Я исправил ваш код, создав 2 разных запроса, один из которых компенсирует первые 5 сообщений, которые уже появляются в левом столбце. Вы показывали одинаковый запрос с обеих сторон, и это невозможно.

<div id="blogg" class="row"> 
    <div class="container"> 
     <div id="blogg_innlegg_left" class="col col-lg-3 col-sm-3"><div class="well"> 
      <ul> 
       <?php $left_query = new WP_Query('showposts=5'); ?> 
       <?php while ($left_query -> have_posts()) : $left_query -> the_post(); ?> 
       <li><a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?></a></li> 
       <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> 
       <li><?php the_content(); ?></li> 
       <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li> 
       <?php endwhile;?> 
      </ul> 
     </div></div> 
     <div id="blogg_innlegg_right" class="col col-lg-3 col-sm-3"><div class="well"> 
      <ul> 
       <?php $right_query = new WP_Query('showposts=5&offset=5'); ?> 
       <?php while ($right_query -> have_posts()) : $right_query -> the_post(); ?> 
       <li><a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?></a></li> 
       <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> 
       <li><?php the_content(); ?></li> 
       <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li> 
       <?php endwhile;?> 
      </ul> 
     </div></div> 
     <div id="blogg_sidebar" class="col col-lg-4 col-sm-4"><div class="well"> 
      <p>Sidebar will be placed here</p> 
     </div></div> 
    </div> 
</div> 

Я скорректировал миниатюру, чтобы показать Лучшее изображение. О том, как читать дальше, это будет зависеть от вашего шаблона, но, как вы говорите, я считаю, что вы хотите загрузчик jQuery, и это другой вопрос.

Для основного вопроса ответ выше.