纯代码实现WordPress图片自动添加alt属性和title属性

我们的博客网站中的每一篇文章或多或少都会有一些图片,而关于图片的 alt 和 title 特点,我想大部分博主站长应该都不会陌生。alt 和 title 标签属性能给访客用户更好的浏览体验,同时对 SEO 也很有利,一般的 wordpress 主题都不具备自动添加标签的功能,我们都知道图片的 alt 和 title 特点非常重要,但是在增加图片的时候总是不能坚持,或偶然漏掉 alt 或 title,或 alt 和 title 特点都漏掉,如果网站图片比较多的情况下,要想让图片更符合 SEO 排名,就需要手动的给每一张图片添加 ALT 属性,图片的 alt 属性对于网站的收录及流量来源有多重要不用你给我说大家一定都知道。但是每次添加图片都要手动添加会非常麻烦,尤其是图片多的时候。今日就跟大家说一说怎么让 WordPress 站点的图片自动添加 alt 属性和 title 属性。

方法一

在你主题目录下的函数文件 functions.php 中添加以下代码:

  1. //文章图片自动添加alt和title属性
  2. function image_alt_tag($content){
  3.     global $post;preg_match_all('/<img (.*?)\/>/', $content, $images);
  4.     if(!is_null($images)) {foreach($images[1] as $index => $value)
  5.     {$new_img = str_replace('<img', '<img alt="'.get_the_title().'-'.get_bloginfo('name').'" title="'.get_the_title().'-'.get_bloginfo('name').'"', $images[0][$index]);
  6.     $content = str_replace($images[0][$index], $new_img, $content);}}
  7.     return $content;
  8. }
  9. add_filter('the_content', 'image_alt_tag', 99999);

如果文章没有这两个标签将自动获取文章标题添加,如果有安装缓存插件和使用 CDN 的站长刷新缓存就可以看到了。

方法二

此方法来源于 boke112 导航,WordPress 是强大的,而且网络上的资源也挺多的,经过本站修改测试,发现只需要将以下代码添加到我们所使用主题的 functions.php 文件最后一个?>之前,即可实现自动为 WordPress 站点图片添加 alt 和 title 属性

  1. /**
  2.     *自动添加图片 alt 和 title 属性
  3. */
  4. function image_alttitle( $imgalttitle ){
  5.         global $post;
  6.         $category = get_the_category();
  7.         $flname=$category[0]->cat_name;
  8.         $btitle = get_bloginfo();
  9.         $imgtitle = $post->post_title;
  10.         $imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
  11.         if(preg_match_all("/$imgUrl/siU",$imgalttitle,$matches,PREG_SET_ORDER)){
  12.                 if( !empty($matches) ){
  13.                         for ($i=0; $i < count($matches); $i++){
  14.                                 $tag = $url = $matches[$i][0];
  15.                                 $j=$i+1;
  16.                                 $judge = '/title=/';
  17.                                 preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
  18.                                 if( count($match) < 1 )
  19.                                 $altURL = ' alt="'.$imgtitle.' '.$flname.' 第'.$j.'张" title="'.$imgtitle.' '.$flname.' 第'.$j.'张-'.$btitle.'" ';
  20.                                 $url = rtrim($url,'>');
  21.                                 $url .= $altURL.'>';
  22.                                 $imgalttitle = str_replace($tag,$url,$imgalttitle);
  23.                         }
  24.                 }
  25.         }
  26.         return $imgalttitle;
  27. }
  28. add_filter( 'the_content','image_alttitle');

以上代码默认的 alt 属性为“文章标题 分类名称 第几张”,title 属性为“文章标题 分类名称 第几张-站点名称”。

特别说明:

1、以上代码只针对没有 alt 或 title 属性的图片,如果该图片已经有 alt 或 title 属性,那么它们的值为空也是无效的。比如某张图片的 alt=””,那么对这个 alt 属性也是失效的。

2、以上代码会智能判断,如果都没有 alt 和 title 属性,那么就会自动给该图片添加上 alt 和 title 属性;如果都没有 alt 属性,那么就会自动给该图片添加上 alt 属性;如果都没有 title 属性,那么就会自动给该图片添加上 title 属性。大家慢慢体会吧。

3、本想在 alt 属性中加上文章的关键字(Tag 标签)的,可惜折腾了很久都没有成功,后来改为文章分类了。期待高手出现把以上代码完善。

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/95989

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注

51建站客服微信二维码
点击这里购买