您的位置 首页 wordpress记录

WordPress自动给图片添加alt和title属性

本文最后更新时间为 2019-09-05。如果您发现本文中的内容已经失效,烦请留言告知。

关于图片的alt和title属性,我想大部分站长应该都不会陌生。

alt和title属性能给访客用户更好的浏览体验,同时对SEO也很有利。一般的WordPress主题都不具备自动添加属性的功能,我们都知道图片的alt和title属性非常重要,但是在增加图片的时候总是容易忘记,或偶然漏掉alt或title。

如果要想让图片更符合SEO排名,就需要手动的给每一张图片添加alt属性。但是每次添加图片都要手动添加会非常麻烦,尤其是图片多的时候。

今天就分享一下自动给图片添加alt和title属性的3种代码,代码写入主题functions.php文件。本站使用第一种代码:

方法1:

/*图片自动添加alt和title属性*/
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('alt=""', '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:

//文章图片自动添加alt和title属性
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);

方法3:

//文章图片自动添加alt和title属性
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');

本博客 [ 秋硕笔记 ] 内带有 原创 标签文章,均为秋硕独立创作。

撰文不易,转载请注明文章来源并保留原文链接:本文转载自 秋硕笔记

本文链接:https://www.cuikaiyun.cn/wordpress-images-alt-title.html

秋硕

关于作者: 秋硕

关注wordpress优化加速,以及优质主题、插件。

热门文章

发表评论