WordPress主题文章列表中文章排列实现多种样式

2021-05-22 0 1,360 百度已收录

WordPress主题开发历程中,可以在文章列表中实现多种样式同时存在,我们只需要在循环中举行判断,每一篇文章都可以输出差其余样式。通例的做法是,好比有些CMS主题分类文章第一篇是有缩略图和摘要,其它文章只有题目,一样平常都是是先获取第一篇文章,然后再获取其它文章列表同时清扫第一篇文章,这样增添了PHP代码的量,我们可以换一种方式,通过判断就很利便适用,还可以为很利便的让文章列表中同时存在多种样式。

在循环中判断文章是第N篇就需在循环中添加“$count = 1;”变量,在循环主体中判断第N篇就可以这样写:

  1. <?php if ($count == n) :{ >
  2. //输出差其余代码
  3. <?php } $count++; ?>

举个例子:

  1. <?php
  2. $args=array(
  3.     'post_type'=> 'post',
  4.     'posts_per_page' => 4,
  5.     'ignore_sticky_posts' => 1
  6. );
  7. $temp_wp_query = $wp_query;
  8. $wp_query = null;
  9. $wp_query = new WP_Query( $args );
  10. if ( $wp_query->have_posts() ) : $count = 1;
  11. while ( $wp_query->have_posts() ) : $wp_query->the_post();>
  12. <!-- 缩略图 -->
  13. <?php if($count==1 ) { >
  14. <?php post_thumbnail_width(); ?><!--横排缩略图-->
  15. <?php }else if($count==2 ) { >
  16. <?php post_thumbnail_height(); ?><!--竖排缩略图-->
  17. <?php }else { >
  18. <?php post_thumbnail(); ?><!--通俗缩略图-->
  19. <?php } $count++; ?>
  20. <!-- 缩略图end -->
  21. <?php endwhile; endif; ?>

上面的意思就是第一篇挪用的缩略图巨细是“横排缩略图”,第二篇文章挪用的缩略图巨细是“竖排缩略图”,剩余的使用的是通俗缩略图,剩下的你就可以施展你的想象,通过CSS去美化样式了

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 WordPress主题文章列表中文章排列实现多种样式 https://zhutizhen.com/14784.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章