Вимкнено: тема не додає файл таблиці стилів під назвою editor-style.css?

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

Увімкніть плагін редактора TinyMCE в налаштуваннях плагіна редактора TinyMCE, виникла така проблема▼

Створення меню в стилі CSS

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

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

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

Усунення несправностей

1. Вибачтеeditor-style.cssфайл, він у кореневому каталозі теми WordPress?
2. Ви використовуєте дочірні теми (дитина)?

коли ми єСервер 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 до «quote tag blockquote» і «code tag pre/code», вам потрібно додати відповідний код CSS до файлу style.css теми WordPress.

Щоб отримати докладніші відомості, перегляньте наступний посібник зі створення веб-сайту ▼

Як використовувати блок цитат? Демо-ефект HTML-тегу blockquote

У редагуванні статей WordPress є звичайна кнопка «Blockquote» ▼ Якщо вона використовується, вона додає aПозначте, щоб викликати якесь цитоване твердження або виділити. Що означає цитата?Це Чень Вей...

Що таке pre у стилях CSS? Роль тегів попереднього обгортання коду в HTML

Щоб створити веб-сайт за допомогою WordPress, нам потрібно вивчити деякі базові знання CSS і HTML: через файли стилів CSS деяких тем WordPress стилі тегів pre та code не додаються.Зараз більшість браузерів підтримуютьзнак. ч...