WordPress如何实现图片自动添加alt和title标签属性?
网站建设中使用图文并茂的文章常常会更能够吸引用户,这时候我们在进行网站优化中不可避免要给图片添加一些alt和t…
网站建设中使用图文并茂的文章常常会更能够吸引用户,这时候我们在进行网站优化中不可避免要给图片添加一些alt和title属性,能够给访客更好的用户体验,也更利于SEO优化。一般WordPress主题是不具备自动添加标签功能,那么WordPress如何实现图片自动添加alt和title标签属性?
请将下面的代码复制粘贴到functions.php文件里面。
方法一:
/** 文章图片自动添加ALT和TITLE */
function image_alt_title($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_title’, 99999);
方法二:
function image_alttitle( $imgalttitle ){
global $post;
$category = get_the_category();
$flname=$category[0]->cat_name;
$btitle = get_bloginfo();
$imgtitle = $post->post_title;
$imgUrl = “<imgs[^>]*src=(”??)([^” >]*?)1[^>]*>”;
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.’ ‘.$flname.’ 第’.$j.’张” title=”‘.$imgtitle.’ ‘.$flname.’ 第’.$j.’张-‘.$btitle.’” ‘; $url = rtrim($url,’>’);
$url .= $altURL.’>’;
$imgalttitle = str_replace($tag,$url,$imgalttitle);
}
}
}
return $imgalttitle;
}
add_filter( ‘the_content’,’image_alttitle’);
以上代码默认的 alt 属性为“文章标题 分类名称 第几张”,title 属性为“文章标题 分类名称 第几张-站点名称”。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
评论功能已经关闭!