当前位置:首页>网络教程>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去美化样式了。

给TA打赏
共{{data.count}}人
人已打赏
网络教程

WordPress如何实现添加分页及阅读全文功能?

2022-7-15 17:38:12

网络教程

WordPress多站点建设的优劣势有哪些?

2022-7-15 17:38:31

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