home

如何在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后台中加入表情符号


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

  1. SkyLanD
    January 22nd, 2007 20:51
    1

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

留言中至少要有一个中文字

Leave a Reply