首页CMS两个方法实现WordPress自动给图片添加alt和title属性

两个方法实现WordPress自动给图片添加alt和title属性

时间2024-05-23 18:36:03发布访客分类CMS浏览360
导读:前天老蒋看到有个QQ群的网友在讨论,如何给网站中的图片自动添加图片的ALT和TITLE属性,因为在采集或者是编辑文章的时候确实图片太多的时候不会给图片添加这两个属性。如果我们采用的Wordpress肯定是有办法实现的,比如这里老蒋找到2个方...

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

1、方法A:添加ALT和TITLE

//文章图片自动添加alt和title属性(https://www.itbulu.com/wp-auto-alt.html整理)
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.itbulu.com/wp-auto-alt.html整理)
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文件中就可以实现。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 两个方法实现WordPress自动给图片添加alt和title属性
本文地址: https://pptw.com/jishu/666491.html
Kafka的消息传递模式有哪些,分别适用于什么场景 CSS书写规范以及顺序

游客 回复需填写必要信息