Добавление кнопок в визуальный редактор WordPress

Я уже в статье рассматривал как добавить кнопки в редактор WordPress. Многие спрашивают, как сделать так, чтобы кнопки нормально отображались и в визуальном редакторе.

Вообще, WordPress показывает в визуальном редакторе не все кнопки. Понятно, возможно не хотели интерфейс перегружать. Если у вас есть необходимость в них, то можно вынести на панель.

Добавление скрытых кнопок

Для этого в файл functions.php вставьте код:

function add_more_buttons($buttons) {
  $buttons[] = 'hr';
  $buttons[] = 'del';
  $buttons[] = 'sub';
  $buttons[] = 'sup';
  $buttons[] = 'cleanup';
  $buttons[] = 'fontselect';
  $buttons[] = 'fontsizeselect';
  $buttons[] = 'styleselect';
  return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

function add_more_buttons($buttons) {

$buttons[] = 'hr';

$buttons[] = 'del';

$buttons[] = 'sub';

$buttons[] = 'sup';

$buttons[] = 'cleanup';

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'styleselect';

return $buttons;

}

add_filter("mce_buttons_3", "add_more_buttons");

Добавление собственных кнопок

Возвращаюсь к давней моей статье о том как как добавить кнопки в редактор WordPress. Чтобы в визуальный редактор добавить свои кастомные кнопки, достаточно лишь в js файл написать, пример:

edButtons[edButtons.length] = new edButton('ed_i_b','I and B','<strong><em>','</em></strong>');

1	edButtons[edButtons.length] = new edButton('ed_i_b','I and B','<strong><em>','</em></strong>');

В визуальном редакторе вы увидите наклонный жирный текст. По аналогии можно и другие кнопки сделать.