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

Jedan moj prijatelj koji se želi baviti online marketingom nedavno je počeo učiti kako izraditi web stranicu pomoću WordPressa.

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 uređujemo objave u WordPress administratorskoj ploči , prednji i stražnji dio se prikazuju drugačije 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?

Korak 1: Izradite datoteku editor-style.css

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.

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

Korak 5: Osvježite WordPress stranicu za uređivanje objava

• 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 blok citat? Demo efekt oznake blockquote u HTML-u

🔗Što je pre u CSS stilu? Funkcija oznake koda za automatski prijelom retka u HTML-u