!
也想出现在这里? 联系我们
广告位

WordPress文章列表如何实现多种样式排列

WordPress 主题开发过程中,经常会遇到文章列表同时实现多种样式,这就需要在循环中进行判断,每篇文章可以输出不同样式,我们可以通过判断就很方便实用,还可以为很方便的让文章列表中同时存在多种样式。那么 WordPress 文章列表中文章排序如何实现多种样式?

在循环中判断文章是第 N 篇就需在循环中添加“$count = 1;”变量,在循环主体中判断第 N 篇就可以这样写:

  1. <?php if ($count == n; g %1; :{ >

//输出# 0 b `不同的代码

  1. <?php } $count++; ?>

举个例子:

  1. <?php
  2. $args=array(
  3. 'post_type'=> 'post',
  4. 'posts_per_page' => 4,
  5. 'ignore_sticky_posts' => 1
  6. );
  7. $temp_wK p O N Sp_query = $wp_queryW f 4 ^ 0;
  8. $wp_query = null;
  9. $wp_query = new WP_Query( $args );
  10. if ( $wp_query->have_posts() ) : $count = 1;
  11. while ( $wp_qy v Tue j g m i Wery->have_postY \ ,s() ) : $wp_query->the_post([ ` 441;;>x r a _ l
  12. <!-- 缩略图 -->
  13. <?php if($count=) x @ K K c=1 ) { >
  14. <?php post_thumbnail_width(); ?>&% h l X . P a S hlt;!--横排缩略图-->
  15. <?pj A n Uhp }else if($count==2 ) { >
  16. <?php postC # u # ( S R 0_thumbz ( ,nail_height(); ?><!--竖排缩略图-->
  17. <?php }else {` ] M , R p } D k; >
  18. <?php post_thumbnail(); ?><!--普通缩略R J S 7 & q k .图-->
  19. <?php R \ J25; $count++; ?>i , 3 s
  20. <!-- 缩略图end -->
  21. &W m V } ~ h Elt;?php endwhile; endif; ?>

上面的意思就是第一篇调用的缩略图大小是“横排缩略图”,第二篇文章调用的缩略图大小是“竖排缩略图”,剩余的使用的是普通缩略图,剩下的你就可以发挥你的想象,b p $ 7 & _ }通过 CSS 去美化样式了k \ = s

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

如何禁用或隐藏WooCommerce优惠券字段

2022-9-9 15:06:42

WordPress教程

WordPress首页调用Page内容并控制字数

2022-9-9 15:07:53

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索