Desactivat: el tema no afegeix un fitxer de full d'estil anomenat editor-style.css?

tenir alguna cosa a ferPromoció webamic, recentment va començar a aprendre a utilitzarLloc web de WordPress.

Habilita el connector de l'editor TinyMCE, a la configuració del connector de l'editor TinyMCE, s'ha trobat aquest problema▼

Crea un menú d'estil CSS

• Carregueu els estils CSS utilitzats a editor-style.css i substituïu el menú Format.
• Desactivat: El fitxer del full d'estil per a editor-style.css.
• Desactivat: El vostre tema no ha afegit un fitxer de full d'estil anomenat editor-style.css.

Si es produeix la situació anterior, és possible que l'editor visual de WordPress no pugui mostrar l'estil de codi que volem, com ara:

• cita de bloc, pre, codi...

Solucionar problemes

1. Disculpeu-meeditor-style.cssfitxer, està al directori arrel del tema de WordPress?
2. Estàs utilitzant temes infantils (infant)?

quan somBackend de WordPressQuan editeu un article al mig, a causa del problema d'estil CSS, la visualització en primer pla i en segon pla són diferents...

Però després de Wordpress 3.0, té característiques molt bones:

• És a dir, els estils frontal i posterior es poden unificar, de manera que quan Wordpress edita articles en segon pla, també pot semblar el mateix que el davant.
• De la mateixa manera, ja no necessitem modificar la publicació editada al backend de WordPress perquè es mostra de manera diferent a la interfície.

Si obrim el tema predeterminat de Wordpress Twenty Eleven, podem veure que hi ha un comentari html i un codi com aquest ▼

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

• Què significa aquest comentari: l'editor visual coincideix amb l'estil editor-style.css del tema.
• Aquesta funció també és molt senzilla d'implementar, ja que és la funció predeterminada de WordPress, només cal que l'activem.

Com mostren les publicacions de WordPress el mateix estil de text que la interfície?

Cap 1 步：Creeu un fitxer editor-style.css

Cap 2 步：Afegiu el codi següent al fitxer editor-style.css▼

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

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

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

Cap 3 步：Copieu el fitxer editor-style.css al directori arrel del vostre tema de WordPress.

Capítol 4 步:Afegiu el codi següent al fitxer 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' );
}

Cap 5 步：Actualitzeu la pàgina d'edició de publicacions de WordPress

• Comproveu i confirmeu si els estils de text a la part davantera i posterior de WordPress són els mateixos?

注意 事项

Si el vostre tema de WordPress no afegeix estils CSS a "quote tag blockquote" i "code tag pre/code", heu d'afegir el codi CSS corresponent al fitxer style.css del tema de WordPress.

Per obtenir més informació, consulteu el següent tutorial de creació de llocs web ▼

Com utilitzar blockquote? Efecte de demostració de l'etiqueta HTML blockquote

A l'edició d'articles de WordPress, hi ha un botó comú "Blockquote" ▼ Quan s'utilitza, afegirà unMarca per invocar alguna afirmació citada o ressaltar. Què significa blockquote?El següent és Chen Wei...

Què és pre en estil CSS? El paper de les etiquetes de codi d'embolcall previ en HTML

Hem d'aprendre alguns coneixements bàsics de CSS i HTML per construir un lloc web amb WordPress: a causa dels fitxers d'estil CSS d'alguns temes de WordPress, no s'afegeixen els estils d'etiquetes pre i codi.La majoria dels navegadors admeten actualmentsenyal. h...