用简单代码实现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 上传图片“抱歉,您无权上传此文件类型”?

    如果您在WordPress媒体库中上传特殊文件时遇到”抱歉,您无权上传此文件类型”或”抱歉,出于安全原因,不允许使用此文件类型”的提示,这可能是由于WordPress默认设置限制了某些文件类型的上传。 为了解决这个问题,您可以考虑以下几种方法: 使用插件 您可以安装并激活适当的插件来扩展WordPress允许上传的文件类型。一些常用的插件包括”Enable …

    2024年8月9日
    652
  • zblog博客无法上传附件/上传图片失败怎么办?

    zblog论坛里面经常有网友在问“zblog无法上传附件怎么办?”或者“zblog无法上传图片怎么办?”。老文笔记尝试为大家归类几种原因。 1、上传的图片或者附件太大了超出了限制。 解决办法:后台–网站设置–全局设置–允许上传文件的大小(单位MB)。将允许上传文件的大小设置大一些。 2、主机权限不足或者有限制。 解决办法:…

    2022年11月10日
    364
  • 做网站是使用Nginx还是Apache

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

    2021年11月17日
    375
  • WordPress程序自动设置标签Tag自动内链无插件实现办法

    一直有使用WP keyword Link Plugin插件,但是发现这个插件已经好久没有更新,好像目前在平台中已经找不到。所以准备替换掉这个插件。类似的WordPress插件还是有很多的,比如Keywords to Links Converter、Auto Tag Links等都可以实现。 本着少用插件,能不用插件就不用的策略,所以准备还是无插件实现。 //…

    2021年8月18日
    774
  • HTML如何实现页面自适应,适配手机屏幕尺寸

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

    2021年8月25日
    1.0K