Code前端首页关于Code前端联系我们

WordPress 在发布文章时会自动为图像添加 ALT 和 TITLE 属性,代码和插件

terry 2年前 (2023-09-26) 阅读数 54 #网站优化

后台发布文章时插入图片,必须手动添加图片的ALT和TITLE属性。如果我们每天发布很多文章,手动添加这些文章将非常困难。

引入了一种编程方式,可以在 WordPress 中发布文章时自动向图像添加 ALT 和 TITLE 属性。

1。打开您正在使用的WordPress模板,找到functions.php函数文件;

2。在模板函数文件的特殊部分找到像?>这样的符号,然后在该符号上方添加函数代码:

function image_alttitle( $imgalttitle ){
global $post;
$category = get_the_category();
$flname=$category[0]->cat_name;
$btitle = get_bloginfo();
$imgtitle = $post->post_title;
$imgUrl = "<img\s[^>]*src=('??)([^' >]*?)\[^>]*>";
if(preg_match_all("/$imgUrl/siU",$imgalttitle,$matches,PREG_SET_ORDER)){
if( !empty($matches) ){
for ($i=0; $i < count($matches); $i++){
$tag = $url = $matches[$i][0];
$j=$i+1;
$judge = '/title=/';
preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
if( count($match) < 1 )
$altURL = ' alt="'.$imgtitle.'第'.$j.'张" title="'.$imgtitle.'第'.$j.'张-'.$btitle.'" ';
$url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalttitle = str_replace($tag,$url,$imgalttitle);
}
}
}
return $imgalttitle;
}
add_filter( 'the_content','image_alttitle');

3。这样,当我们在网站后台上传图片时,程序会自动添加ALT和TITLE属性。

除了上面的代码方法外,还可以使用插件自动添加ALT和TITLE标签;

这个插件被称为SEO友好图像。可以自动添加alt信息,方便易用。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门