zblogphp自动添加图片alt标签代码实现手动修改主题支持自动添加图片alt标签-爱搜啊博客

当前位置:首页» 经验心得»正文

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

发布:爱搜啊  时间:2018年09月17日  分类:经验心得   评论

什么是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);
}

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

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

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

Add_Filter_Plugin('Filter_Plugin_ViewPost_Template','imgAlt');

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

转载请保留出处和本文地址: http://aisoa.cn/post-2155.html

评论 赞助本站

爱搜博客赞助收款二维码

欢迎参与讨论,新评论稍后显示,广告一律删除!