您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

Wordpress自动提取内容中第一张图片作缩略图

卢帆新2023-07-07WordPress教程已有人查阅

导读Wordpress怎么自动提取内容中 头一张图片作缩略图?本文实例讲述了Wordpress自动提取内容中 头一张图片作缩略图的方法。

Wordpress怎么自动提取内容中 头一张图片作缩略图?本文实例讲述了Wordpress自动提取内容中 头一张图片作缩略图的方法。分享给大家供大家参考。具体分析如下:

有时我们在发布文章时没有缩略图,我们希望系统自动提取我们发布的文章内容中 头一张图片作为缩略图了,下面我来给大家介绍Wordpress自动提取内容中 头一张图片作缩略图方法,有需要了解的同学可参考.

在php中我们可以使用preg_match与preg_match_all来获取内容中所有图片地址.

头一步:在主题模板的function.php里添加下面的函数,代码如下:

//截取内容中 头一张图片函数 
function catch_that_image() { 
global $post, $posts; 
ob_start(); 
ob_end_clean(); 
preg_match('/<imgs[^<>]*?src=['"]([^'"<>]+?)['"][^<>]*?>/i', $post->post_content, $matche); 
if($matche[1]) 
return $matche[1]; 
//否则取默认图片 
return 'default.gif'; 
}

第二步:在wordpress需要调用缩略图的地方直接用这个函数调用,如下面例子,代码如下:

代码如下:

<img src="<?php echo catch_that_image(); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="200px" height="200px" />

希望本文所述对大家的WordPress建站有所帮助。

本文标签:

很赞哦! ()

相关源码

  • 响应式帝国cms7.5NBA黑色体育资讯模板下载本模板为体育新闻媒体、报道机构设计,采用帝国CMS7.5内核开发,具备完整的资讯发布、体育日历、数据展示功能。响应式布局确保在手机端呈现实时资讯和图文内容查看源码
  • (PC+手机)帝国cms7.5漫画图片连载网站源码免费下载本模板基于帝国CMS7.5深度开发,为漫画阅读类网站打造。整体设计风格贴合漫画行业特性,界面布局充分考虑漫画作品的展示需求,支持多种漫画阅读模式。模板采用响应式设计,能够自动适配PC端和移动端设备,为读者提供流畅的阅读体验。查看源码
  • (自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码
  • 帝国CMS7.2互联网自媒体门户整站带数据源码免费下载分享一款高仿极客网门户模板,帝国cms7.2版本,非常适合互联网、自媒体、文章门户网站使用。测法发现备份数据恢复报错,找了几个版本的都是一样的,有能力的自行修复查看源码
  • PbootCMS(自适应手机端)智能电话AI机器人网站模板产品概述基于PbootCMS内核开发的智能电话AI机器人网站模板,为语音交互服务场景设计,采用HTML5+CSS3响应式布局技术,实现PC端与移动端数据实时同步展示。模板适用于智能电话查看源码
  • (自适应)HTML5响应式双语绿色物流运输快递货运pbootcms源码本款基于PbootCMS开发的网站模板为物流运输、快递货运行业设计,采用HTML5技术构建,支持简繁字体切换。模板设计充分考虑了货运物流行业的特点,可专业展示运输服务、物流网络和业务优势等内容。查看源码
分享笔记 (共有 篇笔记)
验证码: