为特色图像添加Alt属性

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

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

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

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

替换为:

  1. <?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 ,否则修改后会造成错位。

 

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

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

目前评论:64   其中:访客  53   博主  11

    • avatar 李梓朋 来自天朝的朋友 火狐浏览器 Windows XP 河北省石家庄市 联通 3

      既然下次升级主题就带上这个功能,这次就不折腾了。

      • avatar 图麦 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

        发现鸟哥对于用户体验优化这些都做的很好,很在乎。支持鸟哥。

        不知道鸟哥发现没模版有一个用户体验的问题,就是网站如果用分辨率是1024×768的显示器观看,和用1268×1024分辨率的显示器观看,网站页面的宽度大小是一样的
        不知道做到网站根据用户显示器分辨率的大小自动调整网站页面的宽度,实现这个会有难度不?要做到那些?

          • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 铁通

            @图麦 正所谓:会者不难,难者不会
            可以看一下这个
            http://zmingcx.com/the-adaptive-web-design-responsive-web-design.html
            PS:俺也不会

              • avatar 图麦 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

                @知更鸟 支持了,又学到了一点

            • avatar 奇迹私服 来自天朝的朋友 谷歌浏览器 Windows 7 北京市朝阳区 联通 1

              这个不错~~

              • avatar tumaii 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

                我至少来测试下我的留言头像能显示不

                  • avatar moonfly 来自天朝的朋友 火狐浏览器 Windows 7 上海市 鹏博士长城宽带 2

                    @tumaii 貌似测试失败,头像没显示!

                  • avatar 哥特复兴 来自天朝的朋友 谷歌浏览器 Windows 7 江西省南昌市 电信 4

                    等下次啊

                    • avatar 常阳时光 这家伙可能用了美佬的代理 火狐浏览器 Windows XP 美国 加利福尼亚州圣克拉拉县山景市谷歌公司 4

                      等升级~

                      • avatar 萨龙龙 来自天朝的朋友 火狐浏览器 Windows 7 浙江省杭州市 铁通 4

                        简单且很重要的一小段代码,不过我的站点都没有使用特色图片,不影响

                        • avatar 胡设中 来自天朝的朋友 火狐浏览器 Windows 7 北京市 电信通 3

                          推荐主题Suffusion – 4.4.4 ,汉化参考http://www.wang3feng.com/ 出的汉化包,我的网站www.gaac.cc

                            • avatar 胡设中 来自天朝的朋友 火狐浏览器 Windows 7 北京市 电信通 3

                              @胡设中 您可能喜欢的文章还有,主题Suffusion – 4.4.4怎么设置

                            • avatar 猴岛电脑 来自天朝的朋友 谷歌浏览器 Windows XP 江苏省徐州市 电信 0

                              这次备案的时间挺长的

                              • avatar 华子茂 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 联通 2

                                还有多久才会升级主题呢?

                                • avatar 海涛 United Kingdom 谷歌浏览器 Windows 7 英国 0

                                  来看鸟哥啦
                                  也期待各位同僚们回访哈

                                  • avatar 暮夏 来自天朝的朋友 谷歌浏览器 Windows 8 广西百色市 电信 4

                                    支持鸟哥!

                                    • avatar 羽绒服 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省徐州市 电信 4

                                      楼主的代码很强大.

                                      • avatar 四五网 来自天朝的朋友 谷歌浏览器 Windows XP 江西省吉安市 井冈山大学对面开心网吧 3

                                        百度站长工具网站优化有提到图片Alt属性,有利于搜索引擎抓取信息…

                                        • avatar 李冬 来自天朝的朋友 火狐浏览器 Windows 7 山东省青岛市 电信 1

                                          鸟哥,不知道是什么问题啊。
                                          用了你这段代码以后,特色图像确实是有ALT属性的,但是首页的特色图像位置都不对了,基本上都下移了一些,看起来非常不整洁了。

                                            • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 铁通

                                              @李冬 看本文最后的提示

                                                • avatar 李冬 来自天朝的朋友 Internet Explorer Windows 7 山东省青岛市 电信 1

                                                  @知更鸟 额,难道是编码问题么……
                                                  我修改后还特意保存为UTF-8格式了呢。
                                                  先感谢鸟哥的回复了,我再试试吧。

                                              • avatar wordpress先生 来自天朝的朋友 谷歌浏览器 Windows XP 江苏省 移动(全省移通临时租用山西出口) 4

                                                博主,我也非常想用你的热点新闻主题,但是为什么首页一旦设置成cms就不显示了呢。网站大都打不开,而首页在blog模式下网站就能显示正常!还请鸟哥给予答复!

                                                • avatar 阳光电脑资讯网 来自天朝的朋友 Internet Explorer Windows 8 广东省东莞市 联通 1

                                                  Alt属性很重要,搜索引挚好像很在乎这个

                                                  • avatar 迷笛 来自天朝的朋友 Internet Explorer Windows 7 广东省中山市 电信 3

                                                    一直没留意Alt属性的问题,等下次更新吧

                                                    • avatar 反对盗版 来自天朝的朋友 火狐浏览器 Windows 7 云南省普洱市 电信 1

                                                      鸟哥的网站终于回来了,庆祝!!! 是不是域名到期了?

                                                      • avatar 图麦 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

                                                        鸟哥,问下,这样控制显示”摘要”的字数。。。
                                                        我想这个只显示90个字这样写代码?

                                                          • avatar 图麦 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

                                                            @图麦 《Ph p?php the_excerpt() ?》 鸟哥这代码完全显示不出来啊!

                                                            • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 铁通

                                                              @图麦 比如修改分类页面模版打开archive查找类似:

                                                              1. echo mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 400,“…”);  

                                                              修改后面的数字
                                                              其它页面修改大同小异

                                                                • avatar 图麦 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

                                                                  @知更鸟 鸟哥 谢谢你还去找了源代码
                                                                  我的问题是我需要修改是”摘要”,你这上面控制的是控制文章内容显示的数字

                                                                    • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 铁通

                                                                      @图麦 你说的那个”摘要”需手动添加内容,加几个字数一数不就得了

                                                                        • avatar 图麦 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

                                                                          @知更鸟 这个问题怎么说呢?
                                                                          不过还是先谢谢鸟哥

                                                                  • avatar 张磊先生 来自天朝的朋友 Internet Explorer Windows XP 江苏省南通市 电信 0

                                                                    这个主题太好了,却只能观望,自己使用不了哦!不知道是怎么回事呢!首页不能启用cms,一启用就http500错误!其他blog页面可以正常访问!

                                                                    • avatar pptv播放器下载 来自天朝的朋友 火狐浏览器 Windows XP 广东省深圳市 电信 1

                                                                      这个功能确实很实用。

                                                                      • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                        其他cms主题都能正常使用,就是这个主题首页cms显示http500错误!其他blog页面正常!

                                                                        • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                          请教博主:图片中的插件叫什么名字,如何实现。[img]评论[/img]

                                                                            • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                              @张磊先生 博主帮忙看看!

                                                                              • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 铁通

                                                                                @张磊先生 看上去杂七杂八的,应该是自己将各功能代码弄在一起,加个外观样式而已

                                                                                  • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                                    @知更鸟 哦 这样啊 我就觉得蛮实用的!功能蛮多的!

                                                                                    • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                                      @知更鸟 博主,不好意思哈,在你这儿做个广告,(本站征集友情链接:http://www.zhangleisir.cn)

                                                                                  • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                                    博主,还有一个问题,明明加了友情链接,为什么在友情链接页面却不显示呢?

                                                                                      • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 铁通

                                                                                        @张磊先生 你装过那个自助友链插件,设置一下显示数量

                                                                                          • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                                            @知更鸟 嗯 弄好了。原来是要添加一个友情链接的的分类。友情页面里面的友情链接就能正常显示了!

                                                                                            • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                                              @知更鸟 博主博客中的导航里面的美图欣赏 我在后台的菜单配置中找不到啊!分类中也没有、页面中也没有!希望博主给我个回复,谢谢哈!

                                                                                                • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                                                  @张磊先生 http://www.zhangleisir.cn/?gallery=mzt 在相册分类中点击查看找到地址了!

                                                                                            • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 北京市 移动 4

                                                                                              博主,为什么点击图片会显示这个: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 而不是像你的博客上的图片点击可以放大呢?

                                                                                                • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 铁通

                                                                                                  @张磊先生 看主题使用说明■ 图片暗箱特效

                                                                                                    • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 江苏省 移动(全省移通临时租用山西出口) 4

                                                                                                      @知更鸟 已解决,谢谢博主!

                                                                                                  • avatar wmtimes 来自天朝的朋友 谷歌浏览器 Windows 7 江西省新余市 电信 7

                                                                                                    好吧。我再来加上这个功能。

                                                                                                      • avatar 张磊先生 来自天朝的朋友 谷歌浏览器 Windows XP 江苏省 移动(全省移通临时租用山西出口) 4

                                                                                                        @wmtimes 你不是没用此主题嘛,加哪里啊?

                                                                                                      • avatar taikong007 来自天朝的朋友 火狐浏览器 Windows 7 北京市 联合易讯(北京)信息技术有限公司 3

                                                                                                        鸟哥,修改后,图片的Alt会改成什么呢?

                                                                                                        • avatar 熊猫家族 来自天朝的朋友 谷歌浏览器 Linux 北京市 电信 1

                                                                                                          确实, alt可以提供SEO更多的信息

                                                                                                          • avatar Godaddy优惠码 来自天朝的朋友 谷歌浏览器 Windows Vista 浙江省湖州市 电信 1

                                                                                                            alt对google的图片搜索好像比较有效,度娘虽然也建议加,但是加了没什么效果

                                                                                                              • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 联通

                                                                                                                @Godaddy优惠码 是的,没有任何实际意义的功能,所以WP默认主题也没有

                                                                                                              • avatar 登山鞋推荐 来自天朝的朋友 谷歌浏览器 Windows 7 上海市闸北区 电信 0

                                                                                                                老大,请问如何实现让某个分类在首页不显示啊?CMS模式下,改哪一句代码?感谢!!

                                                                                                                  • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 联通

                                                                                                                    @登山鞋推荐 CMS模式下基本每个模块都可以显示自定义内容,熟习一下主题设置面板吧

                                                                                                                  • avatar 醉风云 来自天朝的朋友 谷歌浏览器 Windows XP 山西省晋中市 联通 2

                                                                                                                    来看看

                                                                                                                    • avatar 理财达人 来自天朝的朋友 Internet Explorer Windows 7 江苏省南通市 电信 2

                                                                                                                      鸟哥,你的网站链接是如何设置的?如何实现多级链接?
                                                                                                                      我的网站固定连接设置的是 http://www.ccwseo.net/%post_id%.html
                                                                                                                      所有的页面只能做到一个“/”,如何实现像你的网站那样,域名后面可以出现多个“/”http://zmingcx.com/category/hotnewspor
                                                                                                                      网站我就只会点皮毛,让您见笑了

                                                                                                                      我主要是想让新建页面只出现根这个页面标题有关的文章
                                                                                                                      如你的网站:【技术分析-HotNews主题 】这个页面显示的都是和【HotNews主题】有关的文章,我就想达到这个目的 感谢解答

                                                                                                                      • avatar 腾讯网 来自天朝的朋友 Internet Explorer Windows 7 江西省吉安市 电信 0

                                                                                                                        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
                                                                                                                        求解决

                                                                                                                        • avatar Frank Canada Internet Explorer Windows XP 加拿大 0

                                                                                                                          挺喜欢HotNewsPro2.7,感谢分享!我在试着用windows live writer 连到这个主题离线编辑时,wlw就不太好用了,主要是编辑区不正常了,我用其他主题试过都没有问题,想知道这是什么原因,多谢!

                                                                                                                            • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 联通

                                                                                                                              @Frank 首先需先学会怎么用wlw
                                                                                                                              再参考:
                                                                                                                              http://zmingcx.com/hotnewspro24-problem-summary.html
                                                                                                                              第22条

                                                                                                                            • avatar 来自天朝的朋友 谷歌浏览器 Windows XP 安徽省六安市 电信 0

                                                                                                                              一点点在学 建议老鸟更新点新知识呀 新鸟懂得少

                                                                                                                              • avatar wancad 来自天朝的朋友 谷歌浏览器 Windows 7 山西省大同市 铁通 1

                                                                                                                                主题很经典,向博主学习了。