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

相关推荐

  • 宝塔面板创建的ftp登陆无法连接解决办法?

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

    2021年9月21日
    759
  • 宝塔linux面板命令大全(最全宝塔linux面板命令)

    宝塔linux面板命令大全 安装宝塔 CentOS安装脚本 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh Ubuntu/Deepin安装脚本 wget -O inst…

    2024年10月3日
    607
  • 大更新全新UI:WordPress DUX主题更新至v8.0

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

    2022年11月7日
    315
  • 自动将文章中的链接转为超链接

    最近在做一个论坛系统,使用了一下代码作为正文展示: 代码语言:javascript 复制 <div class=”article-content”> <?php echo $article[‘content’]; ?> </div> 这里用到的样式是“article-content”所以我直接在JS中对这个元素进行处理即可…

    2024年7月31日
    243
  • wordpress程序发布文章自动把远程图片保存到本地的两个方法

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

    2021年8月12日
    617