導(dǎo)讀:建站技術(shù)建站技術(shù)wordpress主題開發(fā)過程中，經(jīng)常會遇到文章列表同時實(shí)現(xiàn)多種樣式，這就需要在循環(huán)中進(jìn)行判斷，每篇文章可以輸出不同樣式，我們可以通過判斷就很方便實(shí)用，還可以為網(wǎng)站搭建。

wordpress主題開發(fā)過程中，經(jīng)常會遇到文章列表同時實(shí)現(xiàn)多種樣式，這就需要在循環(huán)中進(jìn)行判斷，每篇文章可以輸出不同樣式，我們可以通過判斷就很方便實(shí)用，還可以為很方便的讓文章列表中同時存在多種樣式。那么WordPress文章列表中文章排序如何實(shí)現(xiàn)多種樣式？

在循環(huán)中判斷文章是第N篇就需在循環(huán)中添加“$count = 1;”變量，在循環(huán)主體中判斷第N篇就可以這樣寫：

<?php if ($count == n) :{ >

//輸出不同的代碼

<?php } $count++; ?>

舉個例子:

<?php

$args=array(

'post_type'=> 'post',

'posts_per_page' => 4,

織夢手機(jī)模板'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 ( $wpdede織夢模板_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; ?>

上面的意思就是第一篇調(diào)用的縮略圖大小是“橫排縮略圖”，第二篇文章調(diào)用的縮略圖大小是“豎排縮略圖”，剩余的使用的是普通縮略圖，剩下的你就可以發(fā)揮你的想象，通過CSS去美化樣式了。

關(guān)鍵詞標(biāo)簽: 建站 文章 如何實(shí)現(xiàn)