WordPress发布文章自动给图片加ALT和TITLE属性,代码及插件

2023-04-2310:43:59网站运营与SEO优化Comments684 views字数 1037阅读模式

后台发布文章插入图片是需要手动添加图片的ALT和TITLE属性的。如果我们每天发布大量的文章,手动添加这些属于明显很费力。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/36637.html

介绍一个Wordpress发布文章时,程序自动给图片加ALT和TITLE属性的方法。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/36637.html

1.打开自己正在使用的WordPress模板,找到functions.php函数文件;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/36637.html

2.在模板函数文件的特别下方找到 ?> 这样的标记,在这个标记上面添加以下的函数代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/36637.html

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属性了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/36637.html

除了上面的代码方式之外,还可以通过插件的方式来实现自动加ALT和TITLE标签;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/36637.html

这个插件叫做 SEO Friendly Images.可以自动添加alt信息,方便好用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/youhua/36637.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/youhua/36637.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定