下载鸥 > 网站下载 > 开发教程 > WordPress

WordPress将标题作为图片的ALT

468 2020-12-14 21:41:32

收藏

简述

WordPress将标题作为图片的ALT属性的方法如下。

WordPress站长在发表文章时,往往不注意给图片添加说明(ALT),导致大量文章中的图像缺少 ALT属性,不利于SEO。网上有很多自动给文章图片添加ALT属性的教程,这里转个国外的方法供参考。
 

将title标签作为WordPress文章图片的ALT
 

只需将下面的代码添加到当前主题函数模板functions.php中即可。

function callback($buffer){
/*modify buffer here,and then return the updated code*/
$title='';
$res=preg_match('/<title>(.*?)</title>/',$buffer,$title_matches);
if($res){
/*Cleanuptitle:removeEOL'sandexcessivewhitespace.*/
$title=preg_replace('/s+/','',$title_matches[1]);
$title=trim($title);
}
preg_match_all('/<img(.*?)/>/',$buffer,$images);
if(!is_null($images)){
foreach($images[1]as$index=>$value){
preg_match('/alt="(.*?)"/',$value,$img);
preg_match('/alt='(.*?)'/',$value,$img2);
if(!is_null($images)){
if((!isset($img[1])||$img[1]=='')||(!isset($img2[1])||$img2[1]=='')){
$new_img=str_replace('<img','<imgalt="'.$title.'"',$images[0][$index]);
$buffer=str_replace($images[0][$index],$new_img,$buffer);
}
}
}
}
return$buffer;
}
functionbuffer_start(){ob_start();}
functionbuffer_end(){echocallback(ob_get_clean());}
add_action('wp','buffer_start',0);
add_action('wp_footer','buffer_end');

代码中虽然加了缓冲区,但还是会降低效率,建议安装静态缓存插件。

附其它方法:

functionimg_alt($content){
global$post;
preg_match_all('/<img(.*?)/>/',$content,$images);
if(!is_null($images)){
foreach($images[1]as$index=>$value){
$new_img=str_replace('<img','<imgalt="'.get_the_title().'-'.get_bloginfo('name').'"title="'.get_the_title().'-'.get_bloginfo('name').'"',$images[0][$index]);
$content=str_replace($images[0][$index],$new_img,$content);
}
}
return$content;
}
add_filter('the_content','img_alt',99999);

 

本文地址:https://xzo.com.cn/develop/wp/290.html

有帮助,很赞!

信息来源:精准像素
导出教程 下载word版教程
发表评论 共有条评论
关于WordPress


WordPress是世界级的博客程序,有过百万的模板插件支持,其外型大多十分美观,功能十分强大,可作为博客用户的首选。但如果是企业网站建设,则不建议选用WordPress:数据量是个大问题。

推荐WordPress开发教程
不懂开发,怎样用WordPress建站?
不懂开发,怎样用WordPress建站?

目前市面上的第三方建站程序很多,但使用WordPress建站无疑具备了高效、美观...

17 1288
WordPress怎样搬家/更换域名?搬家后乱码/跳转/404怎么办?
WordPress怎样搬家/更换域名?搬家后乱码/跳转/404怎么办?

对于建站时间稍长的站长来说,换域名、换服务器、搬家都是必要的操作。如果使...

10 1810
Wordpress怎样设置短代码?
Wordpress怎样设置短代码?

我知道wordpress有神奇的自定义函数,这个自定义函数基本上可以代替大部分的...

17 370
WordPress信息时间改为多少时间前发表
WordPress信息时间改为多少时间前发表

相对日期,文章或者评论发表日期以“发表于1小时前”,这种形式显示,相对日期会...

9 406
使用WordPress搭建个人博客要如何选择服务器呢?
使用WordPress搭建个人博客要如何选择服务器呢?

打造互联网个体品牌的用户个体越来越多,WordPress是一个相当不错的方案。但...

1 722
wordpress怎样调用注册会员发表的文章数量?
wordpress怎样调用注册会员发表的文章数量?

由于客户需要在wordpress展示会员发布的信息总量,但wordpress默认是没有这个...

0 327
wordpress的模板配置方法
wordpress的模板配置方法

wordpress是全世界最流行的博客程序,国内用wordpress建站的站长占比也很高,当...

0 452
wordpress新手:更换域名后访问所有页面都跳转之前的域名
wordpress新手:更换域名后访问所有页面都跳转之前的域名

wordpress数据库里写了很多与域名相关的东西,如果更换了域名,需要对域名进行...

0 477
推荐插件
帝国cms访问统计ip地址链接与封禁插件下载
帝国cms访问统计ip地址链接与封禁插件下载

下载鸥开发了这款帝国cms封禁ip插件,自动记录访问情况,让我们可以更快的识别...

0 936
帝国cms纳米数据接口(足球比赛中最新数据)
帝国cms纳米数据接口(足球比赛中最新数据)

帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...

0 284
帝国cms多栏目多数据表自动审核推送插件
帝国cms多栏目多数据表自动审核推送插件

本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...

0 850
帝国cms联想词搜索高级搜索插件下载
帝国cms联想词搜索高级搜索插件下载

帝国CMS自带的搜索功能虽然强大,但也有很强的局限性 -- 必须关键词完全匹配...

0 668
帝国cms百度AI图像去雾api接口对接插件
帝国cms百度AI图像去雾api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...

0 416
帝国cms智能自动审核按星期几审核指定栏目带推送插件
帝国cms智能自动审核按星期几审核指定栏目带推送插件

采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...

0 1199
帝国cms百度AI图像清晰度增强api接口对接插件
帝国cms百度AI图像清晰度增强api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...

0 477
帝国cms百度文字识别ocr接口对接插件
帝国cms百度文字识别ocr接口对接插件

许多网站会做一些小功能小插件给客户使用以增强用户黏性,比如图片转文字,这种...

0 412
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入