Php 不同行上循环中的多个循环
我需要一个循环,该循环调用一个名为“teammembers”的自定义post类型,其slug为“team”。团队成员按五行显示,每个成员由自己的化身组成,并在化身列表外的单独分区中向下滑动切换内容。我已经写出了一个基本的循环结构,我不确定这是最好的还是正确的方法。有人能帮我吗Php 不同行上循环中的多个循环,php,wordpress,loops,Php,Wordpress,Loops,我需要一个循环,该循环调用一个名为“teammembers”的自定义post类型,其slug为“team”。团队成员按五行显示,每个成员由自己的化身组成,并在化身列表外的单独分区中向下滑动切换内容。我已经写出了一个基本的循环结构,我不确定这是最好的还是正确的方法。有人能帮我吗 /* ROW 1 */ query_posts('showposts=5'); $ids = array();
/* ROW 1 */
query_posts('showposts=5');
$ids = array();
/* Loop 1 A - displays the row of avatars */
while (have_posts()) : the_post();
$ids[] = get_the_ID();
the_title();
endwhile;
/* Loop 1 B - displays the slide down content in new row for each avatar above */
while (have_posts()) : the_post();
$ids[] = get_the_ID();
the_content();
endwhile;
/* ROW 2 */
//Write code to do second row if number posts greater than 5.
//If post greater than 5 do...
/* Loop 2 A - displays the row of avatars */
query_posts(array('post__not_in' => $ids, 'showposts=5');
while (have_posts()) : the_post();
the_title();
endwhile;
/* Loop 2 B - displays the slide down content in new row for each avatar above */
while (have_posts()) : the_post();
the_content();
endwhile;
/* ROW 3 */
//Write code to do third row if number posts greater than 15.
//If post greater than 10 do...
/* Loop 3 A - displays the row of avatars */
$ids_row_two = query_posts(array('post__not_in' => $ids));
$ids_row_three = query_posts(array('post__not_in' => $ids_row_three));
query_posts(array('post__not_in' => $ids_row_three, 'showposts=5'));
while (have_posts()) : the_post();
$ids[] = get_the_ID();
the_title();
endwhile;
/* Loop 3 B - displays the slide down content in new row for each avatar above */
while (have_posts()) : the_post();
$ids[] = get_the_ID();
the_content();
endwhile;
这是我希望输出的HTML结构
<!-- row 1 -->
<!-- Avatars -->
<div class="member_block">
<div class="container avatars">
<!-- avatar 1 --->
<div id="show_ryan" class="box five columns" data-target="#member_ryan">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/ryan.png">
<h4 class="name">Ryan</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/ryan.jpg">
</div>
</div>
<!-- avatar 2 --->
<div id="show_brian" class="box five columns" data-target="#member_brian">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/brian.png">
<h4 class="name">Brian</h4>
<p class="position">Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/brian.jpg">
</div>
</div>
<!-- avatar 3 --->
<div id="show_emma" class="box five columns" data-target="#member_emma">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/emma.png">
<h4 class="name">Emma</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/emma.jpg">
</div>
</div>
<!-- avatar 4 --->
<div id="show_john" class="box five columns" data-target="#member_john">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/john.png">
<h4 class="name">John</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/john.jpg">
</div>
</div>
<!-- avatar 5 --->
<div id="show_neil" class="box five columns" data-target="#member_neil">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/neil.png">
<h4 class="name">Neil</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/neil.jpg">
</div>
</div>
</div><!-- container -->
<!-- each team member's slide down content -->
<div class="member_row">
<div class="container">
<!-- avatar 1 content --->
<div id="member_ryan" class="member-info">
<? the_content(); ?>
</div><!-- //Ryan -->
<!-- avatar 2 content --->
<div id="member_brian" class="member-info">
<? the_content(); ?>
</div>
<!-- avatar 3 content --->
<div id="member_emma" class="member-info">
<? the_content(); ?>
</div>
<!-- avatar 4 content --->
<div id="member_john" class="member-info">
<? the_content(); ?>
</div>
<!-- avatar 5 content --->
<div id="member_neil" class="member-info">
<? the_content(); ?>
</div>
</div><!-- .container -->
</div><!-- .member_row -->
<!-- row 2 -->
<!-- Avatars -->
<div class="member_block">
<div class="container avatars">
<!-- avatar 1 --->
<div id="show_ryan" class="box five columns" data-target="#member_ryan">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/ryan.png">
<h4 class="name">Ryan</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/ryan.jpg">
</div>
</div>
<!-- avatar 2 --->
<div id="show_brian" class="box five columns" data-target="#member_brian">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/brian.png">
<h4 class="name">Brian</h4>
<p class="position">Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/brian.jpg">
</div>
</div>
<!-- avatar 3 --->
<div id="show_emma" class="box five columns" data-target="#member_emma">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/emma.png">
<h4 class="name">Emma</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/emma.jpg">
</div>
</div>
<!-- avatar 4 --->
<div id="show_john" class="box five columns" data-target="#member_john">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/john.png">
<h4 class="name">John</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/john.jpg">
</div>
</div>
<!-- avatar 5 --->
<div id="show_neil" class="box five columns" data-target="#member_neil">
<div class="avatar avatar-on-hidden">
<img src="<?php bloginfo('template_directory'); ?>/img/team/neil.png">
<h4 class="name">Neil</h4>
<p class="position">Creative Director</p>
</div>
<div class="avatar2 avatar-on-hover">
<img src="<?php bloginfo('template_directory'); ?>/img/team/neil.jpg">
</div>
</div>
</div><!-- container -->
<!-- each team member's slide down content -->
<div class="member_row">
<div class="container">
<!-- avatar 1 content --->
<div id="member_ryan" class="member-info">
<? the_content(); ?>
</div><!-- //Ryan -->
<!-- avatar 2 content --->
<div id="member_brian" class="member-info">
<? the_content(); ?>
</div>
<!-- avatar 3 content --->
<div id="member_emma" class="member-info">
<? the_content(); ?>
</div>
<!-- avatar 4 content --->
<div id="member_john" class="member-info">
<? the_content(); ?>
</div>
<!-- avatar 5 content --->
<div id="member_neil" class="member-info">
<? the_content(); ?>
</div>
</div><!-- .container -->
</div><!-- .member_row -->
</div><!-- .member_block -->
/img/team/ryan.png“>
赖安
创意总监
/img/team/ryan.jpg“>
/img/team/brian.png“>
布瑞恩
董事
/img/team/brian.jpg“>
/img/team/emma.png“>
艾玛
创意总监
/img/team/emma.jpg“>
/img/team/john.png“>
约翰
创意总监
/img/team/john.jpg“>
/img/team/neil.png“>
尼尔
创意总监
/img/team/neil.jpg“>
/img/team/ryan.png“>
赖安
创意总监
/img/team/ryan.jpg“>
/img/team/brian.png“>
布瑞恩
董事
/img/team/brian.jpg“>
/img/team/emma.png“>
艾玛
创意总监
/img/team/emma.jpg“>
/img/team/john.png“>
约翰
创意总监
/img/team/john.jpg“>
/img/team/neil.png“>
尼尔
创意总监
/img/team/neil.jpg“>
$args = array(
'post_type' => 'team',
'post_status' => 'publish'
);
$the_query = new WP_Query($args);
if($the_query->have_posts());
while($the_query->have_posts()) : $the_query->the_post();
?>
<h1 class="entry-title">
<?php the_title(); ?>
</h1>
<div class="content">
<?php the_content(); ?>
</div>
<?php
endwhile;
<div class="avatar_block">
<div class="container">
<?php
// Query for Member Info
$args = array(
'post_type' => 'team',
'post_status' => 'publish'
);
$the_query = new WP_Query($args);
if ($the_query->have_posts())
;
while ($the_query->have_posts()) : $the_query->the_post();
?>
<div id="<?php the_tags(); ?>" class="box five_columns">
<?php echo get_the_post_thumbnail(); ?>
<h4 class="name"><?php the_title(); ?></h4>
<?php the_content(); ?>
</div>
<?php
endwhile;
wp_reset_postdata();
?>
</div>
</div>
<div class="member_block">
<div class="container">
<?php
// Query for Member Info
$args2 = array(
'post_type' => 'team',
'post_status' => 'publish'
);
$the_query2 = new WP_Query($args2);
if ($the_query2->have_posts())
;
while ($the_query2->have_posts()) : $the_query2->the_post();
?>
<div id="<?php the_tags(); ?>" class="member_info">
<?php the_content(); ?>
</div>
<?php
endwhile;
wp_reset_postdata();
?>
</div>
</div>