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

WordPress将标题作为图片的ALT

495 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 1873
WordPress博客程序可以转为帝国CMS吗?
WordPress博客程序可以转为帝国CMS吗?

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

15 2015
Wordpress怎样设置短代码?
Wordpress怎样设置短代码?

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

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

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

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

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

12 443
wordpress的模板配置方法
wordpress的模板配置方法

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

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

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

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

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

1 493
推荐插件
帝国cms在线考试系统模板插件
帝国cms在线考试系统模板插件

一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...

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

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

0 782
帝国cms自动生成文章新闻目录插件下载
帝国cms自动生成文章新闻目录插件下载

用户体验是我们的需求,百度蜘蛛的认可更是我们的需求。毕竟,没有收录排名,何来...

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

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

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

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

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

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

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

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

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

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

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