Disabilitato: il tema non aggiunge un file di foglio di stile denominato editor-style.css?

avere qualcosa da farePromozione Webamico, di recente ha iniziato a imparare a usarloSito Web WordPress.

Abilita il plug-in dell'editor TinyMCE, nelle impostazioni del plug-in dell'editor TinyMCE, si è verificato un problema del genere▼

Crea menu in stile CSS

• Carica gli stili CSS utilizzati in editor-style.css e sostituisci il menu Formato.
• Disabilitato: Il file del foglio di stile per editor-style.css.
• Disabilitato: Un file di foglio di stile denominato editor-style.css non è stato aggiunto dal tuo tema.

Se si verifica la situazione precedente, l'editor visivo di WordPress potrebbe non essere in grado di visualizzare lo stile di codice che desideriamo, ad esempio:

• citazione in blocco, pre, codice...

Risoluzione dei problemi

1. 请问editor-style.cssfile, è nella directory principale del tema WordPress?
2. Stai usando temi figlio (figlio)?

Quando siamoBackend di WordPressQuando si modifica un articolo, la visualizzazione in primo piano e in background è diversa a causa di problemi di stile CSS...

Ma dopo Wordpress 3.0, ha delle ottime caratteristiche:

• Cioè, gli stili anteriore e posteriore possono essere unificati, quindi quando Wordpress modifica gli articoli in background, può anche avere lo stesso aspetto della parte anteriore.
• Allo stesso modo, non abbiamo più bisogno di modificare il post modificato nel backend di WordPress perché viene visualizzato in modo diverso dal frontend.

Se apriamo il tema predefinito di Wordpress Twenty Eleven, possiamo vedere che c'è un commento html e un codice come questo ▼

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

• Cosa significa questo commento: l'editor visivo corrisponde allo stile editor-style.css del tema.
• Questa funzione è anche molto semplice da implementare, perché è la funzione predefinita di WordPress, dobbiamo solo attivarla.

In che modo i post di WordPress mostrano lo stesso stile di testo del frontend?

1 ：Crea il file editor-style.css

2 ：Aggiungi il codice seguente al file editor-style.css▼

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

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

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

3 ：Copia il file editor-style.css nella directory principale del tuo tema WordPress.

capitolo 4 步:Aggiungi il seguente codice al file 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 ：Aggiorna la pagina di modifica dei post di WordPress

• Verificare e confermare se gli stili di testo nella parte anteriore e posteriore di WordPress sono gli stessi?

注意 事项

Se il tuo tema WordPress non aggiunge stili CSS a "quote tag blockquote" e "code tag pre/code", devi aggiungere il codice CSS corrispondente al file style.css del tema WordPress.

Per i dettagli, consultare il seguente tutorial per la creazione di siti Web ▼

Come usare il blockquote? Effetto demo tag blockquote HTML

Nella modifica degli articoli di WordPress, c'è un comune pulsante "Blockquote" ▼ Se utilizzato, aggiungerà unContrassegna per richiamare alcune affermazioni o evidenziazioni tra virgolette. Cosa significa blockquote?Quello che segue è Chen Wei...

Che cos'è il pre in stile CSS? Il ruolo dei tag di codice di pre wrapping in HTML

Abbiamo bisogno di apprendere alcune conoscenze di base di CSS e HTML per costruire un sito web con WordPress: a causa dei file di stile CSS di alcuni temi WordPress, gli stili pre e code tag non vengono aggiunti.La maggior parte dei browser attualmente supportamarchio. h...