WordPress修改评论默认表情

2018年6月10日14:02:18 16 阅读(4,001)
本文最后更新于2018年7月14日，已超过一年没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！

自己的评论表情是方形的，一点都不精致，看着一点也不舒服，早就想修改了，但是苦于最近没有时间可以去研究这个，恰逢今天周末，终于可以有时间研究了，最后决定换了一套百度贴吧的表情，可以说是很传神了。 [笑眼]

操作过程中一共改了两处地方。

  • 一处是这里，我这里的文件夹是inc.php，不同的主题可能叫法不一样，里面的代码如下：
  1. if ( !isset( $wpsmiliestrans ) ) {
  2.     $wpsmiliestrans = array(
  3.         ':mrgreen:' => 'icon_mrgreen.gif',
  4.         ':neutral:' => 'icon_neutral.gif',
  5.         ':twisted:' => 'icon_twisted.gif',
  6.           ':arrow:' => 'icon_arrow.gif',
  7.           ':shock:' => 'icon_eek.gif',
  8.           ':smile:' => 'icon_smile.gif',
  9.             ':???:' => 'icon_confused.gif',
  10.            ':cool:' => 'icon_cool.gif',
  11.            ':evil:' => 'icon_evil.gif',
  12.            ':grin:' => 'icon_biggrin.gif',
  13.            ':idea:' => 'icon_idea.gif',
  14.            ':oops:' => 'icon_redface.gif',
  15.            ':razz:' => 'icon_razz.gif',
  16.            ':roll:' => 'icon_rolleyes.gif',
  17.            ':wink:' => 'icon_wink.gif',
  18.             ':cry:' => 'icon_cry.gif',
  19.             ':eek:' => 'icon_surprised.gif',
  20.             ':lol:' => 'icon_lol.gif',
  21.             ':mad:' => 'icon_mad.gif',
  22.             ':sad:' => 'icon_sad.gif',
  23.               '8-)' => 'icon_cool.gif',
  24.               '8-O' => 'icon_eek.gif',
  25.               ':-(' => 'icon_sad.gif',
  26.               ':-)' => 'icon_smile.gif',
  27.               ':-?' => 'icon_confused.gif',
  28.               ':-D' => 'icon_biggrin.gif',
  29.               ':-P' => 'icon_razz.gif',
  30.               ':-o' => 'icon_surprised.gif',
  31.               ':-x' => 'icon_mad.gif',
  32.               ':-|' => 'icon_neutral.gif',
  33.               ';-)' => 'icon_wink.gif',
  34.                '8O' => 'icon_eek.gif',
  35.                ':(' => 'icon_sad.gif',
  36.                ':)' => 'icon_smile.gif',
  37.                ':?' => 'icon_confused.gif',
  38.                ':D' => 'icon_biggrin.gif',
  39.                ':P' => 'icon_razz.gif',
  40.                ':o' => 'icon_surprised.gif',
  41.                ':x' => 'icon_mad.gif',
  42.                ':|' => 'icon_neutral.gif',
  43.                ';)' => 'icon_wink.gif',
  44.               ':!:' => 'icon_exclaim.gif',
  45.               ':?:' => 'icon_question.gif',
  46.     );

怎么改呢？举例： ':mrgreen:' => 'icon_mrgreen.gif', 改为 '[高兴]' => 'gaoxing.png', 前提是在主题img/smiles文件下要有gaoxing.png的图片。

  • 一处是这里，文件名是smiley.php，里面代码如下：
  1. a href="javascript:grin(':?:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_question.gif" alt=":?:" title="疑问" /></a>
  2. <a href="javascript:grin(':razz:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_razz.gif" alt=":razz:" title="调皮" /></a>
  3. <a href="javascript:grin(':sad:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_sad.gif" alt=":sad:" title="难过" /></a>
  4. <a href="javascript:grin(':evil:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_evil.gif" alt=":evil:" title="抠鼻" /></a>
  5. <a href="javascript:grin(':!:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_exclaim.gif" alt=":!:" title="吓" /></a>
  6. <a href="javascript:grin(':smile:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_smile.gif" alt=":smile:" title="微笑" /></a>
  7. <a href="javascript:grin(':oops:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_redface.gif" alt=":oops:" title="憨笑" /></a>
  8. <a href="javascript:grin(':grin:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_biggrin.gif" alt=":grin:" title="坏笑" /></a>
  9. <a href="javascript:grin(':eek:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_surprised.gif" alt=":eek:" title="惊讶" /></a>
  10. <a href="javascript:grin(':shock:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_eek.gif" alt=":shock:" title="发呆" /></a>
  11. <a href="javascript:grin(':???:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_confused.gif" alt=":???:" title="撇嘴" /></a>
  12. <a href="javascript:grin(':cool:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_cool.gif" alt=":cool:" title="大兵" /></a>
  13. <a href="javascript:grin(':lol:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_lol.gif" alt=":lol:" title="偷笑" /></a>
  14. <a href="javascript:grin(':mad:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_mad.gif" alt=":mad:" title="咒骂" /></a>
  15. <a href="javascript:grin(':twisted:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_twisted.gif" alt=":twisted:" title="发怒" /></a>
  16. <a href="javascript:grin(':roll:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_rolleyes.gif" alt=":roll:" title="白眼" /></a>
  17. <a href="javascript:grin(':wink:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_wink.gif" alt=":wink:" title="鼓掌" /></a>
  18. <a href="javascript:grin(':idea:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_idea.gif" alt=":idea:" title="酷" /></a>
  19. <a href="javascript:grin(':arrow:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_arrow.gif" alt=":arrow:" title="擦汗" /></a>
  20. <a href="javascript:grin(':neutral:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_neutral.gif" alt=":neutral:" title="亲亲" /></a>
  21. <a href="javascript:grin(':cry:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_cry.gif" alt=":cry:" title="大哭" /></a>
  22. <a href="javascript:grin(':mrgreen:')"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/img/smilies/icon_mrgreen.gif" alt=":mrgreen:" title="呲牙" /></a>

上面这些代码是调用图片，前提是一定要有这些图片，下图显示的就是修改后调用图片后的显示。

效果：WordPress修改评论默认表情

完。

 

weinxin
微信小程序
互联网开发，终身学习者，欢迎您的关注！
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗？ 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛

目前评论：16   其中：访客  9   博主  7

    • ZAERA ZAERA 2
      回复 2018年6月20日 下午4:15   第5楼

      [滑稽] [滑稽] [滑稽]

      • 明月清风 明月清风 3
        回复 2018年6月17日 下午11:10   第4楼

        可惜我的手机端没办法体验啊！

        • 清秋暖冬 清秋暖冬 0
          回复 2018年6月16日 下午12:15   地板

          怎么在手机端没有看到有表情选项吧

            • 舍得 舍得
              回复 2018年6月16日 下午12:21

              @清秋暖冬 手机端没有表情选项๑乛◡乛๑

            • 九歌 九歌 2
              回复 2018年6月14日 下午1:17   板凳

              [滑稽]

              • 九歌 九歌 2
                回复 2018年6月13日 下午8:56   沙发

                小半月时间没来了，你更的真勤快！
                「话说评论表情呢？🧐」

                  • 舍得 舍得
                    回复 2018年6月13日 下午9:35

                    @九歌 [委屈] 你看不到我的表情吗，是PC端吗 [无奈哭]

                      • 九歌 九歌 2
                        回复 2018年6月13日 下午9:46

                        @舍得 手机端没有~

                          • 舍得 舍得
                            回复 2018年6月13日 下午9:50

                            @九歌 那就对了，手机端是没有的，我差点开始怀疑是不是我的CDN缓存原因了๑乛◡乛๑

                        • 舍得 舍得
                          回复 2018年6月14日 下午12:53

                          @九歌 [斜眼笑] 我发现虽然手机端没有表情，但是你还是能发表情的嘛