為WordPress HTML編輯器添加自定義按鈕

這篇小教程面向的是直接以編碼方式寫博客的WordPress用戶，利用文中介紹的方法可以在HTML編輯器的工具欄里加上各種各樣的快速標簽，省去了少許手動輸入的煩惱。

首先找到wp-includes文件夾下的js文件夾，打開quicktags.js文件。

這里我們以插入一個“Tutorial” DIV標簽為例。

將下面的代碼復制到quicktags.js文件里（最佳位置為上圖中兩段代碼之間，這樣新的快速標簽將會出現在工具欄首位）。將其中"Tutorial"更改成你所需要的標簽信息。

edButtons[edButtons.length] =
new edButton("ed_tutorial"
,"tutorial"
,'<div id="tutorial">'
,"</div>"
,"tutorial"
);

最后將文件上傳到web服務器。刷新后臺頁面后，你就會發現HTML編輯器里比原來多了一個快速標簽按鈕。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈