WordPress循环中判断为每篇文章设计不同的样式
新闻视频类Yewan主题的首页文章布局是不规则，文章的布局多样化，这是如何实现的？其实是很简单的，我们在循环中进行判断，每一篇文章都可以输出不同的样式。有些CMS主题分类文章第一篇是有缩略图和摘要，其它文章只有标题，实现的方式是先获取第一篇文章，然后再获取其它文章列表同时排除第一篇文章，这样增加了PHP代码的量，通过判断就很方便实用。
默认的代码
在循环中判断文章是第N篇就需在循环中添加“$count = 1;”变量，在循环主体中判断第N篇就可以这样写：
- <?php if ($count == n) :{ ?>
- <?php } $count++; ?>
案例代码
Yewan主题首页的判断只是对缩略图进行了不同的输出，我们要添加三个不同的缩略图函数，你也可以添加其它不同的内容，最后的代码如下：
- <?php
- $args=array(
- 'post_type'=> 'post',
- 'posts_per_page' => 4,
- 'ignore_sticky_posts' => 1
- );
- $temp_wp_query = $wp_query;
- $wp_query = null;
- $wp_query = new WP_Query( $args );
- if ( $wp_query->have_posts() ) : $count = 1;
- while ( $wp_query->have_posts() ) : $wp_query->the_post();?>
- <!-- 缩略图 -->
- <?php if($count==1 ) { ?>
- <?php post_thumbnail_width(); ?><!--横排缩略图-->
- <?php }else if($count==2 ) { ?>
- <?php post_thumbnail_height(); ?><!--竖排缩略图-->
- <?php }else { ?>
- <?php post_thumbnail(); ?><!--普通缩略图-->
- <?php } $count++; ?>
- <!-- 缩略图end -->
- <?php endwhile; endif; ?>
[successbox]然后我们通过CSS来美化文章列表，因为缩略图是不规则，所以布局只好使用position: absolute;来对文章的布局进行定位，同时对移动端进行判断，只输出一种样式的缩略图。[/successbox]本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/loop-style.html
一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！WooCommerce 插件默认为我的帐户页面提供了：仪表盘、订单、下载、地址、帐户详情几个页面，以及一个退出登录的按钮，如果出售的是实物或者没…很多网站的视频都是来自在线视频网站，这样即节省网站空间也带来更高的访问速度，优酷视频是使用较多的。在添加视频文章时我们都想直接获取视频中的缩略图…为所有交易添加基于百分比的附加费
/**
* 添加1%的附加费到你的购物车和结算页面
* 更改百分比以将附加费设置为适合的…在 Headless WordPress 架构中，自定义 REST API 端点是与外部系统交互的核心通道。然而，生产环境常常面临两大挑战：AP…描述
您不需要序列化值。如果需要序列化值，则在将其插入数据库之前将其序列化。请记住，资源不能序列化或作为选项添加。
…开发一个WP主题有了前端页面设计的美观与布局外，后台选项也是相当重要的一个组成部分，好的后台框架在使用主题时方便快捷的设置各个功能，也让主题开发…Wordpress MU多站点已经使用很久，在本地测试和主机上安装的都是多站点，极大的方便网站搭建以及主题开发。当我们有多个站点，需要创建的新站…最近开发了一款多功能的新闻视频类Wordpress主题Yewan，客户的网站用户也比较多，要求设计一个按权限（管理员、编辑、作者、投稿者、订阅者…Wordpress的强大就是什么样的扩展都有，最近浏览用户网站时发现用的“不是我的主题”，查看源代码才发现是使用了网站维护插件maintenan…WooCommerce 在每个页面上加载三个核心CSS样式表，并在WordPress站点上安装时发布。可以通过从不需要它的页面和内容中删除样式和…萨龙网络使用的主题Purity最新版本弃用了Buddypress社区插件，这样注册表单只能使用WooCommerce商城自带的，验证码还是使用S…WooCommerce 已经是 WordPress 平台最好最强大的在线商城插件，已经被 WordPress 收购，更新速度比较频繁，功能更加完…
