立即註冊  找回密码

QQ登录

只需一步,快速开始

开启辅助访问 切换到宽版

東里論壇

搜索
查看: 10505|回复: 0

[使用心得] Discuz! X3.3优化修改(五)——给论坛帖子所有图片添加alt属性并修改图片的src属性

[复制链接]

335

主题

486

帖子

3089

积分

管理員

Rank: 9Rank: 9Rank: 9

积分
3089
发表于 2017-1-17 07:37:14 |阅读模式
alt是图片<img>标签中一个很重要的属性,它规定在图像无法显示时的替代文本。对于搜索引擎来说,相当于告诉他这个图片是什么内容,所以是一个很重要的SEO手段。而Discuz! X论坛的源代码中,所有上传的图片,虽然提供了描述的输入框,但HMTL代码中却是没的这个属性的,所以我们必须给他加上。

用文本编辑器打开/template/default/forum/discuzcode.htm,搜
  1. <img{if $attach['price'] && $_G['forum_attachmentdown']
复制代码

段落,共有两处,在
  1. inpost="1"{if $_GET['from'] != 'preview'}
复制代码
后面添加:
  1. alt="$attach[imgalt]" title="$attach[imgalt]"
复制代码

除了ALT属性问题,Discuz! X论坛的<img>标签中,<src>属性默认居然是static/image/common/none.gif,由于我们只打算让百度收录缩略图,所以只需找到:
  1. <img id="aimg_$attach[aid]" class="guestviewthumb_cur" aid="$attach[aid]" src="{STATICURL}image/common/none.gif" onclick="showWindow('login', 'member.php?mod=logging&action=login'+'&referer='+encodeURIComponent(location))" onerror="javascript:if(this.getAttribute('makefile')){this.src=this.getAttribute('makefile'); this.removeAttribute('makefile');}" file="$thumbpath" makefile="$makefile" inpost="1" alt="$attach[imgalt]" title="$attach[imgalt]"/>
复制代码
将其中的
  1. src="{STATICURL}image/common/none.gif"
复制代码
改为:
  1. src="$thumbpath"
复制代码


至此,大功告成!

ALT可以考虑当输入图片描述时,用“$attach[imgalt]”,否则用“$_G[forum_thread][subject]- $_G[setting][sitename]”,即“帖子标题-网站名称"。该方法3.3下无效,待研究。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即註冊

本版积分规则

本版推荐主题

QQ|网站地图|小黑屋|Archiver|東里論壇 ( 粤ICP备14015598号 ) 公安备案图标粤公网安备 44512202000019号
GMT+8, 2024-11-22 14:53 , Processed in 0.136266 second(s), 58 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.