很多网站会出现第一篇文章是大图其他的都是小图显示效果,那么WordPress仿站的时候该如何实现呢?WordPress如何控制判断第一篇文章应用不同样式?

WordPress如何控制判断第一篇文章应用不同样式?

那我们可以通过两次循环,第二次进行偏移来实现。代码如下:

<?php

$args = array(

'post_type' =>'post',

'showposts'=>1

);

$query = new WP_Query( $args );

while ($query->have_posts()):$query->the_post();

?>

<a href="https://www.wpzt.net/<?php the_permalink(); ?>"><?php the_title(); ?></a>

<br />

<?php the_content();?>

<br />

<?php

endwhile;

$args = array(

'post_type' =>'post',

'offset'=>1

);

$query = new WP_Query( $args );

while ($query->have_posts()):$query->the_post();

?>

<a href="https://www.wpzt.net/<?php the_permalink(); ?>"><?php the_title(); ?></a>

<br />

<?php

endwhile;

?>

以上可以实现我们的想法,那么如何一次循环就实现呢?

<?php

$args = array(

'post_type' =>'post',

);

$query = new WP_Query( $args );

$i=1;

while ($query->have_posts()):$query->the_post();

?>

<a href="https://www.wpzt.net/<?php the_permalink(); ?>"><?php the_title(); ?></a>

<br />

<?php

if($i%3 == 0){ //$i/2如果能够整除就是0 不是整除就有余数

the_content();

echo '<br />';

}

?>

<?php

$i++;

endwhile;

?>

也可以通过PHP语言进行判断,判断第一篇文章应用不同的样式。判断代码如下:

<?php if ($postcnt == 0) : ?>

//这里放上第一篇文章的代码

<?php else :?>

//这里放上其它文章的代码

<?php endif; $postcnt++; ?>

前两篇不同

<?php if ($postcnt == 0 or $postcnt==1) : ?>

//这里放上第一篇文章的代码

<?php else :?>

//这里放上其它文章的代码

<?php endif; $postcnt++; ?>

发表评论

后才能评论