当前位置:首页>Wordpress教程>WordPress文章列表中实现文章排序样式有哪些?

WordPress文章列表中实现文章排序样式有哪些?

WordPress主题开发过程中,经常会遇到文章列表同时实现多种样式,这就需要在循环中进行判断,每篇文章可以输出不同样式,我 ...

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

WordPress文章列表中实现文章排序样式有哪些?

在循环中判断文章是第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去美化样式了。

文章链接:https://www.7zt.cn/3378.html
文章标题:WordPress文章列表中实现文章排序样式有哪些?
文章版权:柒主题 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2022年11月21日 23时47分12秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:21660010@qq.com
声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 柒主题 或点击右侧 私信:站长 反馈,我们将尽快处理。

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索