WordPress首页文章摘要旁边显示缩略图的方法

最新推荐文章于 2021-08-07 02:05:15 发布

qq_42593307

最新推荐文章于 2021-08-07 02:05:15 发布

阅读量5.5k

点赞数

分类专栏： Wordpress

本文链接：https://blog.csdn.net/qq_42593307/article/details/80885762

版权

本文分享如何在WordPress首页文章摘要旁显示缩略图，通过修改主题的functions.php和index.php文件，并提供CSS样式，使网站内容更加生动，提升用户体验。教程包括添加代码步骤及注意事项。

摘要由CSDN通过智能技术生成

如今wordpress主题极力提倡简洁，但是我认为这个简洁也应该有个度，太过简洁，那就不叫简洁了，该叫单调了，试想，当一个用户无意间点开你的网站，发现你的网站只有黑灰白三色，除非你的内容十分经典，否则，用户对你的网站绝对不会有好的感觉，今天我从自己的现用主题里面把这个显示缩略图的功能提取出来，分享给大家！再次感谢作者weisay！
首先贴出所需的css代码，放到你的主题文件style.css里面，要显示的图片的大小可以通过下面的width和height设置：

/* =Content
----以下是首页缩略图---------------------------------------------------------- */
.thumbnail_box {  
   float:left;  
   width:160px;  
   height:120px;  
   margin:17px10px8px15px;_margin:17px10px8px7px;  
   padding:4px;  
   border:1pxsolid#ccc;}  
.thumbnail img{  
   position:absolute;  
   z-index:3;} 
/* =Content
-------------------------------------------------------------- */

显示缩略图方式:先从文章中读取图片作为缩略图，如果文章中没有缩略图，再使用上一种方法里面建立的random文件夹里面的图片！
分两步：首先往主题文件functions.php添加如下代码：