您现在的位置是:首页 > 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建站有所帮助。

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)高端简繁双语HTML5金融资本咨询单页pbootcms模板采用响应式设计确保在各类手机端设备很好的呈现。该模板专注于金融咨询、资本管理等领域企业形象展示,通过结构化布局突出行业专业度与可信度,后台数据同步管理简化内容维护流程。查看源码
  • (自适应响应式)绿色环保材料设备科技类营销型网站pbootcms源码下载本模板基于PbootCMS开发,主要面向环保设备、环保材料及相关科技企业。采用HTML5+CSS3技术构建,具备响应式特性,确保在各类设备上均有良好展示效果。查看源码
  • (自适应)电子元件电路板元器件pbootcms网站源码下载为电子元器件、电路板制造类企业设计,特别适合展示产品参数、技术规格等内容。采用响应式技术,确保各类电子元件在不同设备上都能清晰展示。查看源码
  • (自适应)WordPress二次元博客主题SakurairoSakurairo主题为二次元内容创作者设计,提供丰富的动漫风格元素和个性化的展示效果。该主题在原有Sakura主题基础上进行了功能增强,支持多种自定义设置,满足动漫爱好者建立个人博客的需求。查看源码
  • (PC+WAP)院校学院职业学校机构协会网站开源源码下载本模板基于PbootCMS系统开发,为高等院校、职业学校等教育机构设计,特别适合展示学校概况、院系设置、招生信息等内容。采用双端适配技术,确保在PC和移动设备上都能获得良好的浏览体验。查看源码
  • 帝国cms7.5手游评测资讯礼包合集游戏专区下载网站模板本模板基于帝国CMS系统开发,为手游门户网站设计。支持PC端与移动端同步生成HTML静态页面,内置多端同步生成功能。模板架构针对手业特点优化,满足APP下载、游戏资讯、攻略等内容发布需求。查看源码
分享笔记 (共有 篇笔记)
验证码: