one piece

如何在WordPress后台中加入表情符号

WordPress自带了二十多个表情符号:

表情写法一写法二写法三 表情写法一写法二写法三
:D ' :D'' :-D'':grin:'   :) ' :)'' :-)'':smile:'
:( ' :('' :-('':sad:'   :o ' :o'' :-o'':eek:'
8O ' 8O'' 8-O'':shock:'   :? ' :?'' :-?'' :???:'
8) ' 8)'' 8-)'':cool:'   :x ' :x'' :-x'':mad:'
:P ' :P'' :-P'':razz:'   ;) ' ;)'' ;-)'':wink:'
:| ' :|'' :-|'':neutral:'

表情写法 表情写法 表情写法 表情写法
:lol: ':lol:'   :oops: ':oops:'   :cry: ':cry:'   :mrgreen: ':mrgreen:'
:arrow: ':arrow:'   :evil: ':evil:'   :twisted: ':twisted:'   :roll: ':roll:'
:!: ':!:'   :?: ':?:'   :idea: ':idea:'

这些符号是使用代码插入的,要记住这些代码可不太容易,因此如果将这些表情符号嵌入到后台就方便了。效果如图所示:
10901.png

方法也并不麻烦,在Alexking上我们可以找到一个叫wp grins的插件帮我们解决这个问题,首先下载WP-Grins这个插件,按正常方式安装。由于此插件并不是针对2.0开发,因此要先修改一下。找到wp-grins.php中的下面这句(大约在34行):\r

  1. $grins .= '<img src="'.get_settings('siteurl').'/wp-images/smilies/'.$grin.'" alt="'.$tag.'" onclick="grin(\''.$tag.'\');"/> ';

将其中的“/wp-images/smilies/”\r 修改为“/wp-includes/images/smilies/”。\r
安装后在插件管理器中激活它,然后编辑“/wp-admin/admin-functions.php”文件,搜索“ edToolbar();”,大约在1079行,找到下面这句:\r

  1. if (!strstr($_SERVER['HTTP_USER_AGENT'], 'Safari')) 
  2.          echo ' 
  3.          <div id="quicktags">
  4.              <script src="../wp-includes/js/quicktags.js" type="text/javascript"></script>
  5.              <script type="text/javascript">if ( typeof tinyMCE == "undefined" || tinyMCE.configs.length < 1 ) edToolbar();</script>
  6.          </div>
  7.  ';

再这句的后面加入:\r

  1. if (function_exists("wp_grins")) { echo ""; wp_grins(); }    //zrong added

修改完毕上传,打开后台撰写文章即可看到,可爱的表情已经加入到编辑器中了。\r
如果要将这些表情也加入到评论页面中,可以在主模版的comments.php中搜索如下语句(可能不完全相同):\r

  1. <p> 
  2.  <textarea class="textform" name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea> 
  3.  </p>

在这句的上面加入:\r

  1. <?php wp_grins(); ?>

即可

Update:在WordPress后台中增加自定义表情。

  1. 下载Emotions插件,解压后将images文件夹下的所有文件上传到/wp-includes/images/smilies/中;
  2. 编辑/wp-includes/vars.php,搜索
    1. ' :D'        => 'icon_biggrin.gif',

    在其下方添加如下代码:\r

    1. ':em01:' => 'em01.gif',
    2.  ':em02:' => 'em02.gif',
    3.  ':em03:' => 'em03.gif',
    4.  ':em04:' => 'em04.gif',
    5.  ':em05:' => 'em05.gif',
    6.  ':em06:' => 'em06.gif',
    7.  ':em07:' => 'em07.gif',
    8.  ':em08:' => 'em08.gif',
    9.  ':em09:' => 'em09.gif',
    10.  ':em10:' => 'em10.gif',
    11.  ':em11:' => 'em11.gif',
    12.  ':em12:' => 'em12.gif',
    13.  ':em13:' => 'em13.gif',
    14.  ':em14:' => 'em14.gif',
    15.  ':em15:' => 'em15.gif',
    16.  ':em16:' => 'em16.gif',
    17.  ':em17:' => 'em17.gif',
    18.  ':em18:' => 'em18.gif',
  3. 一切搞定!

    修改后的后台效果截图:\r
    add_emotions.gif

    Created By: sb123

    Form Page: 如何在WordPress后台中加入表情符号


8 Responses to “如何在WordPress后台中加入表情符号”

  1. russ
    五月 16th, 2010 20:52
    8

    呵呵,多谢,刚好要用到表情符号

  2. miao
    五月 11th, 2010 13:26
    7

    :im286-smile: 显示乱码了,是不是切换数据库了?

  3. 364
    十月 31st, 2008 00:53
    6

    http://www.gagaye.com

  4. 783
    十月 28th, 2008 18:25
    5
  5. 搜游人才网
    十月 23rd, 2008 22:11
    4

    搜游人才网诚交友情链接
    http://www.ucrcw.com
    百度,GOOGLE收录就可以,最好是同类站
    QQ:373699996
    就可以和本站交换链接867

  6. 40
    九月 3rd, 2008 10:08
    3
  7. 467
    八月 22nd, 2008 16:33
    2
  8. SkyLanD
    一月 22nd, 2007 20:51
    1

    Test….. :im286-ohh::im286-lol:

Leave a Reply

You must be logged in to post a comment.