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

WordPress将标题作为图片的ALT

522 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怎样搬家/更换域名?搬家后乱码/跳转/404怎么办?
WordPress怎样搬家/更换域名?搬家后乱码/跳转/404怎么办?

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

10 2027
WordPress博客程序可以转为帝国CMS吗?
WordPress博客程序可以转为帝国CMS吗?

WordPress作为顶级博客程序,海量插件一直是为人所津津乐道的。大多数WordPre...

15 2048
WordPress信息时间改为多少时间前发表
WordPress信息时间改为多少时间前发表

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

9 461
怎样通过宝塔面板来优化WordPress缓存加速?
怎样通过宝塔面板来优化WordPress缓存加速?

如果你的服务器环境是用的宝塔面板,那么我们就可以通过宝塔面板来优化WordPr...

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

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

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

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

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

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

0 538
分享一段WordPress面包屑导航源码
分享一段WordPress面包屑导航源码

WordPress博客程序非常好用,但他的一个缺点是不带面包屑导航。而面包屑导航...

1 500
推荐插件
帝国cms百度AI黑白图像上色api接口对接插件
帝国cms百度AI黑白图像上色api接口对接插件

百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...

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

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

0 449
帝国cms网站会员登录与退出历史记录日志插件
帝国cms网站会员登录与退出历史记录日志插件

帝国cms默认只有上次登录时间与ip,没有一个记录清单,所以今天,我们分享这个帝...

0 357
帝国cms百度AI图像无损放大api接口对接插件
帝国cms百度AI图像无损放大api接口对接插件

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

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

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

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

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

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

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

0 891
帝国cms自动给正文关键词添加tag内链
帝国cms自动给正文关键词添加tag内链

帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...

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