Wordpress 如何在其中四项之后重复div?
我想在引导crousel滑块中的四个图像之后重复item div。我正在共享基本html。我想使它动态Wordpress 如何在其中四项之后重复div?,wordpress,twitter-bootstrap,loops,Wordpress,Twitter Bootstrap,Loops,我想在引导crousel滑块中的四个图像之后重复item div。我正在共享基本html。我想使它动态 <div class="carousel-inner"> <div class="item active"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo1.png"></a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo2.png"></a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo3.png"></a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo4.png"></a>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo5.png"></a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo6.png"></a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo7.png"></a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo8.png"></a>
</div>
</div>
</div>
</div>
这是我的动态代码,但它不是重复项div:
<div class="carousel-inner">
<?php
$url = array();
$args=array(
'post_type' => 'clients',
'post_status' => 'publish',
'posts_per_page' => -1 );
$custom = new WP_Query( $args );
$abc = array();
while( $custom->have_posts() ) { $custom->the_post();
$url= wp_get_attachment_url( get_post_thumbnail_id($post->ID, 'full') );
$abc[] = $url;
if ( $c == 0 ){ $class = 'active';}
else{$class = '';} }
?>
<div class="item <?php echo $class; ?>">
<div class="row">
<?php
foreach($abc as $v){
?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="<?php echo $v; ?>"></a></div>
<?php } ?>
</div>
</div>
<?php $c++; ?>
</div>
下面是在循环中的4个映像之后创建div的代码
<?php $count = 1;
while(have_posts() ) {
$custom->the_post();
{
if ($count%4 == 1)
{
echo "<div class='item'><div class='row'>";
} ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<a class="thumbnail" href="#"><img alt="" src="assets/img/logo5.png"></a>
</div>
<?php if ($count%4 == 0)
{
echo "</div></div>";
}
$count++;
}
if ($count%4 != 1) echo "</div></div>"; ?>
use script to make iti make a script..等待与UF共享。为此,您需要使用任何脚本语言(例如PHP)使用嵌套for循环