Four posts per row

时间:2016-11-10 作者:codieboie

我想显示为

 <div class="team-list-wrapper clearfix wow fadeInUp"  data-wow-duration="1s" data-wow-delay="0.5s">
<ul id="co-team">
<li class="nav team-list">
<li>
<li class="nav team-list">
<li>
<li class="nav team-list">
<li>
<li class="nav team-list">
<li>
</ul>
<ul id="co-team">
<li class="nav team-list">
<li>
<li class="nav team-list">
<li>
<li class="nav team-list">
<li>
<li class="nav team-list">
<li>
</ul>
</div>
下面是我使用的代码:

<div class="team-list-wrapper clearfix wow fadeInUp"  data-wow-duration="1s" data-wow-delay="0.5s">
<?php $args=array( \'post_type\'=>\'our-team\', \'post_status\' => \'publish\', \'posts_per_page\' => -1, \'caller_get_posts\'=> 1 ); $my_query = null; $my_query = new WP_Query($args); if( $my_query->have_posts() ) { echo \'\'; $i = 0; while ($my_query->have_posts()) : $my_query->the_post(); if($i % 4 == 0) { ?>
<ul id="co-team">
    <?php } ?>
    <li class="nav team-list">
        <img src="<?php echo wp_get_attachment_url( get_post_thumbnail_id());?>" title="<?php echo get_the_title();?>" alt="<?php echo get_the_title();?>">
        <div class="hover-item">
            <div class="actv-desc">
                <div class="team-details">
                    <div class="name">
                        <?php echo get_the_title();?><span><?php the_field(\'designation\'); ?></span>
                    </div>
                    <?php get_template_part( \'post\', \'content\'); ?>
                </div>
            </div>
        </div>
    </li>
    <?php if($i % 4==0 ) { ?>
</ul>
<?php } $i++; endwhile; } wp_reset_query(); ?>
</div>
我的输出是:

<ul id="co-team">
<li class="nav team-list">
</ul>
<li class="nav team-list">
<li class="nav team-list">
<li class="nav team-list">
<ul id="co-team">
<li class="nav team-list">
</ul>
<li class="nav team-list">
<li class="nav team-list">
<li class="nav team-list">
<ul id="co-team">
<li class="nav team-list">
</ul>
<li class="nav team-list">
<li class="nav team-list">
<li class="nav team-list">
<ul id="co-team">
<li class="nav team-list">
</ul> 
请帮忙。

1 个回复
SO网友:Rishabh

您需要在代码中进行两次更改

使用$i = 1 而不是$i = 0 (在开始while循环之前)您有2个IF 使用%符号的条件。您需要在第一个if条件中进行更改(仅在打开ul标签时)只需更换

if($i % 4 == 0) {
用这个

 if($i % 4 == 1) {
NOTE: 不要在你的第二次IF 条件(与关闭UL标签的补充,即)。

要检查之前的输出与此输出之间的差异,只需在帖子标题附近打印变量i($i)的值,您就会注意到为什么需要进行此更改,以及它是如何实际解决问题的。

相关推荐

显示作者姓名PHP(自制插件)

我有一个需要帮助的问题,因为我自己找不到解决办法。我接管了一个网站,之前有人在那里创建了一个自制插件。。使用默认插件“Contact Form 7”,用户可以在页面上创建帖子。()https://gyazo.com/c8b20adecacd90fb9bfe72ad2138a980 )关于自行创建的插件“Contact Form 7 extender”,帖子是通过PHP代码在后台生成的(https://gyazo.com/115a6c7c9afafd2970b66fd421ca76a3)其工作原理如下:如果