因為使用 grace主題方式，網(wǎng)上的新建 JS 文件的方法在子主題下沒有成功（我也是在學(xué)習(xí)中，所以還不知道是什么原因），從而采用了將 JS 內(nèi)容寫到 functions.php 的方法。

代碼如下：

//添加HTML編輯器自定義快捷標(biāo)簽按鈕
add_action('after_wp_tiny_mce', 'my_quicktags');
function my_quicktags($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'black', '后面的是自定義按鈕--->', "", "" );
QTags.addButton( 'wp_page', '分頁按鈕', "<!--nextpage-->n", "" );
QTags.addButton( 'span', '下劃線', '<span class="xhx">', '</span>' ); 
QTags.addButton( 'btm-zd', 'Go Button', '<a class="btm-zd" href="#" target="_blank" rel="nofollow">', '</a>' ); 
QTags.addButton( 'btm-dl', 'Download', '<a class="btm-dl" href="#" target="_blank" rel="nofollow">', '</a>' ); 
QTags.addButton( 'textsuc', '綠邊文本框', '<p class="textsuc">', '</p>' ); 
QTags.addButton( 'texterr', '紅邊文本框', '<p class="texterr">', '</p>' ); 
QTags.addButton( 'textok', '藍(lán)邊文本框', '<p class="textok">', '</p>' ); 
QTags.addButton( 'textgreen', '綠塊文本', '<p class="textgreen">', '</p>' ); 
QTags.addButton( 'textblue', '藍(lán)塊文本', '<p class="textblue">', '</p>' ); 
QTags.addButton( 'textred', '紅塊文本', '<p class="textred">', '</p>' );
function my_quicktags() {
}
</script>
<?php
}

將這段代碼添加到子主題的 functions.php 文件內(nèi)，怎么添加？可以看這里：

《修改 grace 主題的 functions.php》

保存并上傳替換子主題的 functions_suxingme.php （記得備份原文件）。刷新后臺某一篇文章的編輯器便可以看到新增加的自定義按鈕了。

自定義按鈕中的樣式 CSS class="XXXXX" 可以在子主題 style.css 里面添加。
在這里提及到修改子主題 CSS：

PS：代碼里的自定義按鈕都是我常用的，如果你要折騰屬于你的自定義按鈕，可以參考下面的格式自己編寫。

QTags.addButton( 'my_id', 'my button', 'n</span>', '</span>n' );
這兒共有四對引號，分別是按鈕的ID、顯示名、點一下輸入內(nèi)容、再點一下關(guān)閉內(nèi)容（此為空則一次輸入全部內(nèi)容），n 表示換行。（注意字符的全角、半角和大小寫）

形象說明： QTags.addButton( ‘ 按鈕ID‘, ‘按鈕顯示名‘, ‘點一下輸入內(nèi)容‘, ‘點一下關(guān)閉內(nèi)容‘ );

可以自定義添加多行 QTags.addButton ( ‘ ‘, ‘ ‘, ‘ ‘, ‘ ‘ ); 增加多個按鈕！