Как задать свои стили оформления текста в редакторе WordPress

Как задать свои стили оформления текста в редакторе WordPress

Допустим вы создаете свою WordPress тему. С внешними стилями сайта все понятно, пишем в css файл и подключаем в шаблоне. А вот как сделать чтобы стили контента в админке, при редактировании постов и страниц — были такими же как и на сайте? Для этого есть специальная функция add_editor_style()

Разберем на примере как она работает. Подключать ее нужно в файл темы functions.php

Если подключить эту функцию безе параметров, просто написав в functions.php add_editor_style(); то функция попытается найти в каталоге темы файл editor-style.css и подключить его. Если css файл с внутренними стилями имеет другое название, или вы хотите положить его в отдельную папку, то данная функция может принимать параметр с именем и расположением файла стилей. Вот так это будет выглядеть:

add_editor_style( 'css/editor-style.css' );

Вызванная таким образом функция, подключит к текстовому редактору файл editor-style.css который расположен в папке css/ внутри директори с текущей темой. Я в своей теме все css файлы размещаю в отдельной папке, чтобы был порядок и они не путались среди файлов шаблонов.

Подробное описание функции здесь.