新しい行の最初の列ではなく最後の列にスクリプトが挿入されます

Question

Wordpressのページ用のPHPテンプレートにはうんざりした問題があります。メンバーの画像/情報を4列のグリッドに表示します。 1つのイメージ/メンバーしか持たない最後の行まではうまくいきますが、そのメンバーのイメージは1列目の代わりに4列目を読み込み、その前に3列のギャップを残しています。

コード：それは第一列を移入します（そして次のものは、次/同じことを行うことを確認してください）する方法で

<div class="row"> 

<?php 
$thisrow=1; 
$args = array(
'posts_per_page' => -1, 
'orderby'   => 'menu_order', 
'order'    => 'ASC', 
'post_type'   => 'teamposts', 
'post_status'  => 'publish', 
'meta_query'  => array (
     array (
      'key' => 'team_type', 
      'value' => 'Staff', 
      'compare' => '=' 
     ), 
), 
); 
$theseposts = get_posts($args); 

foreach ($theseposts as $thispost) : setup_postdata($thispost); 
if ($thisrow==5) { 
    $thisrow=0; 
    echo '</div><div class="row">'; 
} 
$large_image_url = wp_get_attachment_image_src(get_post_thumbnail_id($thispost->ID), 'large'); 
echo '<div class="col-md-3 team-member" style="text-align:center;"><a href="/about/board-staff/?'.get_post_field('post_name',$thispost->ID).'">'; 
if (strlen($large_image_url[0])) { 
    echo '<img alt="'.get_the_title($thispost->ID).'" src="'.$large_image_url[0].'" style="width:100%;margin-bottom:16px;">'; 
} else { 
    echo '<img src="/wp-content/uploads/2016/11/grey.jpg" style="width:100%;margin-bottom:16px;">'; 
} 
echo '</a><h5 class="member-name"><a href="/about/board-staff/?'.get_post_field('post_name',$thispost->ID).'">'.get_the_title($thispost->ID).'</a></h5><div class="member-position" style="margin-bottom:4px;">'.get_field('job_title',$thispost->ID).'</div><div><a href="mailto:'.get_field('email_address',$thispost->ID).'">'.get_field('email_address',$thispost->ID).'</a></div><br /><br /></div>'; 
$thisrow++; 
endforeach; 

?> 

</div> 

任意の提案ですか？前もって感謝します！

スクリーンショットはhttps://s1.postimg.org/9sfjesenr3/team.png

Answer 1

あなたの$ thisrow = 0は問題になる可能性がここにあります。実際には、2行目に5列を置いているように見えます.4を置くことを意味します。代わりに$ thisrow = 1を設定し、それが役立つかどうか確認してください。 col-md-3のためのcssは何ですか？それは右か左に引っ張っていますか？