在WordPress主题开发中,同一篇文章列表中实现了多种风格

在WordPress主题开发过程中,可以同时在文章列表中实现多种风格。我们只需要在循环中进行判断,每篇文章都可以输出不同的风格。例如,一些CMS主题分类文章的第一篇文章有缩略图和摘要。其他文章只有标题。一般来说,首先获得第一篇文章,然后获得其他文章列表,同时排除第一篇文章,这增加了PHP代码的数量。我们可以改变一种方法。通过判断,它非常方便实用。它还可以使文章列表中同时存在多种风格。

在循环中判断文章是第n篇文章,需要在循环中加入$count=1变量,在循环主体中判断第n篇文章就可以这样写:

<?php if ($count == n) :{ >
//输出不同的代码
<?php } $count++; ?>

举个例子大家看一下:

<?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; ?>

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

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片