Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >分享纯代码WordPress判断并自动添加图片ALT属性

分享纯代码WordPress判断并自动添加图片ALT属性

作者头像
于飞云计算
修改于 2019-07-09 03:32:16
修改于 2019-07-09 03:32:16
1K00
代码可运行
举报
文章被收录于专栏:技术经验分享技术经验分享
运行总次数:0
代码可运行

如果你做SEO,一定会知道图片识需要添加alt属性的。但是手动每次添加还是相对比较麻烦的,尤其是图片较多的文章。所以全百科网花了点时间修改了站外链接添加nofollow的代码来实现判断是否有alt属性并自动添加alt属性,测试后十分完美。

直接将下面代码丢进functions.php即可:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//作者:全百科网
//网站:http://www.quanbaike.com/
//Wordpress判断并自动添加图片ALT属性
function image_alt( $imgalt ){
global $post;
$title = $post->post_title;
$imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
if(preg_match_all("/$imgUrl/siU",$imgalt,$matches,PREG_SET_ORDER)){
if( !empty($matches) ){
for ($i=0; $i < count($matches); $i++){
$tag = $url = $matches[$i][0];
$judge = '/alt=/';
preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
if( count($match) < 1 ) $altURL = ' alt="'.$title.'" '; $url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalt = str_replace($tag,$url,$imgalt);
}
}
}
return $imgalt;
}
add_filter( 'the_content','image_alt');

修改好后别忘记上传替换原来的文件,至此,你无需担心是否遗漏alt属性,并且可以随自己的喜好添加个性的alt属性,一切都如此简单,就因为这串代码的存在,好好利用这串代码丰富你的网站功能吧!

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
纯代码为WordPress文章内容添加锚点目录功能 支持悬浮跟随版
之前写过一个利用代码给WordPress文章内容添加锚点目录功能,通俗讲就是给网站文章加上目录导航,今天全百科网就通过之前的基础又进一步优化了一下,让这个文章目录导航不占用文章内容的位置,悬浮于文章的左侧或者右侧,而且固定位置,跟随页面滚动,给浏览者更佳的浏览体验。
于飞云计算
2019/07/22
2.3K1
纯代码给WordPress文章添加卡片式内链的方法
写文章的时候会经常文章中引用其他文章链接,是为了让用户方便浏览,也增加文章关联度;更重要的是适当的引用文章,也可以让内容更加丰满,对用户体验上也是有提高;但是常规的文章内链一般就是直接放一个链接进去,干巴巴的一个链接不管是美观度还是用户体验都不是很好,所有全百科网搞了个简约美观的卡片内链样式。
于飞云计算
2019/07/22
1.4K0
纯代码给WordPress文章添加卡片式内链的方法
纯代码实现WordPress文章远程图片(外链)自动本地化
其实有很多插件是可以实现 wordpress 远程图片本地化的,但是有可能插件太多了,会影响网站的性能或者拖累服务器,降低网站的运行速度。不过如果你是代码控,不喜欢用插件,那么下面这段“wordpress 远程图片自动本地化“的代码也许适合你,复制下面的代码,然后粘贴到你当前 WordPress 主题的模版函数(functions.php)文件中保存即可:
于飞云计算
2019/07/08
1.8K0
分享WordPress各种标签大全集合 以及如何调用
wordpress程序日渐成熟,开发者越来越多,各种模版层出不穷,但是想要做一个好的wordpress模版,前提不只是要掌握HTML5前端技术,还必须了解wordpress的各种标签如何调用才可以。今天全百科网就把整理的WordPress各种标签以及是如何调用分享给大家。
于飞云计算
2019/07/22
3.3K0
分享WordPress各种标签大全集合 以及如何调用
WordPress纯代码外链跳转效果的3款样式免费分享
前面给大家讲了WordPress怎么利用纯代码实现WordPress的外链跳转效果,今天给大家分享几款跳转样式。
于飞云计算
2019/06/26
1.6K0
WordPress纯代码外链跳转效果的3款样式免费分享
教你如何屏蔽WordPress垃圾评论的方法
WordPress去掉多说评论之后,经常有各种垃圾评论出现在后台。不堪其扰,于是去找了一些办法来解决这个问题。一般都是说加一些屏蔽过滤的函数之类的。其实都差不多。不过有些特别长的就显得有点累赘了。
于飞云计算
2019/07/08
1.1K0
教你如何屏蔽WordPress垃圾评论的方法
给wordpress文章内容加上TTS语音朗读纯代码优化版
关于为什么给wordpress文章内容加上TTS语音朗读功能的原因是因为我发现很多人没办法看完整篇文章,有的只是看看给wordpress文章内容加上TTS语音朗读纯代码优化版标题就马上去拿资源或者评论,那这个朗读完全可以让你边做其他事情,边听完文章。
于飞云计算
2019/07/02
2.8K0
WordPress 图片自动添加alt和title
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
小狐狸说事
2023/11/22
3170
7 个实用的 WordPress 代码片段
贴几个最近用到 WordPress 的代码片段,代码均搜集于网络,使用方式都是添加到主题的 functions.php 文件。
李维亮
2021/07/09
5060
WordPress 技巧:给外部链接自动添加 nofollow
在撰写日志的时候,经常会引用一些外部链接,如果你不想给这些外部链接传递权重,你需要给这些外部链接加上 rel="nofollw" 属性,如果每个外部链接都需要手工添加,那么会非常麻烦,你可以在当前主题的 functions.php 中添加如下代码,它会给外部链接自动添加 nofollow。
Denis
2023/04/15
5880
WordPress整合Highslide JS 灯箱效果
作者:matrix 被围观: 1,434 次 发布时间:2013-09-25 分类:Wordpress 兼容并蓄 | 2 条评论 »
HHTjim 部落格
2022/09/26
1K0
WordPress整合Highslide JS 灯箱效果
WordPress发布文章自动同步到新浪微博(带特色图片)
整体来源于张戈博客,本处仅是修改添加了一处显示文章分类的小功能,若是一篇文章有多个分类,默认使用第一个。经测试好像对于七牛中设置了空间防盗链的不太友好,可能会报2007错误。
WindCoder
2018/09/19
2.8K1
WordPress发布文章自动同步到新浪微博(带特色图片)
wordpress中提取文章内第一张图片作为缩略图
作者:matrix 被围观: 1,059 次 发布时间:2013-09-04 分类:Wordpress 兼容并蓄 | 无评论 »
HHTjim 部落格
2022/09/26
4600
wordpress中提取文章内第一张图片作为缩略图
为WordPress开启Nginx缩略图功能,七牛从此陌路
张戈博客曾分享过不少关于云存储的一些经验技巧,对七牛感兴趣或者遇到相关问题的朋友可以看一看以前的相关文章: 七牛&又拍云 CDN 云存储节省 GET 次数的小技巧 WordPress 简单代码开启七牛 CDN 及集成七牛缩略图的方法 浅谈网站使用七牛云存储之后的 robots.txt 该如何设置? Linux/vps 本地七天循环备份和七牛远程备份脚本 前段时间,百度云加速自动切换到了 3.0,导致我之前的一些规则出现了异常,而且在七牛 cname 记录上再套云加速缓存这种做法也有部分掉了链子,打开出现
张戈
2018/03/23
1.3K0
为WordPress开启Nginx缩略图功能,七牛从此陌路
WordPress发布文章自动同步到新浪微博(带特色图片)
WordPress 发博客后自动同步到新浪微博,这是我从无主题博客看到的方法,一直沿用至今。感觉对博客宣传和提升“逼格”都有显著的作用: 一、老版代码 先来看一下无主题博客分享的代码: functio
张戈
2018/03/23
1.7K0
WordPress发布文章自动同步到新浪微博(带特色图片)
分享一个WordPress外链跳转教程,兼容知更鸟暗箱下载和文章索引
张戈博客很久很久之前转载过一篇关于博客外链跳转的方法(相关文章),后来安装了 Anylink 插件也就没有用到。近来清点插件时,我将 Anylnk 给淘汰了,换成了网上找到的给外链添加 nofollow 的代码。 一、原版代码 //给外部链接加上跳转,将此代码添加到wordpress主题目录的functions.php里面即可 add_filter('the_content','the_content_nofollow',999); function the_content_nofollow($conten
张戈
2018/03/23
1.3K0
分享一个WordPress外链跳转教程,兼容知更鸟暗箱下载和文章索引
wordpress文章末尾或头部添加内容 超简单
如何在wordpress的文章末尾或头部添加内容,在wordpress每篇文章的末尾添加文字、链接等内容,比如你想加个“原创文章如转载,请注明本文链接:”,其实很简单,有多种方法,下面就介绍给大家。
于飞云计算
2019/06/26
2.3K0
wordpress文章末尾或头部添加内容 超简单
WordPress发布文章同步到新浪微博失败的问题解决与分享
张戈博客很久之前分享过一篇 WordPress 发布文章同步到新浪微博 的文章,但经常有站长留言反馈同步失败,我一直觉得是代码部署问题。 最近很长一段时间,张戈博客也无法同步,我又觉得是微博自身的问题
张戈
2018/03/21
1.2K0
WordPress发布文章同步到新浪微博失败的问题解决与分享
代码实现 WordPress 文章中英文数字间自动添加空格
我们做网站内容,主要还是以文字图片混排来实现的,那么中英文混排的时候,有一个小细节不知道大家注意到没有,就是 WordPress 文章中英文数字间添加空格。一篇排版美观合理的文章,能给访客带来很好的阅读体验,同时可以提高二次回访率;同时搜索引擎在收录、索引文章时,对于文章排版的要求也是存在的,所以做好网站文章的排版是重要的“小细节”。所以今天用纯代码实现WordPress 文章中英文数字间自动添加空格。 对于这种中英文数字间添加空格的调整,不但有助于提升用户体验度,还对于 SEO 有一定好处,搜索引擎蜘蛛也
魏艾斯博客www.vpsss.net
2018/06/01
1.4K0
wordpress优化经历(六)——wordpress图片防盗链
WordPress很多插件或者代码都可以实现在编辑文章中自动将外链图片下载到本地,但是我试了几个效果都不是很好。 最后选择了一个比较笨一点的方法,但是效果贼好。
不愿意做鱼的小鲸鱼
2023/03/23
9920
wordpress优化经历(六)——wordpress图片防盗链
推荐阅读
相关推荐
纯代码为WordPress文章内容添加锚点目录功能 支持悬浮跟随版
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验