用简单代码实现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

相关推荐

  • WordPress不可忽视的面包屑导航SEO优化技巧

    什么是网站面包屑导航?面包屑导航意在告知用户所处的当前网页的位置,方便用户可以通过该导航快速返回上一级网页。面包屑导航一般都在导航的下面,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。 面包屑导航的作用 让用户了解目…

    2021年9月4日
    569
  • WordPress新建页面没有评论框的解决方法

    WordPress是一个功能非常丰富的系统。对于新手而言,有些功能的开启关闭真的不太好找。不过,WordPress教程,如果大家善于使用度娘或者谷歌等炒鸡流弊的搜索引擎,发动你们的小拇指,去搜索百度一下,基本都可以找到答案。 现在分享一个比较常见的功能(其实是我被问得有点多,有点烦躁) 就是无论是新建的文章还是新建的页面,有些小伙伴都会问:怎么不见评论框?不…

    2021年11月7日
    334
  • 做网站是使用Nginx还是Apache

    有关 Nginx 和 Apache 的介绍我就不做赘述了,大家自行百度、谷歌一下就可以了解了,废话不多说了,直奔主题。 1、作为 Web 服务器:相比 Apache,Nginx 使用更少的资源,支持更多的并发连接,体现更高的效率,这点使 Nginx 尤其受到虚拟主机提供商的欢迎。 在高连接并发的情况下,Nginx 是 Apache 服务器不错的替代品;Ngi…

    2021年11月17日
    315
  • wordpress程序发布文章自动把远程图片保存到本地的两个方法

    目前个人建站使用wordpress程序的朋友非常的多,因为wp确实非常简单易用,非常傻瓜化,即使一个不太懂代码的人也可以利用wordpress轻松搭建博客一样属于自己的网站。 今天和大家分享wordpress发布文章自动把远程图片保存到本地的两个方法。一般情况下,并不是所有网站都会全部用原创,有时看到好文章想转载,但是对方网站可能对图片进了防盗链,我们如果挨…

    2021年8月12日
    581
  • 用纯代码实现wordpress网站地图

    纯代码免插件制作站点地图 如果你比较了解WordPress模板文件的结构,则可以使用下面的免插件代码来制作站点地图。将以下的代码粘贴到HTML页面里(一定要在代码模式下粘贴噢); <?php require(‘./wp-blog-header.php’); header(“Content-type: text/xml”); header(‘HTTP/1…

    2021年10月8日
    376