图片待添加
图片待添加

WordPress主题开发教程:网站首页调用刚发布的新文章列表

2020-02-24 22:15 分类:WordPress主题开发制作教程 阅读(次阅读) 标签:,

我们在WordPress主题开发的时候,就比如我的网站首页的文章列表就是调用网站新发布的5篇文章,这样访客进入网站能够看到新的信息.
大多数WordPress主题都有这个需求.如何实现的呢?

WordPress主题开发教程:调用刚发布的新文章列表

纯文章列表调用WordPress新刚发布的文章列表:

<?php $post_query = new WP_Query('showposts=5');
while ($post_query->have_posts()) : $post_query->the_post();
$do_not_duplicate = $post->ID; ?>
<li><a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_title() ?></a></li>
<?php endwhile;?>

图文列表调用WordPress新刚发布的文章列表:

理论上WordPress调用缩略图需要用到插件,本段代码使用了这个方法不用插件.
WordPress主题开发教程:文章缩略图自动调用文章内容图片的方法
样式代码如下(你需要按照我介绍的方法修改functions.php): 你可以根据自己的需求修改样式:

<?php $post_query = new WP_Query('showposts=5');
while ($post_query->have_posts()) : $post_query->the_post();
$do_not_duplicate = $post->ID; ?>
<li>
   <div class="li_img">
        <?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(600,268),array('alt'=> trim(strip_tags( $post->post_title ))));} else {?>
  <a href="<?php the_permalink(); ?>">
     <img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" width="600" height="268"/>
  </a>   
  <?php }?>
   </div>
   <div class="li_img">
        <a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_title() ?></a>
   </div>
</li> 
<?php endwhile;?>

你也可以使用这些办法开发WordPress主题的时候调用缩略图:

WordPress主题开发教程:文章列表调用多个图片缩略图
WordPress主题开发教程:文章缩略图(特色图片)显示随机图片

当然也有人想要在首页调用网站点击量高的文章,请参考这段代码:

WordPress主题开发教程:WP-Postviews调用网站热门文章浏览点击量排名文章列表


本文地址: https://www.wpyi.com/xin-wen-zhang.html