網站最後更新日期:2016年1月25日
歡迎大家來到暢想資源 AREFLY.COM!
讚好Facebook
追隨Twitter
加入QQ群
關注微博
關注微信公眾號
捐款
更多聯絡方式
X

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

覺得這篇文章有用麼?分享一下讓更多人知道吧!

爲繼續支持本站繼續寫出優質文章、歡迎捐款!

注:本站同時長期承接WordPress外掛及主題制作、伺服器環境配置等,如需詳情,請「聯系我們」!

© 版權聲明:「暢想資源」之所有文章及資源系采用「創用 CC 姓名標示-非商業性-相同方式分享 3.0 香港 授權條款」發布及共享,轉載時須以相同方式發布並注明「原文鏈接」!

本文固定鏈接:http://www.arefly.com/wordpress-comment-tool-bar/

本文章由「」於2013年06月30日發表於「WordPress」分類

你可以發表迴響,並在保留原文地址及作者的情況下引用到你的網站

轉載請注明:給WordPress評論框添加添加實用的小工具 | 暢想資源

關鍵字:, ,

以下是廣告時間,廣告內容僅供參考!

廣告載入中...

給WordPress評論框添加添加實用的小工具:目前有 32 條留言

訪客以 18:14 暫時領先博主

迴響載入中,請稍等...
  1. 12樓
    任叔叔 China Google Chrome Windows

    博主好棒,支持你 :idea:

    [回覆]
  2. 11樓
    Rich China 搜狗浏览器 Windows

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

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

    [回覆]
    • :trick: 挺好的,那個「歡迎詞」問題我給你了修改代碼,解決了沒有~ :mrgreen:

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

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

        [回覆]
  3. 10樓
    Qa China Google Chrome Windows

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

    [回覆]
  4. 9樓
    Qa China Google Chrome Windows

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

    [回覆]
  5. 8樓
    逗婦乳 China 搜狗浏览器 Windows

    没有smile.php

    [回覆]
  6. 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

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

        [回覆]
  7. 6樓
    逗妇乳 China 搜狗浏览器 Windows

    沒有效果

    [回覆]
    • 那可能是你的代碼加錯位置了,你在仔細看看位置正不正確?

      [回覆]
  8. 5樓
    刚子 China Google Chrome Windows

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

    [回覆]
    • WordPress默認是不可以的,不過你可以去搜索一下,有代碼可以把評論中的img開啟的

      [回覆]
  9. 4樓
    木易 China 搜狗浏览器 Windows

    :idea: 支持

    [回覆]
  10. 3樓
    经验公式 China Google Chrome Windows

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

    [回覆]
  11. 2樓
    烟花易冷 China Google Chrome Windows

    不错,支持博主

    [回覆]
  12. 沙發
    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