Onemogućeno: Tema ne dodaje datoteku lista stilova pod nazivom editor-style.css?

imati što raditiWeb promocijaprijatelju, nedavno sam počeo učiti koristitiWordPress web stranica.

Omogućite dodatak za uređivač TinyMCE, u postavkama dodatka za uređivač TinyMCE, naišao je na takav problem▼

Napravite izbornik u CSS stilu

• Učitajte CSS stilove koji se koriste u editor-style.css i zamijenite izbornik Format.
• Onemogućeno: Datoteka lista stilova za editor-style.css.
• Onemogućeno: Vaša tema nije dodala datoteku lista stilova pod nazivom editor-style.css.

Ako se dogodi gornja situacija, WordPress vizualni uređivač možda neće moći prikazati stil koda koji želimo, kao što su:

• blockquote, pre, code...

Rješavanje problema

1. Ispričajte meeditor-style.cssdatoteka, je li u korijenskom direktoriju WordPress teme?
2. Koristite li dječje teme (dijete)?

kada smoWordPress backendPrilikom uređivanja članka, prednji i pozadinski prikaz razlikuju se zbog problema sa CSS stilom...

Ali nakon Wordpressa 3.0, ima vrlo dobre karakteristike:

• To jest, prednji i stražnji stilovi mogu se objediniti, tako da kada Wordpress uređuje članke u pozadini, također može izgledati isto kao i prednji dio.
• Slično tome, više ne moramo mijenjati objavu uređenu u pozadini WordPressa i prikazivati ​​je drugačije od sučelja.

Ako otvorimo Wordpressovu zadanu temu Twenty Eleven, možemo vidjeti da postoji html komentar i kôd poput ovog ▼

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

• Što ovaj komentar znači: Vizualni uređivač odgovara stilu editor-style.css teme.
• Ova funkcija je također vrlo jednostavna za implementaciju, jer je to zadana funkcija WordPressa, samo je trebamo aktivirati.

Kako WordPress postovi prikazuju isti stil teksta kao sučelje?

第 1 步:Stvorite datoteku editor-style.css

第 2 步:Dodajte sljedeći kod u datoteku editor-style.css▼

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

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

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

第 3 步:Kopirajte datoteku editor-style.css u korijenski direktorij vaše WordPress teme.

Poglavlje 4 步:Dodajte sljedeći kod u datoteku 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 步:Osvježite WordPress stranicu za uređivanje posta

• Provjerite i potvrdite jesu li stilovi teksta na prednjoj i stražnjoj strani WordPressa isti?

注意 事项

Ako vaša WordPress tema ne dodaje CSS stilove u "quote tag blockquote" i "code tag pre/code", trebate dodati odgovarajući CSS kod u datoteku style.css WordPress teme.

Za pojedinosti pogledajte sljedeće upute za izradu web stranice ▼

Kako koristiti blockquote? Demo učinak oznake HTML blockquote

U uređivanju članaka u WordPressu postoji uobičajeni gumb "Blockquote" ▼ Kada se koristi, dodat će aOznačite za pozivanje na neku citiranu izjavu ili isticanje. Što znači blockquote?Slijedi Chen Wei...

Što je pre u CSS stilu? Uloga kodnih oznaka prije omatanja u HTML-u

Moramo naučiti neka osnovna znanja o CSS-u i HTML-u kako bismo izradili web stranicu s WordPressom: zbog CSS stilskih datoteka nekih WordPress tema, stilovi pre i kodnih oznaka nisu dodani.Većina preglednika trenutno podržavaocjena. h...