Anabl: Nid yw'r thema yn ychwanegu ffeil arddull o'r enw editor-style.css?

Dechreuodd ffrind i mi sydd eisiau gwneud marchnata ar-lein ddysgu sut i adeiladu gwefan gan ddefnyddio WordPress yn ddiweddar.

Galluogi ategyn golygydd TinyMCE, yng ngosodiadau ategyn golygydd TinyMCE, wedi dod ar draws problem o'r fath▼

Creu dewislen arddull CSS

• Llwythwch yr arddulliau CSS a ddefnyddir yn editor-style.css a disodli'r ddewislen Fformat.
• Anabl: Y ffeil taflen arddull ar gyfer editor-style.css.
• Anabl: Ni ychwanegwyd ffeil dalen arddull o'r enw editor-style.css gan eich thema.

Os bydd y sefyllfa uchod yn digwydd, efallai na fydd golygydd gweledol WordPress yn gallu arddangos yr arddull cod yr ydym ei eisiau, megis:

• blockquote, cyn, cod...

Datrys problemau

1. Esgusodwch fieditor-style.cssffeil, a yw yng nghyfeiriadur gwraidd y thema WordPress?
2. Ydych chi'n defnyddio themâu plant?

Pan fyddwn yn golygu postiadau yn y panel gweinyddol WordPress , mae'r blaen a'r cefn yn ymddangos yn wahanol oherwydd problemau arddull CSS…

Ond ar ôl Wordpress 3.0, mae ganddo nodweddion da iawn:

• Hynny yw, gellir uno'r arddulliau blaen a chefn, felly pan fydd Wordpress yn golygu erthyglau yn y cefndir, gall hefyd edrych yr un fath â'r blaen.
• Yn yr un modd, nid oes angen i ni bellach addasu'r post a olygwyd yn y backend WordPress oherwydd ei fod yn cael ei arddangos yn wahanol i'r blaen.

Os byddwn yn agor thema rhagosodedig Wordpress Twenty Eleven, gallwn weld bod sylw a chod html fel hyn ▼

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

• Beth mae'r sylw hwn yn ei olygu: Mae'r golygydd gweledol yn cyfateb i arddull golygydd thema-style.css.
• Mae'r swyddogaeth hon hefyd yn syml iawn i'w gweithredu, oherwydd dyma swyddogaeth ddiofyn WordPress, does ond angen i ni ei actifadu.

Sut mae postiadau WordPress yn arddangos yr un arddull testun â'r pen blaen?

Cam 1: Creu'r ffeil editor-style.css

Cam 2: Ychwanegwch y cod canlynol at y ffeil editor-style.css ▼

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

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

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

Cam 3: Copïwch y ffeil editor-style.css i gyfeiriadur gwraidd eich thema WordPress.

Cam 4 : Ychwanegwch y cod canlynol at y ffeil 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' );
}

Cam 5: Adnewyddu tudalen golygu postiadau WordPress

• Gwiriwch a chadarnhewch a yw'r arddulliau testun ym mlaen a chefn WordPress yr un peth?

注意 事项

Os nad yw'ch thema WordPress yn ychwanegu arddulliau CSS at y "quote tag blockquote" a "code tag pre/code", mae angen i chi ychwanegu'r cod CSS cyfatebol at ffeil style.css y thema WordPress.

Am fanylion, gwiriwch y tiwtorial adeiladu gwefan canlynol ▼

🔗Sut i ddefnyddio blockquote? effaith demo tag blockquote yn HTML

🔗 Beth yw cyn yn arddull CSS? Rôl tag cod lapio llinell cyn awtomatig yn HTML