zblogphp程序文章图片自动添加alt属性教程

2019-04-0322:10:03网站建设与开发Comments2,935 views字数 797阅读模式

WordPress 很多主题都已经把自动添加图片 alt 属性当做标配来使用,但是 zblogPHP 很多主题都没有这个功能,只能另行安装一款插件来代替,所以今天就跟大家说一说如何 zblogPHP 站点(主题)自动添加图片 alt 属性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

alt是图片标签img的一个特点,其效果除了在图画无法显现时,浏览器把alt特点值代替图片显现外,在SEO优化中也是非常重要的一个标签特点,时下的SEO检测工具都把alt列为重要检测指标。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

在运用zblog php编辑器上传插入图片过程中,博主往往会疏忽或许漏掉图片alt,事后想起再逐一查看明显极度耗费时刻,而经过函数代码则能够主动给一切图片增加alt特点,一劳永逸。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

操作步骤文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

1、编辑主题的文件,在最后一行的?>上面添加下面的函数代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

function imgAlt(&$template){文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

global $zbp;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

$article = $template->Gettags('article');文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

$pattern = "/<img(.*?)src=('|/")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|/")(.*?)>/i";文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

$replacement = '<img src=$2$3.$4$5/>';文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

$content = preg_replace($pattern, $replacement, $article->Content);文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

$article->Content = $content;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

$template->SetTAGS('article', $article);}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

2、在文件的ActivePlugin_Tctitleseo()函数部分,添加挂载接口代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

Add_Filter_Plugin('Filter_Plugin_ViewPost_Template','imgAlt');文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

3、保存后,文章中的图片就会自动添加alt属性,并把文章标题设置为alt属性值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/11171.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/11171.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定