WordPress文章列表中文章排序如何实现多种样式?

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

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

WordPress文章列表中文章排序如何实现多种样式? (https://www.wpzt.net/) WordPress开发教程 第1张
在循环中判断文章是第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去美化样式了。

类别:WordPress技巧

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT