wordpress - 哪里循环更改自定义帖子类型中的每个帖子?
问题描述
如何在 WordPress 中创建一种循环类型,其中每个帖子的图像向左或向右移动?即第一个帖子图像将向左,第二个帖子图像将向右,第三个帖子图像将向左,依此类推......
我也在创建自定义帖子类型。
我正在尝试使用一种不同的帖子类型在 wordpress 中创建一个循环。
下面的代码工作正常,我也使用高级自定义字段。
<?php
$loop = new WP_Query( array( 'post_type' => 'team') );
if ( $loop->have_posts() ) :
$Inc = 0; //start your counter
while ( $loop->have_posts() ) : $loop->the_post();
$person_image = get_field('person_image');
$person_description = get_field('person_description');
?>
<?php if($Inc % 2 == 0){ //if $inc can be created by multiplying 2.?>
<div class="col-md-12">
<div class="col-md-1">
<div>
<img src="<?php bloginfo('template_url'); ?>/images/dot1.png" class="img-responsive dotimages">
</div>
</div> <!--.col-md-1 -->
<div class="col-md-10 row">
<div class="clientimagesarea">
<div class="col-md-6">
<div>
<img src="<?php echo $person_image; ?>" class="img-responsive center-block peopleimages">
<?php //the_post_thumbnail(); ?>
</div>
</div>
<div class="col-md-6">
<div class="clienttext clienttextmarleft">
<?php echo $person_description; ?>
</div>
<div class="col-md-12">
<div class="row ">
<div class="col-md-12 col-xs-12 col-sm-12 paddmargin0">
<div class="col-md-2 col-sm-2 col-xs-4">
<div><img src="<?php bloginfo('template_url'); ?>/images/email-icon2.png" class="img-responsive clientemailicon text-left"></div>
</div>
<div class="col-md-9 col-sm-9 col-xs-8">
<div class="emailid">abx@sitename.com</div>
</div>
</div>
<div class="col-md-12 col-xs-12 col-sm-12 paddmargin0">
<div class="col-md-2 col-sm-2 col-xs-4">
<div><img src="<?php bloginfo('template_url'); ?>/images/call-icon2.png" class="img-responsive clientemailicon2 "></div>
</div>
<div class="col-md-9 col-sm-9 col-xs-8">
<div class="emailid2">+41 79 777 66 45</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php //the_post_thumbnail(); ?>
</div>
<?php }else { //it cant?>
<div class="row col-md-6 col-md-offset-3">
<div class="deviderline">
</div>
</div>
<div class="col-md-12">
<div class="row col-md-10 col-md-offset-1">
<div class="row clientimagesarea">
<div class="col-md-6">
<div class="clienttext">
<p>
<?php echo $person_description; ?>
</p>
</div>
<div class="col-md-12">
<div class="row iconmarginleft">
<div class="col-md-12 col-xs-12 col-sm-12 paddmargin0">
<div class="col-md-2 col-sm-2 col-xs-4">
<div><img src="<?php bloginfo('template_url'); ?>/images/email-icon2.png" class="img-responsive clientemailicon text-left"></div>
</div>
<div class="col-md-9 col-sm-9 col-xs-8">
<div class="emailid">abx@sitename.com</div>
</div>
</div>
<div class="col-md-12 col-xs-12 col-sm-12 paddmargin0">
<div class="col-md-2 col-sm-2 col-xs-4">
<div><img src="<?php bloginfo('template_url'); ?>/images/call-icon2.png" class="img-responsive clientemailicon2 "></div>
</div>
<div class="col-md-9 col-sm-9 col-xs-8">
<div class="emailid2">+91 1234567890</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div>
<img src="<?php echo $person_image; ?>" class="img-responsive center-block peopleimages clienttextmarleft">
</div>
</div>
</div>
</div>
<div class="col-md-1">
<div>
<img src="<?php bloginfo('template_url'); ?>/images/dot3.png" class="img-responsive dotimage3">
</div>
</div>
</div>
<?php } ?>
<?php
$Inc++;
endwhile;
endif;
wp_reset_postdata();
?>
解决方案
您可以分配一个为每个帖子更改的类。
例子:
$query = new WP_Query( $args );
$x=0;
if( $query->have_posts() ) :
while( $query->have_posts() ) :
$layout_array = array('image_left','image_right');
$classImage = $layout_array[$x%2];
$x++;
/*do your stuff here*/
/*Example: <div class="'.$classImage.'">asdf</div> */
endwhile;
wp_reset_postdata();
else :
esc_html_e( 'no posts found', 'text-domain' );
endif;
推荐阅读
- cluster-analysis - 为 kmeans 聚类分析准备相关数据
- sql - 在 PIVOT SQL 之后未运行第二个选择查询
- report - 如何将 List&Label(通过 Combit)中的数字格式化为幂符号?
- laravel - laravel 中的登录权限
- r - 理解使用 rlang::eval_tidy 时的赋值
- flutter - 如何在 Flutter 的所有页面上显示浮动按钮?
- nuxt.js - 如何在 Nuxt js 中添加一个函数
- python - ValueError:错误的项目数通过 2,位置意味着 1 具有相同的列数
- asp.net - Angular 11:无法从 API 控制器连接到 SQL Server——GET 方法
- javascript - 如何使用javascript在我的计算器上有清除按钮