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属性值。最好更新下缓存
点击链接加入群聊三群:751529538
点击链接加入群聊二群:376877156
点击链接加入群聊【路由器交流群:622891808已满】
本站附件分享,如果附件失效,可以去找找看
饿了么红包