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

相关推荐

  • 阿里云SSH服务器拒绝密码登录的解决方法

    当你尝试通过SSH连接到远程服务器时,可能会遇到提示信息”SSH服务器拒绝了密码,请再试一次”。这种情况通常是因为服务器端配置限制了root用户的密码登录。本文将引导你逐步修改服务器端SSH配置,允许使用密码进行登录。 步骤1:进入终端窗口 首先,在你的本地计算机上打开一个终端窗口(对于Linux和macOS用户,可以通过快捷键或菜单…

    2024年8月15日
    386
  • 腾讯云机器故障买错了退货该怎么办

    一直使用腾讯云 但是有时候新购的机器莫名其妙会出现这样子那样子的问题和客服技术叽叽歪歪了很久但是一直没法解决。其实最好的方法就是直接申请退换机器,就是换新啦。现在买苹果手机电子产品出现问题很多都是直接换新了。在云服务器的时代换新也是很正常的啦。 腾讯云换机器注意的东西就是不需要去钻这个空子。一定确实是有需要才这么做。腾讯也是有限制的一个QQ号可以退3次合计3…

    2022年11月12日
    269
  • HTML如何实现页面自适应,适配手机屏幕尺寸

    之前帮别人把 PC 站改成自适应,由于很久没有写过了,有些地方也需要查查资料,页面自适应主要用于响应式站点、手机移动端 app 较多,最重要的就是 css 样式,要注意细节不断尝试,需要熟练掌握!   1、首先在网页代码的头部,加入一行viewport标签 在网页的头部中增加以下这句话,可以让网页的宽度自动适应手机屏幕的宽度 <meta na…

    2021年8月25日
    999
  • wordpress网站用插件自动添加图片alt属性和title属性步骤

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

    2021年8月17日 建站知识
    693
  • 宝塔面板创建的ftp登陆无法连接解决办法?

    宝塔面板创建的ftp登陆无法连接解决办法? 一:问题描述: 阿里云服务器安装了宝塔linux面板,创建了ftp,利用xftp选择ftp协议连接不上问题? 二:解决方法: 登陆阿里云服务器,在阿里云服务器安全组中放行端口21,并且被动端口(39000 – 40000)也需要处于放行状态,进入宝塔Linux面板中的软件管理,找到Pure-Ftpd 1…

    2021年9月21日
    772