用简单代码实现WordPress自动给图片添加alt和title属性

有网友在讨论,如何给网站中的图片自动添加图片的ALT和TITLE属性,因为在采集或者是编辑文章的时候确实图片太多的时候不会给图片添加这两个属性。如果我们采用的Wordpress肯定是有办法实现的,比如这里小编找到2个方法,可以实现自动在添加图片的时候加上属性。

1、方法A:添加ALT和TITLE

//文章图片自动添加alt和title属性(https://www.wenrr.com/整理)
function image_alt_tag($content){
global $post;preg_match_all('/<img (.*?)\/>/', $content, $images);
if(!is_null($images)) {foreach($images[1] as $index => $value)
{$new_img = str_replace('<img', '<img alt="'.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', 'image_alt_tag', 99999);

 

2、方法B:添加ALT

//文章图片自动添加alt和title属性(https://www.wenrr.com/整理)
function img_alt( $imgalt ){
global $post;
$title = $post->post_title;
$imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
if(preg_match_all("/$imgUrl/siU",$imgalt,$matches,PREG_SET_ORDER)){
if( !empty($matches) ){
for ($i=0; $i < count($matches); $i++){
$tag = $url = $matches[$i][0];
$judge = '/alt=/';
preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
if( count($match) < 1 )
$altURL = ' alt="'.$title.'" ';
$url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalt = str_replace($tag,$url,$imgalt);
}
}
}
return $imgalt;
}

add_filter( 'the_content','img_alt');

这里将两处的代码选择其一,添加到当前主题的Functions.php文件中就可以实现。(路径举例:wp-content/themes/主题文件夹/functions.php)

关于用简单代码实现WordPress自动给图片添加alt和title属性的相关内容;如有侵权,请联系老文删除。

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
老文的头像老文
上一篇 2021年8月25日 上午12:52
下一篇 2021年8月27日 下午11:45

相关推荐

  • DedeCMS内容发布流程

    发布内容有多种方式,但不管那种方式,都必须先创建好栏目,如果你没有创建对应的内容模型的栏目,是不能直接发布文章或软件的,创建了栏目之后,可以通过下面几种方法发布内容: (推荐学习:dedecms教程) 1、在“栏目管理”处,在栏目名称上方点击鼠标左键,点击“增加内容”; 2、在“栏目管理”处,直接点击某栏目,进入内容列表,点击上方的“增加文档”的按钮; 3、…

    2022年12月18日
    212
  • 大更新全新UI:WordPress DUX主题更新至v8.0

    DUX作者又一次在星期一更新了主题。本次更新的为wordpress DUX主题v8.0。主要是WP更新6.0后一些微调功能。有需要的小伙伴可以去下载了。 更新日志: v8.0 2022-10-31 全新:全站UI重做,前端加载速度提升2倍 全新:全站图标重构,各种图标更加直观、细节更好 全新:一键换色功能重写,全新提供的14种优质配色可选 新增:夜间模式,包…

    2022年11月7日
    331
  • 网站部署SSL数字证书实现HTTPS的用途和好处

    这些年越来越多的个人博客和企业网站部署SSL数字证书以实现HTTPS,但是仍有一部分站长不太了解网站部署SSL证书的好处,下面老文笔记就跟大家说说都有哪些好处。 1、网站数据更加安全 网站部署SSL证书并升级到HTTPS之后,在网站的服务器和网站访问者的网络浏览器之间创建一个安全连接,传输的数据都会得到加密保护,防止了数据被拦截后被黑客盗取这些内容。如果没有…

    2021年9月27日
    494
  • WordPress 使用 ElasticSearch 搜索方法

    众所周知,ElasticSearch (下文简称ES)是一个相当牛逼的全文搜索引擎,对接它以后,WordPress 的搜索也能变得更智能更优秀,此文章将介绍如果用最简单的方法部署一个 ES 服务器并对接到 WordPress 网站。 主注意:ES 是个吃性能的怪兽,不太建议内存<4G的服务器安装之。 一、安装 Podman 容器管理器 为了便于维护以及…

    2022年4月13日
    1.0K
  • wordpress网站用插件自动添加图片alt属性和title属性步骤

    我们在使用wordpress程序做网站时,如果网站图片比较多的情况下,要想让图片更符合SEO排名,就需要手动的给每一张图片添加ALT属性,图片的alt属性对于网站的收录及流量来源有多重要不用你给我说大家一定都知道。 但是每次添加图片都要手动添加会特别麻烦,尤其是图片多的时候。实现自动添加图片alt属性方法很简单,只需要安装一个wordpress插件就可以实现…

    2021年8月17日 • 建站知识
    712