老蔡的个人专栏正式成立,以后工作中遇到的技术问题,或者生活中对一些事物的见解,都会和大家分享!独乐乐不如众乐乐!

WordPress集成小黄人表情包及下载

网站部署 BlandonTsai 7115℃ 0评论

相信很多人对小黄人的可爱模样爱不释手,对《卑鄙的我》中的生动角色如格鲁、艾格尼丝、伊迪丝、玛戈等也是喜爱有加,当然少不了我们最钟意的小黄人了。所以我想着这么有爱的精灵,如果不做成表情那就太可惜了。下面给大家分享一下我把小黄表情集成到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文件

在做这一块的处理之前,我也在网上看了不少人的处理流程,但是在主题文件目录死活找不到这个文件。后来下载了别人的一份配置,把自己的代码添加了进去,在此要感谢大家对源代码的分享!

QQ20140925105254

这个文件中其他地方不用动,只需要把自己的表情代码更新上去就可以了,原来的表情代码都被我删掉了,因为那些个表情实在是不忍直视。代码构成我解释一下,grin()中的是表情的文本形式,可以自己进行名称配置,以方便评论或者文章中的表情转换。img的值是表情图片的路径,对应就可以了。title和alt的值要求配一下,这样的话鼠标放上去的时候会有汉字提示,比较人性化一点。

OK,这个文件配置完后,要上传到你当前的主题根目录下,一般路径为/wp-content/themes/你的当前主题。鉴于有些人的目录中没有smiley.php文件,我把我的配置文件分享一下,可沿用也可以自定义自己的表情【smiley.php下载】。

第四步:smilies插件配置

进入后台-设置-表情(或者smilies)管理界面,插件已经列出了表情目录下的所有表情文件,包括已经定义过代码和未定义过的。所以刚上传的表情文件基本上都处于未定义状态,应该按照smiley.php里面的代码配置进行填写,对应就可以了,So easy!

后台表情代码配置

切忌表情代码要保持同步,如果不对应评论或者文章中翻译表情的时候可能会出现无法翻译的问题。

第五步:更新comment.php文件 调整表情展示位置

很多网友分享的步骤,基本上都是把表情放到了评论框的上边。不过我个人还是喜欢把表情放到下边进行选择,只要在主题目录下的comment.php文件中找到textarea就行了,至少放什么位置可以根据自己的喜好而定。展示表情需要添加下面一行代码:

这一句话的意思就是把刚才的smiley.php表情配置文件包含进来,并进行展示。

wordpress原本有个“表情”按钮,点击的时候下拉出系统已有的一些表情供用户选择。那现在有了小黄人之后,我就彻底不想再用系统的表情了,所以通过以下配置直接把系统表情屏蔽掉了:

在“提交评论”按钮下方找到这两行代码,并注释掉,评论框下方的“表情”按钮就没有了。现在就彻底只能用我们自己定义的小黄人表情了,刷新一下你的页面,让交流更加有爱吧!

小黄人荡秋千表情小黄人逗乐表情

注:我一开始有过设想,想把自定义的表情直接添加到wordpress的系统表情中去,并通过“表情”按钮直接调用出来(不是网上千篇一律的打印表情)。可是摆拾了好长时间,找不到切入点在哪儿……所以现在实现的功能就是屏蔽系统表情,展示自定义表情。不知道哪位高人晓得把自定义表情添加进系统表情中,可以分享一下。

转载请注明:似水流年 » WordPress集成小黄人表情包及下载

如果觉得文章还不错,欢迎打赏
喜欢 (1)or分享 (0)
头像
发表我的评论
取消评论


(14)个小伙伴在吐槽
  1. BlandonTsai
    :easy: 路漫漫其修远兮,吾将上下而求索 :fight:
    BlandonTsai2014-09-25 11:41 回复
    • 头像
      :happy:
      匿名2015-09-22 12:23 回复
      • 头像
        Happy Thikisgavnng Ari to you and your family. I have received so much joy from your wonderful blog and look forward to many more of your postings.
        匿名2016-06-27 05:02 回复
    • 头像
      :write: :write: :ao: :du: 不错,挺好看的,瞬间丰富了网站
      匿名2015-11-27 19:40 回复
      • 头像
        I'd definitely toast the "Real Americans". How dare you say lefties are the defender of the constitution. Lefties distort the Constitution AND are so paranoid about evgn.thirey.Oh Oh big brother's watching your blogs! I'd rather be on the side of law and order any day than smoking the stuff you lefties do (or is it drinking the Koolaid?)
        匿名2016-06-27 05:14 回复
    • 头像
      :ao: :ao: :ao: :ao:
      匿名2015-12-01 20:05 回复
  2. 头像
    测试测试测试 :happy: 测试
    匿名2015-09-22 12:24 回复
    • 头像
      Hi Martin,I have a limited set of measurements that I’ll post along with a more complete project description when the project is done. In addition, I’ll send them off to Zaph and have him evaluated them as well. So, you should see enough data on them. Be patient though, my day job is currently quite tax83g&#i2n0;The vifa series are nice. They’re on my list, but not on sale yet…
      匿名2016-06-27 04:59 回复
  3. 头像
    :happy:
    匿名2016-02-26 14:29 回复
    • 头像
      It looks to me that this site doesnt load on a Motorola Droid. Are other people getting the exact same problem? I like this blog and dont want to have to miss it any time Im gone from my coemutpr.
      匿名2016-06-27 05:03 回复
  4. 头像
    unos chorros hasta dentro su semen escurrio hasta mis piernas y su vulvo dentro no podia safarme con su verga hasta adentro bien endrstaao no le jales porque te destroza el culito el perro encima de mi empeze a hacer circulos con mi culo y el perro agarro fuerza dandome duro axababdo rapido y rapido se solto y luego les cuento lo que siguio
    匿名2016-06-27 04:50 回复
  5. 头像
    :golf:
    匿名2019-03-18 14:44 回复
  6. 头像
    :heng: :du: :write: :baby: :yue:
    匿名2019-03-21 22:08 回复