Из этой статье вы узнаете, как улучшить визуальный редактор WordPress без плагинов. Добавим новые кнопки в форму редактирования записи WordPress: добавим семейство шрифтов, цвет фона, вставить/изменить картинку, вставить/редактировать якорь, нижний и верхний регистр, горизонтальный разделитель, копировать, вырезать и кнопку стили.

Важно! Любые работы, по редактированию и изменению основного кода файлов шаблона, необходимо начинать при наличие резервной копии сайта. Она нужна для восстановления сайта в случае фатальных ошибок при редактировании.

По умолчанию WordPress использует визуальный редактор TinyMCE. Причем, изначально, визуальный редактор WordPress имеет ограниченный функционал по редактированию текстов статей. Чтобы расширить возможности редактора, есть несколько сторонних плагинов, устанавливающие новые визуальные редакторы. Но можно улучшить визуальный редактор WordPress без плагинов. Для этого используются специальные теги шаблонов WordPress. Коды нужно добавить в файл «Функции темы (functions.php)».  Ниже следующие коды показывают принцип формирования дополнительных кнопок редактора.

Читайте так же:  Создание базы данных для WordPress

Коды  улучшить визуальный редактор WordPress без плагинов

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

function enable_third_row_buttons($buttons) {
 $buttons[] = 'fontselect';
 $buttons[] = 'backcolor';
 $buttons[] = 'image';
 $buttons[] = 'media';
 $buttons[] = 'anchor';
 $buttons[] = 'sub';
 $buttons[] = 'sup';
 $buttons[] = 'hr';
 $buttons[] = 'wp_page';
 $buttons[] = 'cut';
 $buttons[] = 'copy';
 $buttons[] = 'paste';
 $buttons[] = 'newdocument';
 $buttons[] = 'code';
 $buttons[] = 'cleanup';
 $buttons[] = 'styleselect';
 return $buttons;
 }
 add_filter("mce_buttons_3", "enable_third_row_buttons");

Данный код добавит следующие кнопки в третий ряд визуального редактора TinyMCE, который установлен в WordPress по умолчанию: Семейство шрифтов, цвет фона, вставить/изменить картинку, вставить/редактировать якорь, нижний и верхний регистр, горизонтальный разделитель, копировать, вырезать, стили. Несколько новых кнопок в редактор WordPress

Чтобы добавить дополнительные кнопки во второй ряд, код должен иметь следующий вид (пример для двух кнопок):

function enable_third_row_buttons($buttons) {
     $buttons[] = 'image';
     $buttons[] = 'media';
          return $buttons;
}
add_filter("mce_buttons_2", "enable_third_row_buttons");

Новые кнопки в редакторе WP во втором ряду

Добавить эти же кнопки в третий ряд, нужен следующий код:

function enable_third_row_buttons($buttons) {
     $buttons[] = 'image';
     $buttons[] = 'media';
          return $buttons;
}
add_filter("mce_buttons_3", "enable_third_row_buttons");

Новые кнопки в третьем ряду редактора

По этому принципу, вы сами можете улучшить визуальный редактор WordPress без плагинов и сформировать нужные вам кнопки редактора.

Другие статьи раздела «WordPress без плагина»


Как улучшить визуальный редактор WordPress без плагинов

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