WordPress如何实现图片自动添加alt和title标签属性?

网站建设中使用图文并茂的文章常常会更能够吸引用户,这时候我们在进行网站优化中不可避免要给图片添加一些alt和t…

网站建设中使用图文并茂的文章常常会更能够吸引用户,这时候我们在进行网站优化中不可避免要给图片添加一些alt和title属性,能够给访客更好的用户体验,也更利于SEO优化。一般WordPress主题是不具备自动添加标签功能,那么WordPress如何实现图片自动添加alt和title标签属性?

WordPress如何实现图片自动添加alt和title标签属性? (https://www.wpzt.net/) WordPress开发教程 第1张
请将下面的代码复制粘贴到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 属性为“文章标题 分类名称 第几张-站点名称”。

类别:WordPress技巧

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT