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

Если возникла потребность дополнительных HTML кнопок в текстовой редактор WordPress, то сделать это достаточно просто.

Есть два способа добавления своих кнопок в редактор.

1. Добавить через файл functions.php.
2. Откорректировать один из предустановленных файлов WordPress.

Добавляем новые кнопки через файл functions.php

Следующий код нужно добавить в файл functions.php шаблона своего сайта:

В вышеприведенном коде меняем значения на нужные вам кнопки.

Добавляем новые кнопки через редактирование файлов WordPress

Этот способ является дилетантским и не профессиональным, как и любое действие, которое направлено на изменение движка. Тем не менее, о нем тоже расскажу. Самый главный минус этого способа, что после обновления движка WordPress, придётся изменения вносить заново.

Файл quicktags.min.js отвечает за кнопки в упращенном редакторе, который работает с html. Находится файл в папке js в папке wp-includes.

Находим следующий код:

И вставляем после запятой свои кнопки. Я добавил H2, H3 и pre, но можно добавить любые другие. Обратите внимание, код в файле идёт без пробелов, всё слитно. Пусть так и остаётся.

Кнопка H2:

Кнопка H3:

Кнопка pre (предварительно в коде ниже уберите пробел в слове «pr e» пришлось добавить, чтобы правильно вывести код на сайте):

edButtons[140] — в скобках дано значение расположения, на котором находится кнопка. В данном случае значение 140 означает, что кнопка находится на 14 месте. При добавлении своей кнопки, если она в редакторе не появилась, надо увеличить это значение. Т.е. каждая отдельная кнопка увеличивает это значение на 10.

Метки:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "Как добавить новую кнопку в текстовой редактор WordPress".

Ваш e-mail не будет опубликован. Обязательные поля помечены *