首页    >    中文手册    >   使用Smilies表情

使用Smilies表情

何为Smileys?

Smileys,也被称作"表情图标(emoticons),"是在文章中用以传达表情的图形。使用它们可为文章增色不少。smile emoticon

文本形式的smileys是由两个或多个标点符号组成的。例如:

😉 等于 smile emoticon
🙂 等于 smile emoticon
🙁 等于 sad emoticon
😕 等于 confused emoticon

有关表情图标的来历,请见维基百科上的相关解释

WordPress是如何处理Smileys的呢?

默认情况下,WordPress会自动将文本形式的smileys表情转为图形表情。当你在日志中输入;-),在预览时或发布后就会显示为smile emoticon

关闭图形Smileys表情

如果你关闭了图形smileys表情,你所输入的普通文本表情就会保留下来。

  1. 打开管理面板
  2. 选择 设定 -> 撰写
  3. 格式 部分,取消"转换表情图标,如:-)及:-P向图形形式的显示"

关闭表情图标后,如果你在日志中输入了;-),那么在预览时或发布后仍会显示为😉。因此如果你要使用普通文本取代表情图标的话也是可以的。wink emoticon

文本所代表的Smileys表情

Smiley图片与文本之间的对应关系*:

 

图标 文本 文本 完整文本 图标 完整文本
smile 🙂 🙂 🙂 lol 😆
biggrin 😀 😀 😀 redface 😳
sad 🙁 🙁 🙁 cry 😥
surprised 😮 😮 😮 evil 👿
eek 😯 😯 😯 twisted 😈
confused 😕 😕 😕 rolleyes 🙄
cool 8) 😎 😎 exclaim
mad 😡 😡 😡 question
razz 😛 😛 😛 idea 💡
neutral 😐 😐 😐 arrow
wink 😉 😉 😉 mrgreen :mrgreen:

 

* 在某些实例中,可以用多种文本形式来显示相同的smiley表情。

Smileys表情疑难解惑

为何不能使用?

WordPress管理员可能禁用了Smileys表情。另一种可能就是,/wp-includes/images/smilies中的smileys表情图片被删除了。

为何只有我不能使用?

如果别人可以使用smileys表情,而唯独你无法使用的话:

在smiley文本前后输入一个空格。这就会避免smiley受到前后其他文本的偶然影响。redface emoticon

确保在smiley文本前后未使用任何引号或其他标点符号。rolleyes emoticon

Smiley表情图片保存在哪儿?

smiley或表情图标图形可在/wp-includes/images/smilies目录下找到。

注意在此文中smileys表情的拼写为'eys',而smiley图片的目录名称是'smilies,拼写为'ies'。eek emoticon

如何显示与众不同的Smiley图片?

最简单的办法:

  1. 找到/wp-includes/images/smilies 目录下的smiley表情图片,将它们备份到另一个文件夹下。
  2. 注意各smiley表情图片的文件名。你自己的图片文件名必须与这些文件名相符,且格式需为'gif'格式。
  3. 为了能够达到预期效果,图片尺寸最好相近。
  4. 使用FTP程序将新表情文件上传到/wp-includes/images/smilies 目录下。

如果你准备修改代码:

如果你真的需要修改图片的文件名,就要编辑关联这些图片的文件,'vars.php'(在WordPress 2.2中,它们位于'functions.php'中),位于/wp-includes/目录下。在调整代码时请多加注意。

你可以参阅相关的详细教程,并了解如何避免修改WP代码,Ars Aranea

当然还有一些WordPress插件也可以用来定制WordPress中的smileys表情。

为何我的Smiley图片显示是空白的?

如果你最近上传了图片,那么就有可能这些图片是以ASCII格式通过FTP程序上传的。请重新进行上传,并保证它们以BINARY格式传输上去。

某些FTP程序具有一种自动检测的设定,这种设定会使用正确的格式进行文件上传,而无需用户进行干预。如果你的FTP客户端程序具有此类设定的话,将其打开。

Smiley CSS

WordPress中的smiley图片在显示于日志中时,会被自动给予一个wp-smileyCSS类别。你可以使用此类别对你的smiley表情进行定制,使它们与其他日志图片显得不同。

举例说来,让日志中的图片显示在内容左侧,并让文字填充在其周围的这种布局可谓屡见不鲜。此布局样式的CSS如下:

.post img {
    float: left;
}

这将影响到日志中的所有图片,包括你的smiley图片。要对此进行覆盖以使得smiley表情保持内联的话,你可以在CSS中加入如下内容:

img.wp-smiley {
    float: none;
}

若要更深入地了解WordPress中的CSS的话,可以由此开始

Smileys相关信息

 

分类:中文手册

* 版权声明:作者WordPress啦! 转载请注明出处。