Disabilitatu: U tema ùn aghjunghje micca un schedariu di fogli di stile chjamatu editor-style.css?

avè qualcosa à fàPromozione Webamicu, hà principiatu pocu à amparà à adupràU situ di WordPress.

Attivà u plug-in di l'editor TinyMCE, in i paràmetri di u plug-in di l'editor TinyMCE, hà scontru un tali prublema▼

Disabilitatu: U tema ùn aghjunghje micca un schedariu di fogli di stile chjamatu editor-style.css?

Crea menu in stile CSS

  • Caricà i stili CSS utilizati in editor-style.css è rimpiazzà u menù Format.
  • Disattivatu: U schedariu di stile per editor-style.css.
  • Disattivatu: Un schedariu di foglia di stile chjamatu editor-style.css ùn hè micca statu aghjuntu da u vostru tema.

Se a situazione sopra, l'editore visuale di WordPress ùn pò micca esse capace di vede u stilu di codice chì vulemu, cum'è:

  • blockquote, pre, codice...

Risolve i prublemi

  1. Scusaeditor-style.cssfile, hè in u cartulare radicali di u tema di WordPress?
  2. Aduprate temi di u zitellu (figliolu)?

quandu simuBackend di WordPressQuandu editate un articulu, a visualizazione in primu pianu è in fondu sò diffirenti per via di prublemi di stile CSS...

Ma dopu à Wordpress 3.0, hà assai boni funziunalità:

  • Questu hè, i stili di fronte è di daretu ponu esse unificati, cusì quandu Wordpress edita articuli in u fondu, pò ancu vede u listessu cum'è u fronte.
  • In u listessu modu, ùn avemu più bisognu di mudificà u post editatu in u backend di WordPress è di vede di manera diversa da u frontend.

Se apremu u tema predeterminatu di Wordpress Twenty Eleven, pudemu vede chì ci hè un cumentu html è codice cum'è questu ▼

//此主题使用editor-style.css为可视化编辑器设置样式,以匹配主题样式
add_editor_style();
  • Ciò chì significa stu cumentu: L'editore visuale currisponde à u tema editor-style.css style.
  • Questa funzione hè ancu assai simplice di implementà, perchè hè a funzione predeterminata di WordPress, avemu solu bisognu di attivà.

Cumu i posti di WordPress mostranu u listessu stile di testu cum'è u frontend?

Passu 1:Crea un schedariu editor-style.css

Passu 2:Aghjunghjite u codice seguente à u schedariu editor-style.css ▼

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

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

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

Passu 3:Copia u schedariu editor-style.css à u repertoriu radicali di u vostru tema WordPress.

Capitulu 4 步:Aghjunghjite u seguente codice à u schedariu 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' ); }

Passu 5:Refresh the WordPress post edit page

  • Verificate è cunfirmà se i stili di testu in u fronte è u spinu di WordPress sò listessi?

Precauzioni

Se u vostru tema di WordPress ùn aghjunghje micca stili CSS à u "quote tag blockquote" è "code tag pre/code", avete bisognu di aghjunghje u codice CSS currispundente à u schedariu style.css di u tema di WordPress.

Per i dettagli, verificate u seguente tutoriale di creazione di u situ web ▼

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) hà spartutu "Disabilitatu: U tema ùn aghjunghje micca un schedariu di foglia di stile chjamatu editor-style.css?", utile.

Benvenuti à sparte u ligame di stu articulu:https://www.chenweiliang.com/cwl-966.html

Benvenuti à u canali Telegram di u blog di Chen Weiliang per avè l'ultime aghjurnamenti!

🔔 Siate u primu à uttene a preziosa "Guida d'Utilisazione di l'Utili di l'AI di Marketing di cuntenutu ChatGPT" in u cartulare di u canali! 🌟
📚 Questa guida cuntene un valore enormu, 🌟Questa hè una rara opportunità, ùn mancate micca! ⏰⌛💨
Condividi è mi piace se ti piace!
A vostra spartera è Mi piace sò a nostra motivazione cuntinua!

 

发表 评论

U vostru indirizzu email ùn serà micca publicatu. I campi richiesti sò aduprati * Etichetta

scorri in cima