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

imati nešto da radimWeb promocijaprijatelju, nedavno sam počeo da učim da koristimWordPress web stranica.

Omogućite dodatak TinyMCE editor, u postavkama TinyMCE editor plug-ina, naišao na takav problem▼

Kreirajte CSS stil menija

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

Ako se dogodi gore navedena situacija, WordPress vizualni uređivač možda neće moći prikazati željeni stil koda, kao što je:

• blok citat, pre, kod...

Rješavanje problema

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

kada jesmoWordPress backendPrilikom uređivanja članka, prikaz u prednjem planu i u pozadini se razlikuju zbog problema sa CSS stilom...

Ali nakon Wordpress 3.0, ima veoma dobre karakteristike:

• Odnosno, prednji i stražnji stilovi mogu biti objedinjeni, tako da kada Wordpress uređuje članke u pozadini, on također može izgledati isto kao prednji.
• Slično tome, više ne moramo mijenjati objavu uređenu u WordPress backendu i prikazivati ​​ga drugačije od frontenda.

Ako otvorimo Wordpress-ovu zadanu temu Twenty Eleven, možemo vidjeti da postoji html komentar i kod poput ovog ▼

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

• Šta ovaj komentar znači: Vizuelni 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 frontend?

Korak 1:Kreirajte editor-style.css fajl

Korak 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;
}

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

4st Korak: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' );
}

Korak 5:Osvježite stranicu za uređivanje postova na WordPressu

• Provjerite i potvrdite da li su stilovi teksta na prednjoj i stražnjoj strani WordPress-a isti?

Predostrožnosti

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

Za detalje, pogledajte sljedeći vodič za izradu web stranice ▼

Kako koristiti blok citata? Demo efekat oznake HTML blok citata

U WordPress uređivanju članaka, postoji uobičajeno dugme "Blockquote" ▼ Kada se koristi, ono će dodatiOznačite za pozivanje neke citirane izjave ili isticanje. Šta znači blok citat?Sledi Chen Wei...

Šta je pre u CSS stilu? Uloga prethodnog premotavanja oznaka koda u HTML-u

Moramo naučiti osnovna znanja o CSS-u i HTML-u da bismo napravili web stranicu sa WordPress-om: zbog CSS stilskih datoteka nekih WordPress tema, stilovi oznaka pre i koda se ne dodaju.Većina pretraživača trenutno podržavamark. h...