WordPress: Добавить в редактор кнопку Textbox

Часто приходится писать команды или приводить примеры запуска файлов с ключами, но тэг «code» для этого не очень подходит.
Для отображения консольных команд придется сделать свою кнопку для HTML-редактора в WordPress. Расскажу на примере темы TwentyTwelve.

Для начала нужно изменить файл стилей style.css, который находится в папке /wp-content/themes/twentytwelve

Добавляем строки:

.textbox {
text-align: left;
font-weight: bold !important;
word-spacing: 0.3em;
padding:2px 6px 3px 6px !important;
color: #c0c0c0 !important;
background-color: #000000;
border: #dddddd 2px solid
line-height: 20px;
}

Теперь нужно добавить в редактор кнопку, которая будет вставлять тэги в текст. Нам нужен плагин HTML Editor Reloaded.
После его установки и активации, необходимо зайти в Настройки и выбрать этот плагин. Далее заполнить необходимые поля и сохранить:
WP-HTML_editor_settings
Теперь в редакторе должна появиться кнопка textbox, которая работает аналогично кнопке «Цитирование».

Вот так будет выглядеть результат работы этой кнопки.

Часть материала взял с этого сайта.

Чтобы не было конфликтов с автозаменой, лучше использовать <pre> тэг, а не <p> на него она не распространяется.