好哇网

WordPress 自动给图片添加alt和title标签方法

作者 图片添加alt 2020-07-25 1170

使用过百度站长评分的同学应该知道,图片如果木有 alt 标签会扣分的哦,当然,如果你平时有一个好的习惯,为图片自动添加 alt 标签的话,这样最好,那如果忘记了呢?不怕,懒人有懒人的办法。WordPress 自动给图片添加alt和title标签方法

如果你没有手动添加图片 alt 的习惯,那么我相信你是需要这个功能的,wordpress 默认上传图片后图片名即为 alt,像我这种习惯把图片命名成 1234 的亚历山大,于是就批量转换下 alt 标签吧。我采用的是文章标题加站点名称的方式,虽然如果一片文章内图片较多的话不太标准,但是我大部分文章都是 1 张配图,于是用这个没什么压力。图片优化也是 wordpress SEO 的一种重要手段,不需要额外做什么,只需要复制粘贴下就可以达到效果,何乐而不为?

下面的代码直接加到 functions.php 中即可:

1
2
3
4
5
6
7
8
9
10
/** Auto-Generate ALT tag for images 只加alt属性*/
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').'"', $images[0][$index]);
        $content = str_replace($images[0][$index], $new_img, $content);}}
    return $content;
}
add_filter('the_content', 'image_alt_tag', 99999);

上面的代码是只添加alt属性,如果想同时添加alt和title属性,请使用下面的代码:

1
2
3
4
5
6
7
8
9
//文章图片自动添加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);

到此这篇关于WordPress 自动给图片添加alt和title标签方法的文章就介绍到这了,更多WordPress 添加标签方法请搜索好哇网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持好哇网

发表评论

好哇网,每天提供1000+次下载,做你身边靠谱的下载站!

立刻探索下载

留言咨询