WordPress表情使用-WordPress官方文档中文系列

2009年8月26日 发表评论 阅读评论

在现在的WordPress中,默认了可以直接Wordpress文章和评论使用一些表情符号,在编写文章时我们可以直接通过表情符号调用这些表情,当然你也可以在Wordpress中添加自己的表情,并且在文章和评论中使用这些表情。下面来介绍如何在Wordpress的文章和评论中添加使用表情的方法。

一、什么是Wordpress表情符号

WordPress官方把这些在文章和评论中使用的表情图片称为“表情符号”, 当然这些表情符号也代表“情感”的意思,这些表情符号是一些图片,通过在你写作和评论的时候使用这些符号来表达你的情感。这是一个增加我们文章亮点的非常好的方式   🙂

这些表情符号由两个或者三个左右的标点符号组成。如下举例:

; -)这三个符号组成的表情符号显示为 😉
: -)这三个符号组成的表情符号显示为 🙂
: -(这三个符号组成的表情符号显示为 🙁
: -?这三个符号组成的表情符号显示为 😕

(使用时三个符号间不要有空格,这里为了显示方便我这符号间有空格)

二、Wordpress是怎样处理表情符号的?

默认情况下,Wordpress自动地将您添加的表情符号转化成所对应的图片显示给访问者。例如; -)(使用时请去除符号间的空格)是你显示给访问者的;-)。

三、禁用Wordpress表情符号转换

如果您想防止Wordpress将一些不想转换的符号转换成表情图像,您可以通过以下操作禁用Wordpress表情符号转换。

  1. 登录Wordpress后台
  2. 在“设置”->“撰写”里面,有一个“格式化”选项
  3. 将 “ 转换如 : -): -P 的文字表情符号为图像 ” 前面的勾去掉,然后保存修改

关闭禁用Wordpress表情符号转换意味着当您输入; -)时您显示给读者的还是; -)二不会转换成图片 😉 显示。

显示的图像(1) 图像符号(1) 图像符号(2) 完整图像符号(2) 显示的图像(3) 完整图像符号(3)
🙂 : ) : -) : smile: 😆 : lol:
😀 : D : -D : grin: 😳 : oops:
🙁 : ( : -( : sad: 😥 : cry:
😮 : o : -o : eek: 👿 : evil:
😯 8 O 8 -O : shock: 😈 : twisted:
😕 : ? : -? : ???: 🙄 : roll:
8) 8 ) 8 -) : cool: : !:
😡 : x : -x : mad: : ?:
😛 : P : -P : razz: 💡 : idea:
😐 : | : -| : neutral: : arrow:
😉 ; ) ; -) : wink: :mrgreen: : mrgreen:

注:上面的表情符号在使用时符号与符号之间一定不要有空格,这里为了显示,符号间有空格;另外,符号在使用时,整个表情符号要与前面的文字有空格。

四、Wordpress表情符号使用常见问题

1.为什么我添加了表情符号却没有图像显示?

表情符号在您编辑文章的时候是不会显示成图像的,只有您在编辑完成后,访问文章时才能看到图像。

如果是在查看文章时没有显示,就要检查以下您的表情符号输入是否正确(表情符号内的各标点间不能有空格,整个表情符号与前面的文字要有空格)。

另外一个可能的原因是您在 /wp-includes/images/smilies 里的图片被删除了或者图片不存在。

2.我的Wordpress表情图片存放在什么地方?

WordPress表情图像被存放在您的Wordpress文件里的 /wp-includes/images/smilies directory .

Note that smileys is spelled ‘eys’ in this documentation and the directory name for the smiley images is ‘smilies, spelled ‘ies’.

3.如何在Wordpress显示自定义表情图片?

  1. /wp-includes/images/smilies 找到您要移除的图片文件并将他们移到另外一个文件目录下面。
  2. 为每个一图片文件命名。您的表情图片名必须要和原来移除的图片文件名一样(使用自定义名称方法下面会说),并且图片格式必须是“gif”格式的。
  3. 为了防止出现不可预料的情况,建议将图片的尺寸保持一样大小。
  4. 通过FTP工具或FTP程序将您新的表情上传到 /wp-includes/images/smilies 下。

其他修改图片需要修改代码的情况(使用自定义图片名称)

如果您想修改表情图片的名称来方便自己在编辑文章时使用,您必须修改‘ vars.php ’文件(在Wordpress 2.2中,修改’functions.php‘)使得Wordpress的能够通过您指定的文件名称寻找到您的图片,需要修改的文件在 /wp-includes/ 里面

通过修改表情图片存放的文件名,也可以在一定程度上防范黑客的一些未知的攻击。

当然,也有Wordpress插件能够帮您实现“按照您的规定修改和上传表情图片”。

4.为什么我上传的表情图片显示出来的是空白?

如果您确信您上传了图片,那么检查您的FTP工具或程序是设置的通过 ASCII 格式上传文件的。设置好格式后,重新上传表情图片并且确保FTP程序的上传格式已经修改为二进制格式。

一些FTP工具或FTP程序默认设置的按照图片文件当前格式上传图片,而没有根据情况修改上传格式,如果是这种情况,请您修改过来后再试试看。

五、表情图片显示样式 CSS 设置

在Wordpress中,表情图片自动地赋予了一个 CSS类:wp-smiley,您可以使用这个样式类来给表情图片设置专门的显示样式,使它不同于其他的图片显示样式。

例如,如果您在文章中显示的图片格式设置的浮动在左边且是文字环绕的,CSS格式可能是下面的格式:

.post img {
    float: left;
}

那么在您文章中的图片显示格式都会是这样的,当然也包括您的表情图片。

如果您想给您的表情图片显示格式设置成别的样式,例如“图片无浮动”,也许是下面样子的。

img.wp-smiley {
    float: none;
}

所以,如果你想给你的表情图片添加特有的属性,可以通过“wp-smiley类”在CSS中给表情图片来单独设置属性。

(本文系本人译自Wordpress官方文档,请勿转载。)

http://it.dengchao.org
声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: WordPress表情使用-WordPress官方文档中文系列