Как добавить свою кнопку в редактор WordPress

Плагин Kama Quicktags добавляет на панель инструментов HTML-редактора WordPress кнопки, которые посчитал полезными автор плагина: "PRE", "codePRE" и "Код в ХТМЛ" (для показа кода в тексте записи или страницы). Кроме того, открыв js-файл этого плагина, можно добавлять свои кнопки по образцу. Например, я в своем блоге Study English Now часто вставляю в статьи тег для фонетической транскрипции <span class="phonetic">[x]</span>. Понятно, что очень удобно иметь соответствующую кнопочку, вставляющую тег с уже прописанным стилем:

edButtons[edButtons.length] =
new edButton('phon','phonetic','<span class="phonetic">','</span>');

Предустановленные кнопки плагина

Кнопки, которые изначатьно добавляет плагин, очень удобны, особенно если на сайте не используется специальный плагин для показа и подсветки кода.
"PRE" - это тег <pre>

"codePRE" - тег <pre lang="php">:

<pre lang="php">
<span class="phonetic">[x]</span>
</pre>

"Код в ХТМЛ" - прямое преобразование спецсимволов кода в HTML-сущности для отображения кода на веб-странице (преобразование, которое выполняет редактор WordPress, часто удаляет некоторые символы):

<pre lang="php">
<span>[x]</span>
</pre>

Скачать плагин можно со страницы на сайте автора: Код на страницах вашего сайта. Как я решил эту проблему