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

爲WordPress添加「點擊展開/收縮」短代碼 [collapse] 功能

大家可能在WordPress中寫文章中經常需要很多補充資料,但是如果將這些補充資料全部都一一列出來,頁面反而會變得很累贅,所以今天「暢想資源」就來教大家如何爲WordPress添加「點擊展開/收縮」 [collapse] 短代碼功能,讓你的網頁在更加豐富的同時,也更加的簡潔清晰!

預覽

「點擊展開」預覽 展開/收縮

教學

1、首先將以下JS代碼加入至你網站所引用的JS文件內(例如「functions.js」等):

2、然後將下方代碼添加到「佈景函式庫 (functions.php)」的最底部 ?> 之前,並點擊 更新檔案 :mrgreen:

3、現在我們可以直接在文章中插入 [collapse title="標題"]需點擊展開的內容[/collapse] 就可以使用本功能啦! :razz:

歷史上的今天

2013年:WordPress 3.7發佈啦!(8條迴響)

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

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

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

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

本文固定鏈接:http://www.arefly.com/wordpress-collapse-shortcode/

本文章由「」於2014年10月25日發表於「WordPress」分類

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

轉載請注明:爲WordPress添加「點擊展開/收縮」短代碼 [collapse] 功能 | 暢想資源

關鍵字:, , , ,

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

廣告載入中...

爲WordPress添加「點擊展開/收縮」短代碼 [collapse] 功能:目前有 61 條留言

訪客以 37:23 大幅領先博主

迴響載入中,請稍等...
  1. 32樓
    bin China Google Chrome Windows

    你好,请问一下,为什么我的网站加了这个展开收缩 功能之后,图片都不能显示了。

    [回覆]
  2. 31樓
    bin China Google Chrome Windows

    添加了 展开收缩 功能后,不能显示图片了,请问怎么弄,谢谢赐教!

    [回覆]
  3. 30樓
    Renhe China Google Chrome Windows

    很不错哦~已经在用了,并转发了一下下~还有想问一下、你的评论是wp自带的修改版吗,有教程吗?

    [回覆]
  4. 29樓
    zxc121 China Google Chrome Windows

    js 是加到哪个文件里面 没找到

    [回覆]
    • 如果沒找到任何文件夾加在主題根目錄就行了! :razz: :razz:

      [回覆]
  5. 28樓
    坏猫 Malaysia Google Chrome Windows

    請問怎樣居中它?我嘗試過把[collapse]放到div align=”center”和style=”text-align=center; “都不起作用

    [回覆]
    • 居中的話試試 <div style="text-align: center;">[collapse title="標題"]需點擊展開的內容[/collapse]</div> 哦~ :razz: :razz:

      [回覆]
  6. 27樓
    吴聊 China Google Chrome Windows

    露珠好厉害,特来点赞!!!完美!!! :idea: :idea: :idea:

    [回覆]
  7. 26樓
    新奇君 China Google Chrome Windows

    不错,学习了

    [回覆]
廣告載入中...

發表迴響



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter