Изменение стилей стандартного редактора TinyMCE Вордпресс в фронтэнд?

Question

[Чёкатилло]

Изменить стили редактора в админке не сложно
Достаточно в функтион оставить строку:

add_editor_style('editor-style.css');

или

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

И в корне сайта создать файл стилей с одним из этих имен

Это работает, но почему-то не работает, если выводить форму редактора в фронтэнд при добавлении/редактировании поста через фронтэнд

Например, через плагин WP-Recall можно постить через фронтэнд
Плагин использует стандартную форму и вот там все равно не меняются стили, когда одновременно в админке действительно стили уже кастомные

Что можно сделать?
Спасибо!

Answer 1

[zorca]

Подгрузить стиль custom-editor-style.css на фронт.

Comments

[Чёкатилло]

о привет ) Обычным линком?

[Чёкатилло]

Попробовал:

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/editor-style.css">

Как бы работает, но везде кроме как там, где надо )

[zorca]

Да нет, правильно добавить в очередь стилей:

add_action('wp_enqueue_scripts', function () {
            wp_enqueue_style(
                'main',
                get_template_directory_uri().'/dist/styles/main.css',
                false,
                null
            );
        }, 100);

Где основной стиль объявляется, туда и пихать в functions.php.

[Чёкатилло]

zorca, основной в хедере у меня, а если добавляю эти строки в функтион- сайт ломается )

[zorca]

Чёкатилло, поправил код, скобку забыл )

[Чёкатилло]

zorca, Спасибо
стиль подключается, но опять же, везде кроме редактора работает

[Чёкатилло]

zorca, сделал все тоже самое над кастомными стилями и с основными:

add_action('wp_enqueue_scripts', function () {
            wp_enqueue_style(
                'style',
                get_template_directory_uri().'/style.css',
                false,
                null
            );
        }, 100);

в хедере удалил Все работает, кроме кастомных в редакторе =)

[zorca]

Чёкатилло, ну дальше нужно смотреть в консоли, какие стили подключаются раньше и почему не переписываются кастомными.

[Чёкатилло]

zorca, в общем, я смотрел-смотрел и не высмотрел
Не могли бы взглянуть?
https://robort.ru/

кастомные стили имеют имя: editor-style.css

у меня именно это имя работает в админке

Да, подключаются они в очереди позже всего Не знаю даже, что тут от чего зависит

[zorca]

Ну тут налицо непонимание принципов стилизации:

body {
    font-family:roboto;
    color: #a53535 !important
}

img {
    height: auto;
    max-width: 100%;
    min-width: 530px !important
}
.custom-button {
    font-size:13px;
    background: #9027A2;
    display: inline-block;
    padding: 2px  5px 2px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-  radius: 4px;
    border:none;
    position: relative;
    cursor: pointer;
    margin:10px 10px 0 0;
 
}

Что мы стилизуем в файле с красивым названием: https://robort.ru/wp-content/themes/WP_CLEAN/dist/... ???
Общие стили сайта, судя по глобальному тегу body )))
Сходите уже на курсы какие-нибудь, типа HTML/CSS для чайников, а потом приходите и задавайте вопросы на другом уровне. )))

[Чёкатилло]

zorca, дак именно так в админке и работает ))
делал по статье: https://wpcafe.org/tutorials/kak-dobavit-svoi-stil...

В админке именно так стили работали Выглядит все напрямую так в стилях, а работали стили только в редакторе
А сами строки css- это просто так =) потому что пока не важно, как будет выглядеть

[zorca]

Чёкатилло, привяжите их к специфическим классам области редактора и все отработает.

[Чёкатилло]

zorca, может я не так вопрос поставил..
мне надо изменить стили вводимого контента, который оказывается в iframe при изменении в редакторе

именно изображения, текст

[zorca]

Чёкатилло, речь про эту форму? joxi.ru/bmoB1VMsxejbEr

[Чёкатилло]

zorca, да она
Вот имеется в ней основной ввод контента Он оказывается в ифрейм как и в стандартном редакторе
Единственное имя ифрейм #content_ifr - у стандартного, а плагин выводит под именем #contentarea-post_ifr

Но это не точно )

[Чёкатилло]

zorca, мы в правильном направлении двигались? )