Hindi pinagana: Ang tema ay hindi nagdaragdag ng stylesheet file na pinangalanang editor-style.css?

may gagawinPromosyon sa Webkaibigan, kamakailan ay nagsimulang matutong gumamitWebsite ng WordPress.

Paganahin ang TinyMCE editor plug-in, sa mga setting ng TinyMCE editor plug-in, nakatagpo ng ganoong problema▼

Lumikha ng CSS style menu

• I-load ang mga istilo ng CSS na ginamit sa editor-style.css at palitan ang menu ng Format.
• May kapansanan: Ang stylesheet file para sa editor-style.css.
• May kapansanan: Ang isang stylesheet file na pinangalanang editor-style.css ay hindi naidagdag ng iyong tema.

Kung nangyari ang sitwasyon sa itaas, maaaring hindi maipakita ng visual editor ng WordPress ang estilo ng code na gusto namin, gaya ng:

• blockquote, pre, code...

I-troubleshoot

1. Patawarin mo akoeditor-style.cssfile, nasa root directory ba ito ng WordPress theme?
2. Gumagamit ka ba ng mga tema ng bata (bata)?

kapag kami ayWordPress backendKapag nag-e-edit ng isang artikulo sa gitna, dahil sa problema sa estilo ng CSS, ang foreground at background na display ay naiiba...

Ngunit pagkatapos ng Wordpress 3.0, mayroon itong napakagandang mga tampok:

• Iyon ay, ang mga estilo sa harap at likod ay maaaring pag-isahin, kaya kapag ang Wordpress ay nag-edit ng mga artikulo sa background, maaari rin itong maging katulad ng harap.
• Katulad nito, hindi na natin kailangang baguhin ang post na na-edit sa WordPress backend dahil iba ang ipinapakita nito sa frontend.

Kung bubuksan natin ang default na tema ng Wordpress na Twenty Eleven, makikita natin na mayroong isang html na komento at code na tulad nito ▼

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

• Ano ang ibig sabihin ng komentong ito: Ang visual editor ay tumutugma sa theme editor-style.css style.
• Ang function na ito ay napakasimple ring ipatupad, dahil ito ang default na function ng WordPress, kailangan lang natin itong i-activate.

Paano ipinapakita ng mga post sa WordPress ang parehong istilo ng teksto gaya ng frontend?

第 1 步 ：Gumawa ng editor-style.css file

第 2 步 ：Idagdag ang sumusunod na code sa editor-style.css file▼

@import url('../style.css');

body {
margin: 14px;
max-width: 702px;
}

.post-content {
font-size: 14px;
}

第 3 步 ：Kopyahin ang editor-style.css file sa root directory ng iyong WordPress theme.

ika-4 Hakbang:Idagdag ang sumusunod na code sa functions.php file▼

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

// 对于块编辑器
add_theme_support( 'editor-styles' );
}

第 5 步 ：I-refresh ang WordPress post edit page

• Suriin at kumpirmahin kung ang mga istilo ng teksto sa harap at likod ng WordPress ay pareho?

注意 事项

Kung ang iyong WordPress theme ay hindi nagdaragdag ng mga istilo ng CSS sa "quote tag blockquote" at "code tag pre/code", kailangan mong idagdag ang kaukulang CSS code sa style.css file ng WordPress theme.

Para sa mga detalye, pakitingnan ang sumusunod na tutorial sa pagbuo ng website ▼

Paano gamitin ang blockquote? HTML blockquote tag demo effect

Sa pag-edit ng artikulo ng WordPress, mayroong karaniwang "Blockquote" na buton ▼ Kapag ginamit, magdaragdag ito ngMarkahan para gamitin ang ilang sinipi na pahayag o highlight. Ano ang ibig sabihin ng blockquote?Ang sumusunod ay si Chen Wei...

Ano ang pre sa CSS style? Ang papel ng mga pre wrapping code tag sa HTML

Kailangan nating matutunan ang ilang pangunahing kaalaman sa CSS at HTML upang makabuo ng isang website gamit ang WordPress: dahil sa mga file ng estilo ng CSS ng ilang mga tema ng WordPress, hindi idinagdag ang mga istilo ng pre at code tag.Karamihan sa mga browser ay kasalukuyang sumusuportamarka. h...