検索結果が列に表示されますが、テキストのみが表示されます

Question

検索結果を投稿するWPプラグインがあります。ここでの結果のPHPは次のとおりです。

<?php 
/** 
* Search & Filter Pro 
* 
* Sample Results Template 
* 
* @package Search_Filter 
* @author Ross Morsali 
* @link  http://www.designsandcode.com/ 
* @copyright 2015 Designs & Code 
* 
* Note: these templates are not full page templates, rather 
* just an encaspulation of the your results loop which should 
* be inserted in to other pages by using a shortcode - think 
* of it as a template part 
* 
* This template is an absolute base example showing you what 
* you can do, for more customisation see the WordPress docs 
* and using template tags - 
* 
* http://codex.wordpress.org/Template_Tags 
* 
*/ 


if ($query->have_posts()) 
{ 

    ?> 

    Found <?php echo $query->found_posts; ?> Results<br /> 
    Page <?php echo $query->query['paged']; ?> of <?php echo $query->max_num_pages; ?><br /> 


    <div class="pagination"> 

     <div class="nav-previous"><?php next_posts_link('Older posts', $query->max_num_pages); ?></div> 
     <div class="nav-next"><?php previous_posts_link('Newer posts'); ?></div> 
     <?php 
      /* example code for using the wp_pagenavi plugin */ 
      if (function_exists('wp_pagenavi')) 
      { 
       echo "<br />"; 
       wp_pagenavi(array('query' => $query)); 
      } 
     ?> 
    </div> 

    <?php 
    while ($query->have_posts()) 
    { 
     $query->the_post(); 

     ?> 

<div> 
      <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> 
      <?php 
       if (has_post_thumbnail()) { 
        echo '<p>'; 
        the_post_thumbnail("small"); 
        echo '</p>'; 
       } 
      ?> 
      <p><br /><?php the_excerpt(); ?><p> 
</div> 

     <?php 
    } 
    ?> 
    Page <?php echo $query->query['paged']; ?> of <?php echo $query->max_num_pages; ?><br /> 

    <div class="pagination"> 

     <div class="nav-previous"><?php next_posts_link('Older posts', $query->max_num_pages); ?></div> 
     <div class="nav-next"><?php previous_posts_link('Newer posts'); ?></div> 
     <?php 
      /* example code for using the wp_pagenavi plugin */ 
      if (function_exists('wp_pagenavi')) 
      { 
       echo "<br />"; 
       wp_pagenavi(array('query' => $query)); 
      } 
     ?> 
    </div> 
    <?php 
} 
else 
{ 
    echo "No Results Found"; 
} 

?> 

今、私はこれをしようとすると結果（柱）が、しかし、2列に表示する：

<div class="container"> 
    <div class="row"> 
     <div class="col-md-2"> 
      <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> 
      <?php 
       if (has_post_thumbnail()) { 
        echo '<p>'; 
        the_post_thumbnail("small"); 
        echo '</p>'; 
       } 
      ?> 
      <p><br /><?php the_excerpt(); ?><p> 
</div> 
</div> 
</div> 

私はテキスト（P）ことがわかります列には表示されますが、結果には表示されません。

どのように目標を達成できますか？

Answer 1

いくつかの間違いがあります。 最初にcol-md-2は、12列レイアウトから2列幅のdivを作成します。したがって、それは半分ではなく6番目です。それはcol-md-6でなければなりません。

次に、次の問題は、ポストごとにコンテナ、行、および列を追加することです。しかし、1つのコンテナと1つの行しか持たないようにしてください。そして各投稿のために列divを作るべきです。

<!-- 1 container and row --> 
<div class="container"> 
<div class="row">  
<?php 
    while ($query->have_posts()){ 
    $query->the_post(); 
?> 
    <!-- a six column wide div for each post --> 
    <div class="col-md-6"> 
     <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> 
     <?php 
     if (has_post_thumbnail()) { 
      echo '<p>'; 
      the_post_thumbnail("small"); 
      echo '</p>'; 
     } 
     ?> 
     <p><br /><?php the_excerpt(); ?><p> 
    </div> 

<?php 
    } 
?> 
</div> 
</div>