前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress添加文章表情

wordpress添加文章表情

作者头像
空空裤兜
发布2023-03-03 16:54:25
5240
发布2023-03-03 16:54:25
举报
文章被收录于专栏:空空裤兜空空裤兜

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

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

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

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

代码语言:javascript
复制
 1: //给主题后台加上表情选项
代码语言:javascript
复制
 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'))
代码语言:javascript
复制
 3: {
代码语言:javascript
复制
 4:     function ihacklog_add_smiley()
代码语言:javascript
复制
 5:     {
代码语言:javascript
复制
 6:         echo <<<EOT
代码语言:javascript
复制
 7:         <script type="text/javascript">
代码语言:javascript
复制
 8:
代码语言:javascript
复制
 9:
代码语言:javascript
复制
 10:         function grin(tag)
代码语言:javascript
复制
 11:         {
代码语言:javascript
复制
 12:         var myField;
代码语言:javascript
复制
 13:         tag = ' ' + tag + ' ';
代码语言:javascript
复制
 14:         if (document.getElementById('content') && document.getElementById('content').style.display != 'none' && document.getElementById('content').type == 'textarea')
代码语言:javascript
复制
 15:         {
代码语言:javascript
复制
 16:             myField = document.getElementById('content');
代码语言:javascript
复制
 17:
代码语言:javascript
复制
 18:             if (document.selection)
代码语言:javascript
复制
 19:             {
代码语言:javascript
复制
 20:             myField.focus();
代码语言:javascript
复制
 21:             sel = document.selection.createRange();
代码语言:javascript
复制
 22:             sel.text = tag;
代码语言:javascript
复制
 23:             myField.focus();
代码语言:javascript
复制
 24:             }
代码语言:javascript
复制
 25:             else
代码语言:javascript
复制
 26:                 if (myField.selectionStart || myField.selectionStart == '0')
代码语言:javascript
复制
 27:                 {
代码语言:javascript
复制
 28:                 var startPos = myField.selectionStart;
代码语言:javascript
复制
 29:                 var endPos = myField.selectionEnd;
代码语言:javascript
复制
 30:                 var cursorPos = endPos;
代码语言:javascript
复制
 31:                 myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length);
代码语言:javascript
复制
 32:                 cursorPos += tag.length;
代码语言:javascript
复制
 33:                 myField.focus();
代码语言:javascript
复制
 34:                 myField.selectionStart = cursorPos;
代码语言:javascript
复制
 35:                 myField.selectionEnd = cursorPos;
代码语言:javascript
复制
 36:                 }
代码语言:javascript
复制
 37:                 else
代码语言:javascript
复制
 38:                 {
代码语言:javascript
复制
 39:                 myField.value += tag;
代码语言:javascript
复制
 40:                 myField.focus();
代码语言:javascript
复制
 41:                 }
代码语言:javascript
复制
 42:         }
代码语言:javascript
复制
 43:         else
代码语言:javascript
复制
 44:         {
代码语言:javascript
复制
 45:         tinyMCE.execCommand('mceInsertContent', false, tag);
代码语言:javascript
复制
 46:         }
代码语言:javascript
复制
 47:     }
代码语言:javascript
复制
 48:
代码语言:javascript
复制
 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>';
代码语言:javascript
复制
 50:             jQuery('#quicktags').before(smiley);
代码语言:javascript
复制
 51:
代码语言:javascript
复制
 52: </script>
代码语言:javascript
复制
 53: EOT;
代码语言:javascript
复制
 54:         }
代码语言:javascript
复制
 55:
代码语言:javascript
复制
 56:     add_action('admin_footer','ihacklog_add_smiley');}

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

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

再得瑟一下~~ :cool: :cool:

本文由 空空裤兜 发布在 空空裤兜,转载此文请保持文章完整性,并请附上文章来源(空空裤兜)及本页链接。

如果本文侵犯您和第三方权益,请联系我及时删除。

原文链接:https://cloud.tencent.com/developer/article/2232571

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2011-04-132,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档