相信很多人对小黄人的可爱模样爱不释手,对《卑鄙的我》中的生动角色如格鲁、艾格尼丝、伊迪丝、玛戈等也是喜爱有加,当然少不了我们最钟意的小黄人了。所以我想着这么有爱的精灵,如果不做成表情那就太可惜了。下面给大家分享一下我把小黄表情集成到WordPress中的过程。
第一步:安装custom smilies插件
Custom smilies表情插件是WordPress中使用率比较高的表情插件,一开始由工程师quanganhdo开发并维护至version1.2版本,后来很长一段时间内没有再进行升级。鉴于使用的普遍性和大众的呼声,Crazy Loong接下接力棒进行后续研发,发布了利于使用和维护的2.0版本。目前最新的版本已发布到2.9.2,我现在用的就是这个版本。建议大家安装2.0以上的版本进行完善,2.0以下的慎用。
需要注意的一个地方是,在wordpress的后台插件管理中直接查找插件进行安装,默认安装的是1.2的版本,不是最新版。所以大家安装的时候还是直接去官网下载安装包吧,以免程序调试的时候出现问题。
第二步:上传自己的表情图片
Smilies插件的表情目录是/wp-include/images/smilies,里面有十几个原有的表情均比较丑陋(不用的话可以考虑删掉)。整理好自己的表情包,通过FTP上传工具把自己的表情文件上传到smilies目录下,注意看下当前目录的权限以免引起文件上传失败问题。
在此分享一下我的小黄人表情包,费尽了我的九牛二虎之力啊!不停地找素材,后来又进行尺寸和细节修改,不过最后总算基本完善了。在此奉上,不成敬意【小黄人表情包下载】。
第三步:修改smiley.php文件
在做这一块的处理之前,我也在网上看了不少人的处理流程,但是在主题文件目录死活找不到这个文件。后来下载了别人的一份配置,把自己的代码添加了进去,在此要感谢大家对源代码的分享!
这个文件中其他地方不用动,只需要把自己的表情代码更新上去就可以了,原来的表情代码都被我删掉了,因为那些个表情实在是不忍直视。代码构成我解释一下,grin()中的是表情的文本形式,可以自己进行名称配置,以方便评论或者文章中的表情转换。img的值是表情图片的路径,对应就可以了。title和alt的值要求配一下,这样的话鼠标放上去的时候会有汉字提示,比较人性化一点。
OK,这个文件配置完后,要上传到你当前的主题根目录下,一般路径为/wp-content/themes/你的当前主题。鉴于有些人的目录中没有smiley.php文件,我把我的配置文件分享一下,可沿用也可以自定义自己的表情【smiley.php下载】。
第四步:smilies插件配置
进入后台-设置-表情(或者smilies)管理界面,插件已经列出了表情目录下的所有表情文件,包括已经定义过代码和未定义过的。所以刚上传的表情文件基本上都处于未定义状态,应该按照smiley.php里面的代码配置进行填写,对应就可以了,So easy!
切忌表情代码要保持同步,如果不对应评论或者文章中翻译表情的时候可能会出现无法翻译的问题。
第五步:更新comment.php文件 调整表情展示位置
很多网友分享的步骤,基本上都是把表情放到了评论框的上边。不过我个人还是喜欢把表情放到下边进行选择,只要在主题目录下的comment.php文件中找到textarea就行了,至少放什么位置可以根据自己的喜好而定。展示表情需要添加下面一行代码:
1 |
<?php include(TEMPLATEPATH . '/smiley.php');?> |
这一句话的意思就是把刚才的smiley.php表情配置文件包含进来,并进行展示。
wordpress原本有个“表情”按钮,点击的时候下拉出系统已有的一些表情供用户选择。那现在有了小黄人之后,我就彻底不想再用系统的表情了,所以通过以下配置直接把系统表情屏蔽掉了:
1 2 |
<span data-type="comment-insert-smilie" class="muted comt-smilie"><i class="fa fa-smile-o"></i> 表情</span> <span class="muted comt-mailme"><?php deel_add_checkbox() ?></span> |
在“提交评论”按钮下方找到这两行代码,并注释掉,评论框下方的“表情”按钮就没有了。现在就彻底只能用我们自己定义的小黄人表情了,刷新一下你的页面,让交流更加有爱吧!
注:我一开始有过设想,想把自定义的表情直接添加到wordpress的系统表情中去,并通过“表情”按钮直接调用出来(不是网上千篇一律的打印表情)。可是摆拾了好长时间,找不到切入点在哪儿……所以现在实现的功能就是屏蔽系统表情,展示自定义表情。不知道哪位高人晓得把自定义表情添加进系统表情中,可以分享一下。
转载请注明:似水流年 » WordPress集成小黄人表情包及下载