网站最后更新日期:2018年8月29日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 赞好Facebook 追随Twitter 关注微博
关注微信公众号
捐款 更多联络方式
×

給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/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