Өшірілген: тақырып editor-style.css деп аталатын стильдер кестесі файлын қоспайды ма?

істейтін нәрсе барWeb Promotionдосым, қолдануды жақында үйрене бастадыWordPress веб-сайты.

TinyMCE редакторының қосылатын модулін қосыңыз, TinyMCE өңдегіш плагинінің параметрлерінде осындай мәселе туындады▼

CSS стилі мәзірін жасаңыз

• editor-style.css ішінде пайдаланылатын 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 мәнерлерін «тырнақша тегі блоктау» және «код тегінің алдын ала/кодына» қоспаса, WordPress тақырыбының style.css файлына сәйкес CSS кодын қосуыңыз қажет.

Толық ақпарат алу үшін келесі веб-сайтты құру оқулығын қараңыз ▼

Blockquote қалай қолданылады? HTML блок тырнақша тегінің демо әсері

WordPress мақаласын өңдеуде жалпы «Блоктау» түймесі бар ▼ Пайдаланылған кезде олКейбір дәйексөзді немесе бөлектеуді шақыру үшін белгілеңіз. Блокцит нені білдіреді?Төменде Чен Вэй...

CSS стиліндегі pre дегеніміз не? HTML тіліндегі алдын ала орау коды тегтерінің рөлі

WordPress көмегімен веб-сайтты құру үшін бізге CSS және HTML туралы кейбір негізгі білімдерді үйрену керек: кейбір WordPress тақырыптарының CSS стиль файлдарына байланысты алдын ала және кодтық тег мәнерлері қосылмайды.Қазіргі уақытта браузерлердің көпшілігі қолдайдыбелгі. h...