Оневозможено: Темата не додава датотека со стилски лист со име editor-style.css?

Еден мој пријател кој сака да се занимава со онлајн маркетинг неодамна почна да учи како да изгради веб-страница користејќи WordPress.

Овозможете го приклучокот за уредувач на TinyMCE, во поставките на приклучокот за уредувач на TinyMCE, наидов на таков проблем ▼

Креирајте мени во стилот на CSS

• Вчитајте ги стиловите на CSS што се користат во editor-style.css и заменете го менито Формат.
• Оневозможено: Датотеката со лист за стилови за editor-style.css.
• Оневозможено: Датотеката со лист со стилови со име editor-style.css не беше додадена од вашата тема.

Ако се случи горната ситуација, визуелниот уредник на WordPress можеби нема да може да го прикаже саканиот стил на код, како на пример:

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

Решавање проблеми

1. Извини меeditor-style.cssдатотека, дали е во root директориумот на темата на 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 на „цитатот на ознаката за цитати“ и „пред/кодот на ознаката на кодот“, треба да го додадете соодветниот CSS-код во датотеката style.css на темата на WordPress.

За детали, проверете го следното упатство за градење веб-локација ▼

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

🔗Што е пред во CSS стил? Функцијата на ознаката за предавтоматско прекинување на линијата во HTML