Адключана: тэма не дадае файл табліцы стыляў з назвай 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 у «тэг цытаты blockquote» і «тэг кода pre/code», вам трэба дадаць адпаведны код CSS у файл style.css тэмы WordPress.

Для атрымання падрабязнай інфармацыі, калі ласка, азнаёмцеся з наступным падручнікам па стварэнні вэб-сайтаў ▼

Як выкарыстоўваць цытатнік? Дэманстрацыйны эфект тэга HTML blockquote

У WordPress для рэдагавання артыкулаў ёсць звычайная кнопка "Blockquote" ▼ Пры выкарыстанні яна дадае aАдзначце, каб выклікаць якое-небудзь цытаванае выказванне або вылучыць. Што азначае цытата?Наступны Чэнь Вэй...

Што такое pre ў стылі CSS? Роля тэгаў кода папярэдняй абгорткі ў HTML

Нам трэба вывучыць некаторыя базавыя веды CSS і HTML, каб стварыць вэб-сайт з WordPress: з-за файлаў стыляў CSS некаторых тэм WordPress стылі тэгаў pre і code не дадаюцца.Большасць браўзераў у цяперашні час падтрымліваеадзнака. ч...