【性价之王】	【线路之王】	【价格之王】	【配置之王】
【免费之王】	【香港首推】	【梯子之王】	【独服之王】

文章目录第一、代码部分第二、样式部分

如果是一般的WordPress主题，需要调用最新的文章列表至侧边栏直接拖动小工具就可以完成，即便有些主题不支持小工具我们也可以在侧边模板中手工添加最新的内容。但是，如果需要在侧边栏调用最新的内容且带有缩略图，要么可以用插件解决，要么采用无插件代码实现，这里蜗牛整理非插件实现WordPress侧栏最新文章列表+缩略图调用。

文章目录
隐藏

第一、代码部分

第二、样式部分

第一、代码部分

<ul id=\”new-posts\”>
<?php
$recentPosts = new WP_Query();
$recentPosts->query(\’showposts=10\’); ?>
<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>
<li>
<?php
if ( has_post_thumbnail() ) {
?>
<a h=\”<?php the_permalink(); ?>\” title=\”<?php the_title(); ?>\”><?php the_post_thumbnail(\’thumb\’, array(\’alt\’ => \’\’.get_the_title().\’\’, \’title\’ => \’\’.get_the_title().\’\’)); ?></a>
<a class=\”new-post-title\” h=\”<?php the_permalink(); ?>\” title=\”<?php the_title(); ?>\”><?php the_title(); ?></a>
<?php } else {?> <a class=\”new-post-title\” h=\”<?php the_permalink(); ?>\” title=\”<?php the_title(); ?>\”><?php the_title(); ?></a>
<?php } ?>
<p>in <span class=\”new-categ\”><?php $category = get_the_category(); $categLink = get_category_link($category[0]->cat_ID); ?> <a h=\”<?php echo $categLink; ?>\” title=\”<?php $category[0]->cat_name; ?>\”><?php echo $category[0]->cat_name; ?></a></span></p>
</li>
<?php endwhile; ?>
</ul>

利用WP_Query函数调用最新的文章以及缩略图，前提是我们必须有缩略图的功能，这个我们自己添加就可以。

第二、样式部分

需要定义样式部分，根据实际情况再做未调整。

#new-posts li { overflow:auto; margin:20px 0px;}
#new-posts li img { float:left; margin-right:10px; border:3px solid #798295;}
.new-post-title { text-decoration:none; font-weight:bold; color:#798295;}
.new-post-title:hover{color:#6eaebe;}
#new-posts li p { margin-top:10px; }
.new-categ{padding:5px;background:#6eaebe;}
.new-categ a{ font-weight:normal;color:#464b56;}
.new-categ a:hover{color:#545b68;}

这样我们可以看到调用的最新WORDPRESS内容且带有缩略图效果。

[WordPress教程]历史优惠活动内容

如何在Docker上安装WordPress网站程序？docker安装wordpress教程

腾讯云云数据库MySQL外网启用及外网连接数据库安装WordPress教程

AMH教程 – 创建站点、MYSQL数据库、FTP账户搭建WordPress教程

腾讯云云数据库MySQL外网启用及外网连接数据库安装WordPress教程

腾讯云云数据库MySQL外网启用及外网连接数据库安装WordPress教程

WordPress教程：如何删除文章的同时删除图片附件以及特色图像

WordPress教程之 如何快速批量修改文章内容信息?

wordpress教程之wordpress自动内链内链Tag标签&关键词

wordpress教程之如何获取WordPress所有分类名字和ID

WordPress教程之使用batch cat插件批量更改文章分类

wordpress教程之自动为新文章添加已经存在的标签

#wordpress教程#为dux主题文章站外链接自动添加nofollow属性

AMH教程 – 创建站点、MYSQL数据库、FTP账户搭建WordPress教程