Question

我对Wordpress中的页面的php模板有一个令人沮丧的问题。它以4列网格显示成员的图像/信息。它工作正常，直到最后一行，只有一个图像/成员，但该成员的图像填充第4列而不是第1列，在它之前留下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可能是个问题。当你打算放4时，看起来你实际上在第2行放了5列。尝试设置$ thisrow = 1，看看是否有帮助。 col-md-3的css是什么？是向右还是向左拉？

脚本在新行中填充最后一列（而不是第一列）

1 个答案: