WordPress ·

为wordpress文章添加缩略图

WordPress在网站首页以文章摘要加缩略图形式显示文章列表非常常见,那么如何无插件实现该功能,让wordpress自动抓取文章缩略图。缩略图可以来自featured图片,也可以来自文章内图片,还可以在前两者均无时随机显示一些图片,接下来就介绍如何修改主题模板实现该功能。

第一步:添加功能函数

找到使用的主题模板的functions.php文件在<?php和?>之间添加如下代码:

请在主题目录images文件夹下建立random文件夹,里面存入20张图片,命名tb1-20,jpg格式

第二步:指定位置调用函数

找到index.php文件即首页文件,找到the_content();或相似的代码在它之前添加如下代码:

第三步:添加缩略图样式CSS代码:

具体样式需要根据网站内容调整,如下作为示例

参与评论

  • surat123

    确实有用啊

    4年前 (2016-06-01)
    回复
    回复surat123
  • 小J

    好文章

    5年前 (2015-04-25)
    回复
    回复小J
  • Tinyfool

    第二步能详细点吗? 看不懂php代码 不知道具体放哪里 直接放the_content();前面没效果 我试过了

    6年前 (2014-03-31)
    回复
    回复Tinyfool
  • Touchumind

    第二步代码被自动转义了,已经更正,请再试试

    6年前 (2014-03-31)
    回复
    回复Touchumind
  • 涂浩

    我知道那个尖括号转义,已经改过了,不过可能是模版的问题,放的位置不太对,我已经自己调好了,不过还是谢谢。

    6年前 (2014-03-31)
    回复
    回复涂浩