使用引導網格顯示兩列中的wordpress循環

Question

嗨我需要修改我的WP主題，使其顯示兩欄中的一篇文章。 這樣的：

，但是當我添加第二個後它會是這樣的：

這是博客節定製的PHP文件的當前的代碼，我可以做一個抹去並忘記這段代碼，並從頭開始，我試過了，但我無法使它工作...真的很感謝任何提示/建議...我不是專家，我正在學習

<div class="container content"> 
     <div class="row blog-page"> 
      <div class="col-md-9 md-margin-bottom-40"> 
       <!--Blog Post-->  
        <div class="row blog blog-medium margin-bottom-40"> 
          <?php // Display blog posts on any page @ http://m0n.co/l 
             $category_id = get_cat_ID('Blog'); 
             $catquery = new WP_Query('cat=' .$category_id. '&posts_per_page=5' . '&paged='.$paged); 
             while ($catquery->have_posts()) : $catquery->the_post(); ?> 
          <div class="col-md-5"> 
          <?php 
            the_post_thumbnail('medium') ; 
           ?> 
          </div> 
          <div class="col-md-7"> 

           <h2><a href="<?php the_permalink(); ?>" title="Read more"><?php the_title(); ?></a></h2> 
           <?php the_excerpt(); 
           ?> 

           <?php endwhile; ?> 
           <?php if ($paged > 1) { ?> 

            <nav id="nav-posts"> 
             <div class="prev"><?php next_posts_link('&laquo; Previous Posts'); ?></div> 
             <div class="next"><?php previous_posts_link('Newer Posts &raquo;'); ?></div> 
            </nav> 

            <?php } else { ?> 

            <nav id="nav-posts"> 
             <div class="prev"><?php next_posts_link('&laquo; Previous Posts'); ?></div> 
            </nav> 

            <?php } ?> 

            <?php wp_reset_postdata(); ?>    

          </div> 

        </div> 
        <hr class="margin-bottom-40"> 
       <!--End Blog Post--> 


       <!--End Blog Post--> 

      </div> 

      <!-- Right Sidebar --> 
      <?php get_sidebar() ; ?> 
      <!-- End Right Sidebar --> 
     </div><!--/row--> 
    </div><!--/container--> 

非常感謝您的幫助

Answer 1

請將此代碼替換爲您的代碼並顯示輸出，如圖像。

<div class="container content"> 
<div class="row blog-page"> 
    <div class="col-md-12 md-margin-bottom-40"> 
     <!--Blog Post-->  
     <div class="row blog blog-medium margin-bottom-40"> 
      <?php 
      // Display blog posts on any page @ http://m0n.co/l 
      $category_id = get_cat_ID('Blog'); 
      $catquery = new WP_Query('cat=' . $category_id . '&posts_per_page=5' . '&paged=' . $paged); 
      while ($catquery->have_posts()) : $catquery->the_post(); 
       ?> 
       <div class="col-md-2"> 
        <?php 
        the_post_thumbnail('medium'); 
        ?> 
       </div> 
       <div class="col-md-4"> 

        <h2><a href="<?php the_permalink(); ?>" title="Read more"><?php the_title(); ?></a></h2> 
        <?php the_excerpt(); 
        ?> 
       </div> 
      <?php endwhile; ?> 
      <?php if ($paged > 1) { ?> 

       <nav id="nav-posts"> 
        <div class="prev"><?php next_posts_link('&laquo; Previous Posts'); ?></div> 
        <div class="next"><?php previous_posts_link('Newer Posts &raquo;'); ?></div> 
       </nav> 

      <?php } else { ?> 

       <nav id="nav-posts"> 
        <div class="prev"><?php next_posts_link('&laquo; Previous Posts'); ?></div> 
       </nav> 

      <?php } ?> 

      <?php wp_reset_postdata(); ?>    

     </div> 

    </div> 
    <hr class="margin-bottom-40"> 
    <!--End Blog Post--> 


    <!--End Blog Post--> 

</div> 

<!-- Right Sidebar --> 
<?php get_sidebar(); ?> 
<!-- End Right Sidebar --> 

請檢查並讓我知道。