空空裤兜 空空裤兜
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 人气文章排行榜
  • 热门标签
  • 博客大事记
  • 开往
首页 › 技术存档 › wordpress添加文章表情

wordpress添加文章表情

空空裤兜
14 年前

用上良心的主题已经有一段时间了,看到他的文章里有表情。唉,不错,有的心情,想法,用一个符号就可以解决了,开始满世界找把表情添加到文章中的办法。

wordpress添加文章表情-空空裤兜

其实,wordpress自带了表情的,只不过非常难看,可以在后台撰写设置将表情符号转化为对应的表情。

这个方法简单,不需要修改文件啥的,自己找到好看的表情覆盖掉wordpress自带的表情即可,缺点就是谁还记得那么多的表情符号啊。 ❗

另想他法。费了好大劲,换关键字,在heson这里找到了。代码来自荒野无灯,先上代码看看。

 1: //给主题后台加上表情选项

 2:     if (strpos($_SERVER['REQUEST_URI'], 'post.php') || strpos($_SERVER['REQUEST_URI'], 'post-new.php') || strpos($_SERVER['REQUEST_URI'], 'page-new.php') || strpos($_SERVER['REQUEST_URI'], 'page.php'))

 3: {

 4:     function ihacklog_add_smiley()

 5:     {

 6:         echo <<<EOT

 7:         <script type="text/javascript">

 8:

 9:

 10:         function grin(tag)

 11:         {

 12:         var myField;

 13:         tag = ' ' + tag + ' ';

 14:         if (document.getElementById('content') && document.getElementById('content').style.display != 'none' && document.getElementById('content').type == 'textarea')

 15:         {

 16:             myField = document.getElementById('content');

 17:

 18:             if (document.selection)

 19:             {

 20:             myField.focus();

 21:             sel = document.selection.createRange();

 22:             sel.text = tag;

 23:             myField.focus();

 24:             }

 25:             else

 26:                 if (myField.selectionStart || myField.selectionStart == '0')

 27:                 {

 28:                 var startPos = myField.selectionStart;

 29:                 var endPos = myField.selectionEnd;

 30:                 var cursorPos = endPos;

 31:                 myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length);

 32:                 cursorPos += tag.length;

 33:                 myField.focus();

 34:                 myField.selectionStart = cursorPos;

 35:                 myField.selectionEnd = cursorPos;

 36:                 }

 37:                 else

 38:                 {

 39:                 myField.value += tag;

 40:                 myField.focus();

 41:                 }

 42:         }

 43:         else

 44:         {

 45:         tinyMCE.execCommand('mceInsertContent', false, tag);

 46:         }

 47:     }

 48:

 49:     var smiley='<p><a href="javascript:grin(':?:')"><img src="../wp-includes/images/smilies/icon_question.gif" alt="疑惑" /></a><a href="javascript:grin(':razz:')"><img src="../wp-includes/images/smilies/icon_razz.gif" alt="冷笑" /></a><a href="javascript:grin(':sad:')"><img src="../wp-includes/images/smilies/icon_sad.gif" alt="伤心" /></a><a href="javascript:grin(':evil:')"><img src="../wp-includes/images/smilies/icon_evil.gif" alt="邪恶" /></a><a href="javascript:grin(':!:')"><img src="../wp-includes/images/smilies/icon_exclaim.gif" alt="感叹" /></a><a href="javascript:grin(':smile:')"><img src="../wp-includes/images/smilies/icon_smile.gif" alt="微笑" /></a><a href="javascript:grin(':oops:')"><img src="../wp-includes/images/smilies/icon_redface.gif" alt="红脸" /></a><a href="javascript:grin(':grin:')"><img src="../wp-includes/images/smilies/icon_biggrin.gif" alt="咧嘴笑" /></a><a href="javascript:grin(':eek:')"><img src="../wp-includes/images/smilies/icon_surprised.gif" alt="吃惊" /></a><a href="javascript:grin(':shock:')"><img src="../wp-includes/images/smilies/icon_eek.gif" alt="惊讶" /></a><a href="javascript:grin(':???:')"><img src="../wp-includes/images/smilies/icon_confused.gif" alt="困惑" /></a><a href="javascript:grin(':cool:')"><img src="../wp-includes/images/smilies/icon_cool.gif" alt="耍酷" /></a><a href="javascript:grin(':lol:')"><img src="../wp-includes/images/smilies/icon_lol.gif" alt="大笑" /></a><a href="javascript:grin(':mad:')"><img src="../wp-includes/images/smilies/icon_mad.gif" alt="抓狂" /></a><a href="javascript:grin(':twisted:')"><img src="../wp-includes/images/smilies/icon_twisted.gif" alt="痛苦" /></a><a href="javascript:grin(':roll:')"><img src="../wp-includes/images/smilies/icon_rolleyes.gif" alt="转眼珠" /></a><a href="javascript:grin(':wink:')"><img src="../wp-includes/images/smilies/icon_wink.gif" alt="眨眼" /></a><a href="javascript:grin(':idea:')"><img src="../wp-includes/images/smilies/icon_idea.gif" alt="好主意" /></a><a href="javascript:grin(':arrow:')"><img src="../wp-includes/images/smilies/icon_arrow.gif" alt="" /></a><a href="javascript:grin(':neutral:')"><img src="../wp-includes/images/smilies/icon_neutral.gif" alt="自然" /></a><a href="javascript:grin(':cry:')"><img src="../wp-includes/images/smilies/icon_cry.gif" alt="哭" /></a><a href="javascript:grin(':mrgreen:')"><img src="../wp-includes/images/smilies/icon_mrgreen.gif" alt="绿脸先生" /></a></p>';

 50:             jQuery('#quicktags').before(smiley);

 51:

 52: </script>

 53: EOT;

 54:         }

 55:

 56:     add_action('admin_footer','ihacklog_add_smiley');}

将代码添加到主题的functions.php文件中。进后台编辑器看看效果吧。直接在编辑器就可以添加表情,哇咔咔。

wordpress添加文章表情-空空裤兜

代码里有表情的路径,应该可以改的,不知道为什么我改了路径后台编辑器就不显示了,但是文章中可以显示,可能是我把主题中的所有图片搬到图床的原因吧~算了,不整了,直接用FTP覆盖掉原来的表情文件也不是神马难事。

再得瑟一下~~ 😎 😎

wordpress代码
1
31
评论显示实时头像
上一篇
免插件使用slimbox
下一篇

评论 (31)

取消
  • heson

    改上面的代码的路径只是改的调用地址.....
    wordpress只认识 :XX: 之类的表情符号
    然后再通过smilies_src函数转化为表情地址....
    所以只有改了smilies_src里面的地址才能实现升级之后不用覆盖

    14 年前 回复
  • iceray

    @heson: custom_smilies_src ($img_src, $img, $siteurl)
    这个是自定义路径吧,怎么改呢

    14 年前 回复
    • heson

      @iceray @iceray: 这个上面的参数只是个形参····不用改的呀···· 😀

      14 年前 回复
  • heson

    话说你这个主题还是很给力的...jquery效果也不错···
    我也打算做一个jquery效果很强劲的主题 嘿嘿·· 🙄

    14 年前 回复
    • iceray

      @heson @heson: 哇咔咔~我改好了。这个主题我最喜欢的是配色,当然特效也很多

      14 年前 回复
  • evil

    😈 😉 这个表情还是不错的,挺可爱的

    14 年前 回复
    • iceray

      @evil @evil: 体积也小,很给力

      14 年前 回复
  • 燕郊

    不会修改这些东西

    14 年前 回复
    • iceray

      @燕郊 @燕郊: 你的是CMS,不用管这些的

      14 年前 回复
  • yesureadmin

    主题好漂亮哦,你的

    14 年前 回复
    • iceray

      @yesureadmin @yesureadmin: 我是做不出来的

      14 年前 回复
  • 北京公墓

    又来串门来了

    14 年前 回复
  • 紫川

    这个挺好玩..看来找个时间我也去整整

    14 年前 回复
    • iceray

      @紫川 @紫川: 随手插入表情比打字更传神

      14 年前 回复
  • 真谛小黑

    😯 😯 😯 😯

    14 年前 回复
    • iceray

      @真谛小黑 @真谛小黑: 小黑的书如何了

      14 年前 回复
  • 董欣博客

    不错啊!哈哈~!

    14 年前 回复
    • iceray

      @董欣博客 @董欣博客: 你也可以试下

      14 年前 回复
  • WordPress啦

    添加文字表情,还真是没有尝试过。。

    14 年前 回复
  • 小羿

    😀 已经有表情的路过

    14 年前 回复
    • iceray

      @小羿 @小羿: 慢慢折腾,顺便记录下

      14 年前 回复
  • snowperd

    什么时候把本主题吃透了,你也能成为高手滴,呵呵

    14 年前 回复
    • iceray

      @snowperd @snowperd: 不懂代码,都是对照着改的

      14 年前 回复
  • Mike

    这个方法不错诶,正在找呢.参照着试试

    14 年前 回复
    • 空空裤兜

      @Mike @Mike: 如果记得代码可以再编辑的时候直接输入表情符号的

      14 年前 回复
    • Mike

      @空空裤兜 @空空裤兜 (✔): 要是像QQ一样能把表情放在一个图标里面,点击之后打开选择就完美了,目前还没有找到这方面的资料呢.

      14 年前 回复
    • 空空裤兜

      @Mike @Mike: 见过这样的,但是还没找到有相关的实现方法

      14 年前 回复
  • 王威

    我用的是custom_smile,国人制作的插件。很方便,换上自己的个性表演也很方便

    14 年前 回复
    • 空空裤兜

      @王威 @王威: 用插件有个后遗症就是万一插件作者以后不更新会怎么办

      14 年前 回复
    • 王威

      @空空裤兜 @空空裤兜 (✔): 嗯,各有利弊。用插件,方便换主题,不然每次换主题都要从头改过。

      14 年前 回复
    • 空空裤兜

      @王威 @王威: 也是,不过我现在已经很少换主题了

      14 年前 回复

猜你喜欢

  • PVE和NAS共享一台UPS停电自动关机
  • 宝塔无法启动fail2ban解决方法
  • 小主机:从折腾到放弃
  • 我的2023
  • 添加CDN

空空裤兜

和过去过不去,跟未来合不来。
254
文章
1K
评论
397
获赞

随缘推荐

微信发布
尝试typecho
一语惊醒植物人(8)
启用子域名做图床
我不相信

专题展示

我的2023
1 年前
修改Linux Vps主机名
12 年前
文章被人恶意篡改
14 年前
博客搬入阿里云
6 年前
初步折腾Varnish
12 年前
Copyright © 2010-2025 空空裤兜. Designed by nicetheme.
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 人气文章排行榜
  • 热门标签
  • 博客大事记
  • 开往