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年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！萨龙网络使用的主题Purity最新版本弃用了Buddypress社区插件，这样注册表单只能使用WooCommerce商城自带的，验证码还是使用S…WordPress一键重置缩略图使用相当简单方便，设置了媒体中要裁剪的缩略图参数（使用了WooCommerce商城插件，需要在外观——自定…WordPress主题文章类型较多，想实现不同的文章类型页面调用不同的边栏，一般的方法是将代码写在主题根目录下的sidebar.php文件…WooCommerce插件默认为我的帐户页面提供了：仪表盘、订单、下载、地址、帐户详情几个页面，以及一个退出登录的按钮，如果出售的是实物或者没…最近在开发Perimg图片主题，用户想要用Timthumb.php插件来实现缩略图，缩略图的顺序是自定义域、文章第一张图片与默认缩略图，而萨龙龙…WordPress默认提供了分类目录，文章归档等小工具，在前台开发中，由于分类目录和文章归档显示的文章数量没有添加标签，导致写样式比较麻烦，如…描述
添加斜杠以转义字符串。
如果设置了magic_quotes_gpc，将首先删除斜杠。
用法
…Wordpress的菜单都是通过后台菜单来添加设置，很多时候需要添加一些功能到菜单，比如搜索，或者购物车，这时我们就可以使用wp_nav_men…相信使用Wordpress的朋友都对WP-PageNavi分页插件不陌生，很多博客对它也有很多介绍，之前也使用过代码来实现分页，但不够人性化，使…网站开放注册的站点都会添加一个前台登录与注册的表单或页面，这样方便用户登录站点，同时也保证网站后台的安全性。今天我们来介绍前台登录函数wp_lo…在更新Concise主题时集成了前端用户中心和商城插件，发现插件中为商城产品文章设置好了固定链接，所以把萨龙网络的作品集与商城的两种自定义类型的…最近在做一款企业产品展示的商城网站，设计WooCommerce产品文章的布局与默认的布局有很大的不同，所以其中的一些模块都需要重新调整。WooC…
