zblogphp自动添加图片alt标签代码实现手动修改主题支持自动添加图片alt标签

什么是alt图片标签

定义和用法

alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：

网速太慢、src 属性中的错误、浏览器禁用图像、用户使用的是屏幕阅读器

<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，alt 属性通常是他们了解图像内容的唯一方式。摘自：http://www.w3school.com.cn/tags/att_img_alt.asp

从上面可以看出图片的alt标签是非常重要的，特别是对于SEO而言，当下搜索引擎已经把图片alt标签当做重要的检验指标了。

在zblog中就有插件可以实现自动添加图片alt标签，自动把文章标题作为图片的alt标签使用。在应用中心找到Tctitleseo插件

今天就来说下怎么样通过代码实现这个功能，一劳永逸再也不用担心发表文章的时候忘记给图片添加alt标签的问题了。

实现自动添加图片alt标签

1、找到当前主题的include.php文件，（zb_users/theme/主题文件夹/include.php）在最后一行的  ?>  上面添加下面的函数代码：

function imgAlt(&$template){
   global $zbp;
   $article = $template->GetTags('article');
   $pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>/i";
   $replacement = '<img alt="'.$article->Title.'" src=$2$3.$4$5/>';
   $content = preg_replace($pattern, $replacement, $article->Content);
   $article->Content = $content;
   $template->SetTags('article', $article);
}

2、在include.php文件的ActivePlugin_XXXX()函数部分(其中XXXX视主题不同而变化，只要找到ActivePlugin即可，一般是在头部前几行)，添加挂载接口代码：

Add_Filter_Plugin('Filter_Plugin_ViewPost_Template','imgAlt');

3、保存后，文章中的图片就会自动添加alt属性，并把文章标题设置为alt属性值。最好更新下缓存

本站附件分享，如果附件失效，可以去找找看

诚通网盘附件、百度网盘附件