Деактивирано: Темата не добавя файл със стилова таблица с име editor-style.css?

има какво да правяУеб промоцияприятел, наскоро започна да се учи да използваWordPress уебсайт.

Активирайте приставката за редактор на TinyMCE, в настройките на приставката за редактор на TinyMCE, възникна такъв проблем▼

Създайте меню в стил CSS

• Заредете CSS стиловете, използвани в editor-style.css, и заменете менюто Format.
• Хора с увреждания: Файлът със стилова таблица за 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.

За подробности, моля, проверете следния урок за изграждане на уебсайтове ▼

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

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