修改Wordpress默认评论表情(附:跳转到多说评论框的方法) 网站建设

修改Wordpress默认评论表情(附:跳转到多说评论框的方法)

先吐槽一下:这两天博主折腾抢票火车票去了,博客也没怎么打理,最不爽的是折腾到最后才弄到一张无座的,唉,说多了都是泪啊!铁道部你技术不行可以招标啊,干嘛拿老百姓做小白鼠呢?就你那破网站,相信大把的高手可以做得比你们好百倍,还不用浪费那么多资金!吐槽完毕。。。 之前用着大路社的主题,个人也是折腾了挺久才让功能有所完善,结果感觉加载很卡顿,而且兼容性也挺鸡肋的,比如说在IE内核下侧边栏及全局排版都能正常显示,而到了Webkit内核下就各种错排,惨不忍睹!又各种找主题,纠结了半天还是找了这款weisay 1.61,本来想用devework的付费主题,结果涨价了,还是先搁着以后再说! 更换主题之后,发现一些小问题,其中一个就是发现文章界面的评论直达功能失效了,经过观察发现是启用了多说导致的,但由于技术不佳不会解决(次日已自行研究搞定,详见底部补充.),个人又挺喜欢这个功能,就只好抛弃多说,用回自带评论框。。。结果发现自带的表情真的太寒碜了,暴丑啊,只好自己动手修改下。 各位感受下: 修改前 修改后:   第①种: 第②种: 通过后台主题编辑界面,发现了weisay控制评论表情的php文件→smiley.php,但weisay并没有将表情打包进主题,仅仅调用了wordpress默认的表情文件,这样一分析,就至少有两种方法来修改自带评论框的表情咯! 一、傻瓜式替换wordpress默认表情(适合主题默认表情路径) 找到你喜欢的表情图片去替换wordpress默认表情图片即可。注意名称要一致哦! 默认表情库路径为:网站根目录/wp-includes/images/smilies 优点:简单易行,适合新手。 缺点:升级WP之后需重新弄。 二、主题代码修改法(提取自weisay主题,并补充了图片alt和title) 1.在主题文件夹下新增smiley.php文件,然后贴上一下内容: 然后在主题目录找到评论模块:comments.php(名称可能随主题而定),找到,并在它的上面加上 保存之后基本就可以修改成功了! 特别说明下,我这个代码是原封不动贴上来的,所以路径就是指向我之前大路社主题的表情位置,各位如果需要拷贝过去的话,只需要根据实际情况修改/wp-content/themes/dalushe/images/smilies/这个路径就可以了!后面的title和alt属性可能要根据你的表情来相应修改下。 优点:自定义表情路径,就算WP升级也无需再次折腾。 缺点:麻烦了不少。 写到最后,博主再打包一下我所用的表情图片吧!喜欢的童鞋可以拿走拉! 第①个:大路社提取的方正行QQ表情(目前我所用的) 第②个:QQ原版表情     2014-01-07补充采用多说时修复跳转功能的方法: 通过查看相关主题代码已自行搞定,又用回多说啦!多说在联系左邻右舍还是比邮件方便不少!下面贴下方法: 其实这跳转功能就是通过内部id标签来实现的,搞清楚了就非常简单,自带的评论模块是加了id申明的,也就是id=respond,那么你在文章链接后面加上#respond参数就自动跳转到评论框所在位置啦!而多说默认是没有定义这样一个ID的,所以我们只要在调用多说的位置给它添上一个ID标识就行了,具体做法如下: 打开主题目录的文章页面→single.php找到<?php comments_template(); ?>,在包裹它div中加入id="respond"就行,如下所示: 那么要跳转到评论框的位置,直接给加上<a href="#respond"></a>即可,比如我要评论 简单吧? 哈哈,方便的多说又回来了~~~
阅读全文