Отключено: тема не добавляет файл таблицы стилей с именем editor-style.css?

есть чем занятьсяВеб-продвижениедруг, недавно начал учиться пользоватьсяВеб-сайт WordPress.

Включить плагин редактора TinyMCE, в настройках плагина редактора TinyMCE столкнулся с такой проблемой▼

Создать меню в стиле CSS

• Загрузите стили CSS, используемые в editor-style.css, и замените меню «Формат».
• Отключено: Файл таблицы стилей для editor-style.css.
• Отключено: Файл таблицы стилей с именем editor-style.css не был добавлен вашей темой.

Если возникает описанная выше ситуация, визуальный редактор WordPress может не отображать стиль кода, который нам нужен, например:

• цитата, пре, код...

Устранение неполадок

1. Прошу прощенияeditor-style.cssфайл, он находится в корневом каталоге темы WordPress?
2. Используете ли вы дочерние темы (child)?

когда мыСерверная часть WordPressПри редактировании статьи в середине из-за проблемы со стилем CSS передний план и фон отображаются по-разному...

Но после Wordpress 3.0 у него очень хорошие возможности:

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

Если мы откроем тему Wordpress по умолчанию, Twenty Eleven, мы увидим, что там есть HTML-комментарий и такой код ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• Что означает этот комментарий: Визуальный редактор соответствует стилю темы editor-style.css.
• Эту функцию также очень просто реализовать, потому что это функция WordPress по умолчанию, нам просто нужно ее активировать.

Как сообщения WordPress отображают тот же стиль текста, что и внешний интерфейс?

第 1 步 ：Создайте файл editor-style.css

第 2 步 ：Добавьте следующий код в файл editor-style.css▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

第 3 步 ：Скопируйте файл editor-style.css в корневой каталог вашей темы WordPress.

Глава 4 шаг:Добавьте следующий код в файл functions.php▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式 
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

第 5 步 ：Обновите страницу редактирования записи WordPress.

• Проверьте и подтвердите, одинаковы ли стили текста в передней и задней частях WordPress?

注意 事项

Если ваша тема WordPress не добавляет стили CSS в «тег цитаты, блок-цитата» и «тег кода пре/код», вам необходимо добавить соответствующий код CSS в файл style.css темы WordPress.

Для получения подробной информации ознакомьтесь со следующим руководством по созданию веб-сайта ▼

🔗Как использовать блокцитат? Демонстрационный эффект тега blockquote в HTML

🔗Что такое pre в стиле CSS? Функция тега кода предварительного автоматического переноса строки в HTML