让你的inove支持表情评论(非插件)

inove对于个人我来说是一个非常棒的主题,首先他的界面比较简洁美观,设计的很精致,功能也比较强大;其次,DIY的空间比较大(源码也比较整洁);主题支持的插件也很多。我的博客刚建站换了好几个模板,最终还是选择原版的inove。

不过自从升级了最新WordPress后,inove的有些缺点就暴露出来了(毕竟mg12很久没有更新这个主题了嘛),比如评论回复不支持嵌套,不知新版wordpress的菜单,评论没有表情等等。

自从用inove,在表情评论方面,还是选择了非插件式的,而且对任何主题都适用,而不是mg2发布的Highslide4WP(下载地址:http://www.neoease.com/highslide4wp/)。

具体的效果可以查看我下面评论框上面的表情栏。下面就说说怎么做。

一、下载smiley.rar ,然后解压出一个PHP文件上传至主题根目录下面。(注意,打开smiley.php,可以在里面发现修改表情显示的字符,所以可以直接在这个文件中修改。我没做修改,因为一般也在文章中碰不到这些符号。)

二、在inove主题或者其他主题 comments.php 中找到 textarea(inove整段是<textarea name="comment" id="comment" tabindex="4" rows="8" cols="50"></textarea>) ,在之前的适当位置加入以下代码!

<?php include(TEMPLATEPATH . '/smiley.php');?>

注意上面的单引号要改成英文的单引号

然后就完事了,当然还需要表情图片,这个网上都有,自己找找,找一款自己喜欢的表情!这里提供我的(也是搜的)点击下载。最后感谢Willin大师提供的方案。

表情上传到/wp-includes/images/smilies/目录里,或者打开smile.php,在最后有如下的代码,改成你的表情所在的目录就行

</script>
<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>
<br />

参与评论

游客评论不支持回复他人评论内容,如需回复他人评论内容请

  • xzymoe

    我的inove的comments就这些代码 没有你说的那个啊??求解

    7年前 (2011-12-05)
    回复
    回复xzymoe
  • 孑愁

    不好意思

    ,被wordpress自动转码了,把引号 换成 英文 的就行

    7年前 (2011-12-05)
    回复
    回复孑愁
  • xzymoe

    恩 在测试站点上已经成功搞定了 一会上主站上搞 呵呵 谢谢了

    7年前 (2011-12-11)
    回复
    回复xzymoe
  • 林林

    要改smilies目录,表情才可以用

    8年前 (2010-11-22)
    回复
    回复林林
  • 孑愁

    额,多谢提醒

    8年前 (2010-11-22)
    回复
    回复孑愁
  • surda

    :roll: :sad: :evil: :!: :oops: :shock: :cool: :twisted: :cry: :mrgreen: :?: :razz:

    8年前 (2010-11-12)
    回复
    回复surda