首页 > 网站建设 > wordpress > WordPress初级教程-27: WordPress的表情图标字符
2014
04-23

WordPress初级教程-27: WordPress的表情图标字符

在第24节里, 我们介绍了WordPress的快捷键操作, 当时我说了, 我个人并不推荐用快捷键,而这一节,我们将向你介绍Wordpress内置的表情图标字符,同样,我个人并不喜欢在博客文章里面使用这些图标。 但我也知道有很多朋友似乎对这些可爱的图标蛮感兴趣,WordPress自身就支持表情图标, 只要在文本框或回复框内写入正确的代码符号即可。下面就是Webdn为我们介绍的相应的代码。

WordPress表情图标字符列表

微笑 WordPress初级教程-27: WordPress的表情图标字符 - 第1张  | 心岛博客
“:smile:” 或 “:-)” 或 “:)”

咧嘴笑 WordPress初级教程-27: WordPress的表情图标字符 - 第2张  | 心岛博客
“:grin:” 或 “:-D” 或 “:D”

悲伤 WordPress初级教程-27: WordPress的表情图标字符 - 第3张  | 心岛博客
“:sad:” 或 “:-(” 或 “:(”

惊讶 WordPress初级教程-27: WordPress的表情图标字符 - 第4张  | 心岛博客
“:eek:” 或 “:-o” 或 “:o”

震惊 WordPress初级教程-27: WordPress的表情图标字符 - 第5张  | 心岛博客
“:shock:” 或 “8-O” 或 “8O”

困惑 WordPress初级教程-27: WordPress的表情图标字符 - 第6张  | 心岛博客
“:???:” 或 “:-?” 或 “:?”

WordPress初级教程-27: WordPress的表情图标字符 - 第7张  | 心岛博客
“:cool:” 或 “8-)” 或 “8)”

大笑 WordPress初级教程-27: WordPress的表情图标字符 - 第8张  | 心岛博客
“:lol:”

发疯 WordPress初级教程-27: WordPress的表情图标字符 - 第9张  | 心岛博客
“:mad:” 或 “:-x” 或 “:x”

吐舌头 WordPress初级教程-27: WordPress的表情图标字符 - 第10张  | 心岛博客
“:razz:” 或 “:-P ” “:P”

脸红 WordPress初级教程-27: WordPress的表情图标字符 - 第11张  | 心岛博客
“:oops:”

哭泣 WordPress初级教程-27: WordPress的表情图标字符 - 第12张  | 心岛博客
“:cry:”

邪恶 WordPress初级教程-27: WordPress的表情图标字符 - 第13张  | 心岛博客
“:evil:”

变态
“:twisted:”

转眼珠 WordPress初级教程-27: WordPress的表情图标字符 - 第14张  | 心岛博客
“:roll:”

使眼色暗示 WordPress初级教程-27: WordPress的表情图标字符 - 第15张  | 心岛博客
“:wink:” 或 “;-)” 或 “;)”

惊叹 WordPress初级教程-27: WordPress的表情图标字符 - 第16张  | 心岛博客
“:!:”

疑问 WordPress初级教程-27: WordPress的表情图标字符 - 第17张  | 心岛博客
“:?:”

主意 WordPress初级教程-27: WordPress的表情图标字符 - 第18张  | 心岛博客
“:idea:”

箭头 WordPress初级教程-27: WordPress的表情图标字符 - 第19张  | 心岛博客
“:arrow:”

中立 WordPress初级教程-27: WordPress的表情图标字符 - 第20张  | 心岛博客
“:neutral:” 或 “:-|” 或 “:|”

菜鸟 WordPress初级教程-27: WordPress的表情图标字符 - 第21张  | 心岛博客
“:mrgreen:”

其实大多数表情图标都跟平常在IM聊天所使用的字符差不多,需要注意的是,当表情符号的前后是英文或标点符号的时候,应该在前后留出空格,这样才能正确显示。还有没有什么没发现的表情字符呢? 如果你知道,欢迎提出。

启用Wordpress表情图标字符功能

另外, 我也忘记Wordpress在默认情况下是否启动了Wordpress表情图标. 要查看你的Wordpress是否启用了表情图标功能, 你可以进入 Setting> Writing 里面查看, 把Formatting里面的Convert emoticons like WordPress初级教程-27: WordPress的表情图标字符 - 第22张  | 心岛博客 and WordPress初级教程-27: WordPress的表情图标字符 - 第23张  | 心岛博客 to graphics on display 进行勾选, 即可启动字符自动换为表情图标的功能.

替换Wordpress内置图标

通过查看源代码, 我们可以找到所有表情图标都是在/content/uploadfile/201404/ 这个目录里面. 也就是说, 如果你不喜欢Wordpress内置的系统图标, 那可以下载一套自己的漂亮表情图标, 替换原来的图标即可. 只是记得在替换的时候要对应好原来的表情含义. 别用悲伤的新图标把大笑的旧图标给换了. 要不然你记起代码来就比较麻烦了.

最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。