Как добавить свои стили 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 и лежать в корневой папке вашего шаблона.

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

    Ваш ответ

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