# WordPress 图片alt自动使用标题

- Link: https://yjyj.net/learn/wordpress-learn/4747.html
- Published: 2014-10-07T10:04:21+08:00
- Author: 小 虾

⚡ 生猛大蝦编辑部 · 30 秒核心看点

 * 用 the_content 过滤正文，批量给图片补上 alt，省去逐张手填。
 * 核心思路是读取当前文章标题，正则匹配图片 src 后追加 alt 属性。
 * 适合轻量修补图片语义，但要注意只处理正文内容，别误伤其他 HTML。

    ```decode:true
    // 图片alt强制标题
    function image_alt($c) {
        global $post; // 全局量
        $title = $post->post_title; // 文章标题
        $s = array('/src="(.+?.(jpg|jepg|png|gif|bmp))"/i' => 'src="$1" alt="'.$title.'"');
        foreach($s as $p => $r){
        $c = preg_replace($p,$r,$c);
    }
    return $c;
    }
    add_filter( 'the_content', 'image_alt' );
    ```

代码来自:http://meiri.me/9047.html

📌 生猛大蝦编辑部 · 背景与实操延伸

这类写法属于早期 WordPress 站长常用的“内容输出层修补”思路：不改媒体库，不动后台上
传流程，直接在正文渲染时补属性，见效快、成本低。但实操时要留意两点：一是正则匹配
范围有限，遇到不同图片标签写法可能失效；二是统一用标题当 alt 只是兜底方案，若追求
更好的可访问性和图片搜索表现，后续仍建议按图片语义逐张优化。

❓ 延伸问答与排错指南（FAQ）

这段代码会自动给哪些图片加alt？

它是通过过滤文章正文内容来处理图片标签，正则会匹配 jpg、jpeg、png、gif、bmp 等常见
图片地址，并在 src 后追加 alt 属性。也就是说，主要针对正文里输出的图片，不是全站
所有图片统一改写。

图片alt直接用文章标题有什么问题？

优点是省事，能快速补齐 alt；但缺点是所有图片都变成同一个标题，语义不够精准。更理想
的做法是按图片内容写更具体的描述，标题法适合临时补救或批量兜底。

这段代码实操时要注意什么？

要先确认主题输出的图片 HTML 结构是否符合正则匹配条件，否则可能漏改或重复改写；另外，
若正文里已有 alt，最好先做兼容判断，避免覆盖原本更准确的描述。

📚 【[WordPress 学习](https://yjyj.net/category/learn/wordpress-learn)】专栏延伸
阅读与热门精选（[全站文章归档](https://yjyj.net/archive)）：

 * [在 WordPress 菜单显示指定时间文章更新数量 类似 bilibili 气泡](https://yjyj.net/learn/wordpress-learn/4742.html)
 * [WordPress 获取文章中的第一个链接](https://yjyj.net/learn/wordpress-learn/4740.html)
 * [wordpress 为cos-html-cache插件增加页面（Page）、标签（Tag）和分类（Category）的静态化功能](https://yjyj.net/learn/wordpress-learn/4749.html)
 * [为wordpress分类(category)url补个 “/”](https://yjyj.net/learn/wordpress-learn/4772.html)
 * 热门必读[重置 Mac 的 SMC](https://yjyj.net/learn/7596.html)
 * 热门必读[CSS 盒模型边界重叠 (Margin Collapse) 原理与解决方案](https://yjyj.net/css/3536.html)