网站最后更新日期:2018年8月29日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 更多联络方式
×

给WordPress评论框添加添加实用的小工具

今天来教大家如何给WordPress博客添加一个实用的评论框小工具,使访客可以轻而易举地更改自己评论的格式(字体颜色、粗体、斜体等等),有益于访客与博主间的互动

一、添加构架(comments.php)

1、打开你的主题文件夹下的“评论 (comments.php)

2、在评论框 textarea 上方或下方添加下列代码

二、添加CSS样式

1、这个没啥好说的,就是添加外观

2、将以下代码添加至“样式表 (style.css)

三、添加最重要的JS代码

1、最重要的“添加JS代码”来啦! :mrgreen:

2、在你的主题目录下新建一个名为“js”的文件夹(如果已有请忽略)

3、在“js”文件夹内新建一个名为“comments.js”的文件

4、在此文件内添加以下代码:

5、然后在“header.php”内引用这个JS

预览

wordpress-comment-toolbar-preview

参考资料

WordPress – 为评论框添加简易编辑器,如表情、粗体、斜体、引用(简体)

总结

1、其实所有这些功能你都可以自己修改,不过要记得同时修改JS代码及PHP代码 :razz:

2、有问题可以回复问我 :mrgreen:

觉得这篇文章有用吗?分享一下让更多人受益吧!

© 版权声明:本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际(CC BY-NC-SA 4.0)”于“”发布,转载时须以相同方式发布并注明“原文链接”!

本文固定链接:https://www.arefly.com/zh-cn/wordpress-comment-tool-bar/

本文章由“超级efly”于2013年06月30日发表于“WordPress”分类

你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站

转载请注明:给WordPress评论框添加添加实用的小工具 | 畅想资源

关键字:, ,

给WordPress评论框添加添加实用的小工具:目前有 35 条留言
访客以 20:15 大幅领先博主

评论载入中,请稍等……
  1. 14楼
    郭进 China QQ浏览器 Windows

    :) 试试

    [回复]
  2. 13楼
    郭进 China QQ浏览器 Windows

    评论等级怎么实现的

    [回复]
  3. 12楼
    任叔叔 China Google Chrome Windows

    博主好棒,支持你 :idea:

    [回复]
  4. 11楼
    Rich China 搜狗浏览器 Windows

    刚刚把代码挂上了,效果很棒,求测试 :laugh:

    :grin: PS:欢迎光临 http://Rich.GA/ :trick:

    [回复]
    • :trick: 挺好的,那个“欢迎词”问题我给你了修改代码,解决了没有~ :mrgreen:

      [回复]
      • Rich China 搜狗浏览器 Windows

        截图中“留悄悄话给博主”是怎么回事?

        [回复]
  5. 10楼
    Qa China Google Chrome Windows

    时隔多日我又来啦 :kiss:
    终于成功了 :idea: :idea:

    [回复]
  6. 9楼
    Qa China Google Chrome Windows

    不死心又试了几次,怎么都是JS和CSS不加载的样子 :wet:
    审查元素又说明明都加载了 :dry:

    [回复]
  7. 8楼
    逗妇乳 China 搜狗浏览器 Windows

    没有smile.php

    [回复]
  8. 7楼
    qa China Mozilla Firefox Windows

    Warning: include(/wordpress/wp-content/themes/simple-catch/smiley.php): failed to open stream: No such file or directory in /wordpress/wp-content/themes/simple-catch/comments.php on line 66

    没有找到smiley。。。。 :scraed:

    [回复]
    • 你看看主题原来的文件中的表情引用代码是多少? :?:

      [回复]
      • Qa China Mozilla Firefox Unknow Os

        抱歉,看漏了。我使用了那插件。注释了代码依旧不能点击。
        那个表情插件也是。启用了,留言处显示表情但是无法点击

        [回复]
  9. 6楼
    逗妇乳 China 搜狗浏览器 Windows

    没有效果

    [回复]
    • 那可能是你的代码加错位置了,你在仔细看看位置正不正确?

      [回复]
  10. 5楼
    刚子 China Google Chrome Windows

    这个访客不能插入图片。。蛋疼

    [回复]
    • WordPress默认是不可以的,不过你可以去搜索一下,有代码可以把评论中的img开启的

      [回复]
  11. 4楼
    木易 China 搜狗浏览器 Windows

    :idea: 支持

    [回复]
  12. 地板
    经验公式 China Google Chrome Windows

    Excellent~非常实用!马上搬到我的经验公式去!

    [回复]
  13. 板凳
    烟花易冷 China Google Chrome Windows

    不错,支持博主

    [回复]
  14. 沙发
    qq374594 China Google Chrome Windows

    等我一会回来也给弄上 :mrgreen:

    [回复]
    • :idea:

      [回复]
      • qq374594 China Google Chrome Windows

        已经弄好了 虽然有点小问题 :idea:

        [回复]
        • :razz: :razz:

          [回复]
          • stone United States 搜狗浏览器 Windows

            :mrgreen: 为什么我按照你的说明操作了,但是点击“表情”,却没有显示表情图片?

            [回复]
            • :razz: :razz: 你需要将表情部分换成你主题默认取得表情的代码,如果实在不会,可以去与主题制作者联系~ :razz: :razz:

              [回复]
          • stone China 搜狗浏览器 Windows

            顺便在问问 你的“签到”功能和输入框点击变色是怎么写的?

            [回复]
            • :sorry: :sorry: 对不起...我太懒了...请直接去看JS文件 :grin: :grin:

              [回复]

发表评论 点击这里取消回复。



微笑 调皮 偷笑 可爱 大笑 坏笑 诡计 赞 疑问 HI~ 爱 抱歉 对不起 头晕 惊讶 帅 努力 劳累 疯狂 难过 大哭 差 猪 邪恶 无言 愤怒 流汗 擦汗


快捷键:Ctrl+Enter