Өчүрүлгөн: Тема 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 backendОртодогу макаланы түзөтүүдө, CSS стилиндеги көйгөйдөн улам, алдыңкы план менен фон дисплейи айырмаланат...

Бирок Wordpress 3.0 кийин, ал абдан жакшы өзгөчөлүктөргө ээ:

• Башкача айтканда, алдыңкы жана арткы стилдер бирдиктүү болушу мүмкүн, ошондуктан Wordpress макалаларды фондо түзөткөндө, ал да алдыңкы беттегидей көрүнүшү мүмкүн.
• Ошо сыяктуу эле, биз мындан ары WordPress серверинде түзөтүлгөн постту өзгөртүүнүн кереги жок, анткени ал фронтондон башкача көрсөтүлөт.

Эгерде биз Wordpress'тин демейки Twenty Eleven темасын ачсак, анда html комментарий жана ушул сыяктуу код бар экенин көрөбүз ▼

//此主题使用editor-style.css为可视化编辑器设置样式，以匹配主题样式
add_editor_style();

• Бул комментарий эмнени билдирет: Визуалдык редактор тема редактору-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 темаңыздын түпкү каталогуна көчүрүңүз.

4nd кадам: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 стилдерин "цитата теги блокировкасына" жана "код теги pre/code" кошпосо, сиз WordPress темасынын style.css файлына тиешелүү CSS кодун кошушуңуз керек.

Чоо-жайын билүү үчүн төмөнкү веб-сайтты куруу боюнча окуу куралын караңыз ▼

blockquote кантип колдонсо болот? HTML blockquote теги демо эффектиси

WordPress макаласын түзөтүүдө жалпы "Blockquote" баскычы бар ▼ Колдонулганда, ал кошумчалайтКайсы бир цитата келтирилген билдирүүнү же баса белгилөө үчүн белгилеңиз. blockquote эмнени билдирет?Төмөндө Чен Вэй...

CSS стилиндеги pre деген эмне? HTMLде алдын ала ороп коду тегтеринин ролу

WordPress менен веб-сайтты куруу үчүн биз CSS жана HTML боюнча кээ бир негизги билимдерди үйрөнүшүбүз керек: кээ бир WordPress темаларынын CSS стилиндеги файлдардан улам, алдын ала жана код теги стилдери кошулган эмес.Учурда көпчүлүк браузерлер колдойтбелгилөө. ч...