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年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！MNews 和 LensNews 主题都有前台投稿的功能，用户可以上传图片等文件，管理员是不希望用户上传任意的媒体文件，这时我们可以对用户上传的…默认情况下WordPress是不允许重复的评论提交，主要是为了防止垃圾评论。有些情况下又需要重复评论，最近用户需要在MNews Pro主题上定制…在开发 MNews 主题的快讯功能时，希望一天内发布的快讯文章在当天日期下，而不是每篇都显示一个日期，通过the_date()函数可完美的达到这…一、开发背景与定位龙霄加盟推广插件（LongXiao Affiliate）是由萨龙网络出品的一款深度 WordPress 电商加盟推广管…WooCommerce 插件默认为编辑产品页面提供了产品数据 TABS，默认包括：常规、库存、配送、联锁产品、属性、高级等模块，功能强大而实用。…同样是在开发吃货主题Chihuo，导航菜单中的二级菜单需要显示省份的小地图，也就是分类菜单中显示自定义的字段，我们可通过以下代码来实现这个功能。…前面写过AMH面板安装配置redis加速WordPress站点一文，来介绍redis的安装与配置，对于WordPress站点的加速效果是相当的明…描述
向指定的表添加索引。
用法
add_clean_index( string $table, st…默认情况下，WordPress允许用户通过后台管理面板编辑主题和插件代码。虽然它是一个方便的功能，但对于主题或插件作者没有任何用途，最重要可以防…在 Headless WordPress 架构中，自定义 REST API 端点是与外部系统交互的核心通道。然而，生产环境常常面临两大挑战：AP…萨龙龙开发主题这么久，第一次感染恶意代码，整个 WordPress 下的主题 functions.php 都被插入了一大段函数代码，百度一下也发…相信使用Wordpress的朋友都对WP-PageNavi分页插件不陌生，很多博客对它也有很多介绍，之前也使用过代码来实现分页，但不够人性化，使…
