網站最後更新日期: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-tw/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