Скрипт заполняет последний столбец (вместо первого) в новой строке

У меня есть расстраивающая проблема с шаблоном php для страницы в WordPress. Он отображает изображения / информацию участника в сетке из 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>

Любые предложения о том, как сделать так, чтобы он заполнял 1-ую колонку (и удостоверился, что следующие делают то же самое / следующее)? Заранее спасибо!

Скриншот здесь https://s1.postimg.org/9sfjesenr3/team.png

0

Решение

Ваш $ thisrow = 0 может быть проблемой. Похоже, что вы на самом деле помещаете 5 столбцов во 2-ю строку, когда хотите задать 4. Попробуйте вместо этого установить $ thisrow = 1 и посмотрите, поможет ли это. И что такое CSS для col-md-3? Это тянет вправо или влево?

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector