Как добавить свои стили css в визуальный редактор вордпресс?

Мне нужно для стандартного визуального редактора вордпресс в поле с контентом добавить свои стили. Что бы авторы сайта видели примерно как будет смотреться контент на сайте. Проблема в том что сам редактор расположен в внешней части сайта(frontend) и функция add_editor_style() — не добавляет к нему стили. Она добавляет только для редактора в админке. Скажите можно ли добавить стили в редактор вордпресс?

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

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

 add_theme_support('editor_style');
function my_theme_add_editor_styles($content) {
 add_editor_style('editor_styles.css');
 // This is for front-end tinymce customization
 global $editor_styles;
 $editor_styles = (array) $editor_styles;
 $stylesheet = (array) $stylesheet;
 $stylesheet[] = 'editor_styles.css';
 $editor_styles = array_merge($editor_styles, $stylesheet);
 return $content;
 }
add_action('the_editor_content', 'my_theme_add_editor_styles');
 

Код следует размещать в файле functions.php

Сам файл стилей, следуя из примера кода, должен называться  editor_styles.css и лежать в корневой папке вашего шаблона.

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

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.