WordPress教程 – 自动为图片添加alt和title标签

当我们在编辑文章插入图片时,alt和title标签是需要手动添加的,非常不方便。我们可以通过function函数来实现为图片自动添加标签。

  • alt标签用于图片不正常显示时提示该位置图片的内容
  • title标签用于为图片标明用途及说明

实现代码

//文章图片自动添加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);
/** 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);

使用方法

将任意一段代码添加至function.php文件即可。

人已赞赏
WordPress教程

WordPress教程 - 在媒体库上传并预览webp格式图片

2020-10-12 0:00:00

WordPress教程

WordPress教程 - 删除和自定义后台管理菜单

2020-10-21 0:00:00

⚠️
恩月阁文章由星九进行编写或整理,部分内容来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若无意中侵害到您的权益,请发送邮件至 xingjiu@nuue.cn 或点击右侧 私信:星九 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索