为特色图像添加Alt属性

知更鸟

1518
文章

6914
评论

2013年1月12日12:56:55 65 8.2K

HotNews主题集成了4种缩略图方式：添加自定义栏目调用指定图片、特色图像、自动获取日志第一张图片、随机缩略图以适应不同的使用需求。其中WordPress特色图像功能，默认并没有Alt属性，由于自己很少使用特色图像功能对此也没太注意，搜索引擎对图片意思的判断，主要靠alt属性，所以该属性还是很重要。

下面就提供添加Alt属性的方法：

打开HotNews主题HotNewspro\includes目录的thumbnail.php模版，将：

<?php if (has_post_thumbnail()) { the_post_thumbnail('thumbnail'); }

替换为：

<?php if (has_post_thumbnail()) { the_post_thumbnail('thumbnail' ,array('alt'=> trim(strip_tags( $post->post_title )), 'title'=> trim(strip_tags( $post->post_title ))));}

貌似主题其它地方也有类似的问题，下次升级主题时会一并修正。

提示：
修改主题请到后台----外观----编辑中修改或者使用专门的编辑软件，推荐使用免费的Notepad++
中文主题模板编码为：UTF-8 无BOM ，否则修改后会造成错位。

历史上的今天

一月

关于本站

分享交流WordPress经验与技巧，关注前端设计与网站制作。仅用于功能演示。

获取本主题

售前咨询加Q：598845006

多功能主题 Begin

获取本主题

售前咨询加Q：598845006

多功能主题 Begin

评论：65 其中：访客 54 博主 11

李梓朋 3
2013年1月12日 13点00分 1F
回复
既然下次升级主题就带上这个功能，这次就不折腾了。
图麦 3
2013年1月12日 13点41分 2F
回复
发现鸟哥对于用户体验优化这些都做的很好，很在乎。支持鸟哥。
不知道鸟哥发现没模版有一个用户体验的问题，就是网站如果用分辨率是1024×768的显示器观看，和用1268×1024分辨率的显示器观看，网站页面的宽度大小是一样的
不知道做到网站根据用户显示器分辨率的大小自动调整网站页面的宽度，实现这个会有难度不？要做到那些？
- 知更鸟
  2013年1月12日 15点17分 B1
  回复
  @ 图麦正所谓：会者不难，难者不会
  可以看一下这个
  https://zmingcx.com/the-adaptive-web-design-responsive-web-design.html
  PS:俺也不会
  - 图麦 3
    2013年1月12日 16点03分 B2
    回复
    @ 知更鸟支持了，又学到了一点
奇迹私服 1
2013年1月12日 14点09分 3F
回复
这个不错~~
tumaii 3
2013年1月12日 16点19分 4F
回复
我至少来测试下我的留言头像能显示不
- moonfly 2
  2013年1月12日 21点48分 B1
  回复
  @ tumaii 貌似测试失败，头像没显示！
哥特复兴 4
2013年1月13日 11点09分 5F
回复
等下次啊
常阳时光 4
2013年1月13日 15点30分 6F
回复
等升级~
萨龙龙 4
2013年1月13日 15点39分 7F
回复
简单且很重要的一小段代码，不过我的站点都没有使用特色图片，不影响
胡设中 3
2013年1月13日 18点06分 8F
回复
推荐主题Suffusion – 4.4.4 ，汉化参考http://www.wang3feng.com/ 出的汉化包，我的网站www.gaac.cc
- 胡设中 3
  2013年1月13日 18点38分 B1
  回复
  @ 胡设中您可能喜欢的文章还有，主题Suffusion – 4.4.4怎么设置
猴岛电脑 0
2013年1月14日 09点40分 9F
回复
这次备案的时间挺长的
华子茂 2
2013年1月14日 21点57分 10F
回复
还有多久才会升级主题呢？
海涛 0
2013年1月15日 06点20分 11F
回复
来看鸟哥啦
也期待各位同僚们回访哈
暮夏 4
2013年1月15日 14点28分 12F
回复
支持鸟哥！
羽绒服 4
2013年1月15日 19点00分 13F
回复
楼主的代码很强大.
四五网 3
2013年1月16日 17点41分 14F
回复
百度站长工具网站优化有提到图片Alt属性，有利于搜索引擎抓取信息…
李冬 1
2013年1月16日 19点44分 15F
回复
鸟哥，不知道是什么问题啊。
用了你这段代码以后，特色图像确实是有ALT属性的，但是首页的特色图像位置都不对了，基本上都下移了一些，看起来非常不整洁了。
- 知更鸟
  2013年1月16日 20点14分 B1
  回复
  @ 李冬看本文最后的提示
  - 李冬 1
    2013年1月16日 20点16分 B2
    回复
    @ 知更鸟额，难道是编码问题么……
    我修改后还特意保存为UTF-8格式了呢。
    先感谢鸟哥的回复了，我再试试吧。
wordpress先生 4
2013年1月16日 19点56分 16F
回复
博主，我也非常想用你的热点新闻主题，但是为什么首页一旦设置成cms就不显示了呢。网站大都打不开，而首页在blog模式下网站就能显示正常！还请鸟哥给予答复！
- 知更鸟
  2013年1月16日 20点15分 B1
  回复
  @ wordpress先生主机空间有功能限制吧
  - 张磊先生 4
    2013年1月19日 09点17分 B2
    回复
    @ 知更鸟换了个空间，现在使用正常了！
阳光电脑资讯网 1
2013年1月16日 22点00分 17F
回复
Alt属性很重要，搜索引挚好像很在乎这个
迷笛 3
2013年1月17日 16点56分 18F
回复
一直没留意Alt属性的问题，等下次更新吧
反对盗版 1
2013年1月18日 00点33分 19F
回复
鸟哥的网站终于回来了，庆祝！！！是不是域名到期了？
图麦 3
2013年1月18日 13点25分 20F
回复
鸟哥，问下，这样控制显示”摘要”的字数。。。
我想这个只显示90个字这样写代码？
- 图麦 3
  2013年1月18日 13点36分 B1
  回复
  @ 图麦《Ph p？php the_excerpt() ？》鸟哥这代码完全显示不出来啊！
- 知更鸟
  2013年1月18日 13点39分 B1
  回复
  @ 图麦比如修改分类页面模版打开archive查找类似：
  1. echo mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 400,“…”);
  修改后面的数字
  其它页面修改大同小异
  - 图麦 3
    2013年1月18日 13点48分 B2
    回复
    @ 知更鸟鸟哥谢谢你还去找了源代码
    我的问题是我需要修改是”摘要”,你这上面控制的是控制文章内容显示的数字
    - 知更鸟
      2013年1月18日 13点57分 B3
      回复
      @ 图麦你说的那个”摘要”需手动添加内容，加几个字数一数不就得了
      - 图麦 3
        2013年1月18日 14点00分 B4
        
        @ 知更鸟这个问题怎么说呢？
        不过还是先谢谢鸟哥
张磊先生 0
2013年1月18日 13点42分 21F
回复
这个主题太好了，却只能观望，自己使用不了哦！不知道是怎么回事呢！首页不能启用cms，一启用就http500错误！其他blog页面可以正常访问！
pptv播放器下载 1
2013年1月18日 20点26分 22F
回复
这个功能确实很实用。
张磊先生 4
2013年1月18日 20点52分 23F
回复
其他cms主题都能正常使用，就是这个主题首页cms显示http500错误！其他blog页面正常！
张磊先生 4
2013年1月18日 21点08分 24F
回复
请教博主：图片中的插件叫什么名字，如何实现。[img]http://www.zhangleisir.cn/wp-content/uploads/2013/01/20130118210526.png[/img]
- 张磊先生 4
  2013年1月19日 09点32分 B1
  回复
  @ 张磊先生博主帮忙看看！
- 知更鸟
  2013年1月19日 13点13分 B1
  回复
  @ 张磊先生看上去杂七杂八的，应该是自己将各功能代码弄在一起，加个外观样式而已
  - 张磊先生 4
    2013年1月19日 13点14分 B2
    回复
    @ 知更鸟哦这样啊我就觉得蛮实用的！功能蛮多的！
  - 张磊先生 4
    2013年1月19日 13点16分 B2
    回复
    @ 知更鸟博主，不好意思哈，在你这儿做个广告，（本站征集友情链接：http://www.zhangleisir.cn）
张磊先生 4
2013年1月19日 14点11分 25F
回复
博主，还有一个问题，明明加了友情链接，为什么在友情链接页面却不显示呢？
- 知更鸟
  2013年1月19日 15点38分 B1
  回复
  @ 张磊先生你装过那个自助友链插件，设置一下显示数量
  - 张磊先生 4
    2013年1月19日 16点33分 B2
    回复
    @ 知更鸟嗯弄好了。原来是要添加一个友情链接的的分类。友情页面里面的友情链接就能正常显示了！
  - 张磊先生 4
    2013年1月19日 19点00分 B2
    回复
    @ 知更鸟博主博客中的导航里面的美图欣赏我在后台的菜单配置中找不到啊！分类中也没有、页面中也没有！希望博主给我个回复，谢谢哈！
    - 张磊先生 4
      2013年1月19日 19点16分 B3
      回复
      @ 张磊先生 http://www.zhangleisir.cn/?gallery=mzt 在相册分类中点击查看找到地址了！
张磊先生 4
2013年1月19日 23点41分 26F
回复
博主，为什么点击图片会显示这个：Catchable fatal error: Object of class WP_Error could not be converted to string in /home/hhwhhutg/domains/zhangleisir.cn/public_html/wp-content/themes/HotNewspro/single.php on line 13 而不是像你的博客上的图片点击可以放大呢？
- 知更鸟
  2013年1月20日 11点01分 B1
  回复
  @ 张磊先生看主题使用说明■ 图片暗箱特效
  - 张磊先生 4
    2013年1月20日 20点30分 B2
    回复
    @ 知更鸟已解决，谢谢博主！
wmtimes 7
2013年1月20日 10点30分 27F
回复
好吧。我再来加上这个功能。
- 张磊先生 4
  2013年1月20日 20点32分 B1
  回复
  @ wmtimes 你不是没用此主题嘛，加哪里啊？
taikong007 3
2013年1月20日 13点52分 28F
回复
鸟哥，修改后，图片的Alt会改成什么呢？
熊猫家族 1
2013年1月21日 10点05分 29F
回复
确实， alt可以提供SEO更多的信息
Godaddy优惠码 1
2013年1月25日 16点16分 30F
回复
alt对google的图片搜索好像比较有效，度娘虽然也建议加，但是加了没什么效果
- 知更鸟
  2013年1月25日 17点34分 B1
  回复
  @ Godaddy优惠码是的，没有任何实际意义的功能，所以WP默认主题也没有
登山鞋推荐 0
2013年1月25日 16点43分 31F
回复
老大，请问如何实现让某个分类在首页不显示啊？CMS模式下，改哪一句代码？感谢！！
- 知更鸟
  2013年1月25日 17点32分 B1
  回复
  @ 登山鞋推荐 CMS模式下基本每个模块都可以显示自定义内容，熟习一下主题设置面板吧
醉风云 2
2013年1月25日 18点23分 32F
回复
来看看
理财达人 2
2013年1月26日 22点29分 33F
回复
鸟哥，你的网站链接是如何设置的？如何实现多级链接？
我的网站固定连接设置的是 http://www.ccwseo.net/%post_id%.html
所有的页面只能做到一个“/”，如何实现像你的网站那样，域名后面可以出现多个“/”https://zmingcx.com/category/hotnewspor
网站我就只会点皮毛，让您见笑了
我主要是想让新建页面只出现根这个页面标题有关的文章
如你的网站：【技术分析-HotNews主题】这个页面显示的都是和【HotNews主题】有关的文章，我就想达到这个目的感谢解答
腾讯网 0
2013年3月10日 16点38分 34F
回复
Catchable fatal error: Object of class WP_Error could not be converted to string in /home1/vhost/vh543034/www/3qia/wp-content/themes/HotNewspro/single.php on line 13
求解决
Frank 0
2013年3月11日 10点15分 35F
回复
挺喜欢HotNewsPro2.7，感谢分享！我在试着用windows live writer 连到这个主题离线编辑时，wlw就不太好用了，主要是编辑区不正常了，我用其他主题试过都没有问题，想知道这是什么原因，多谢！
- 知更鸟
  2013年3月11日 14点06分 B1
  回复
  @ Frank 首先需先学会怎么用wlw
  再参考：
  https://zmingcx.com/hotnewspro24-problem-summary.html
  第22条
朱 0
2013年5月28日 20点50分 36F
回复
一点点在学建议老鸟更新点新知识呀新鸟懂得少
wancad 1
2013年7月25日 20点59分 37F
回复
主题很经典，向博主学习了。
大象seo 0
2017年9月4日 11点22分 38F
回复
鸟哥，请问下是在主题目录下面的吗，咋个没找到这个文件呢