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

WordPress将标题作为图片的ALT

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

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

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

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

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

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

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

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

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

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

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

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

0 520
WordPress怎样获取文章第一张缩略图
WordPress怎样获取文章第一张缩略图

WordPress有缩略图字段,但如果没有录入缩略图,能否自动获取文章内的第一张图...

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

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

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

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

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

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

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

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

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

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

0 469
帝国cms批量添加后台用户插件
帝国cms批量添加后台用户插件

使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...

0 801
帝国CMS内网用户静态站点文章访客统计插件
帝国CMS内网用户静态站点文章访客统计插件

本插件适用于内网用户,可查看单篇文章访问者ip地址。如果添加访问者ip组,可查...

0 579
帝国cms百度AI黑白图像上色api接口对接插件
帝国cms百度AI黑白图像上色api接口对接插件

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

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