Deshabilitado: ¿El tema no agrega un archivo de hoja de estilo llamado editor-style.css?

tener algo que hacerPromoción webamigo, recientemente comencé a aprender a usarsitio web de wordpress.

Habilite el complemento del editor TinyMCE, en la configuración del complemento del editor TinyMCE, encontró tal problema▼

Crear menú de estilo CSS

• Cargue los estilos CSS utilizados en editor-style.css y reemplace el menú Formato.
• Discapacitado: El archivo de hoja de estilo para editor-style.css.
• Discapacitado: Su tema no agregó un archivo de hoja de estilo llamado editor-style.css.

Si ocurre la situación anterior, es posible que el editor visual de WordPress no pueda mostrar el estilo de código que queremos, como por ejemplo:

• blockquote, pre, código...

Solucionar problemas

1. 请问editor-style.cssarchivo, ¿está en el directorio raíz del tema de WordPress?
2. ¿Estás usando child themes (child)?

Cuando estamosback-end de WordPressAl editar un artículo, la visualización de primer plano y de fondo es diferente debido a problemas de estilo CSS...

Pero después de Wordpress 3.0, tiene muy buenas características:

• Es decir, los estilos de anverso y reverso se pueden unificar, por lo que cuando Wordpress edita artículos en segundo plano, también puede verse igual que el anverso.
• Del mismo modo, ya no necesitamos modificar la publicación editada en el backend de WordPress y mostrarla de manera diferente a la interfaz.

Si abrimos el tema predeterminado de Wordpress Twenty Eleven, podemos ver que hay un comentario html y un código como este ▼

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

• Qué significa este comentario: el editor visual coincide con el estilo editor-style.css del tema.
• Esta función también es muy sencilla de implementar, ya que es la función por defecto de WordPress, solo necesitamos activarla.

¿Cómo muestran las publicaciones de WordPress el mismo estilo de texto que la interfaz?

Paso 1:Crear archivo editor-style.css

Paso 2:Agrega el siguiente código al archivo editor-style.css▼

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

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

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

Paso 3:Copie el archivo editor-style.css en el directorio raíz de su tema de WordPress.

4 步:Agrega el siguiente código al archivo 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' );
}

Paso 5:Actualizar la página de edición de publicaciones de WordPress

• Verifique y confirme si los estilos de texto en la parte delantera y trasera de WordPress son iguales.

注意 事项

Si su tema de WordPress no agrega estilos CSS a "quote tag blockquote" y "code tag pre/code", debe agregar el código CSS correspondiente al archivo style.css del tema de WordPress.

Para obtener más información, consulte el siguiente tutorial de creación de sitios web ▼

¿Cómo usar la cotización en bloque? Efecto de demostración de etiqueta HTML blockquote

En la edición de artículos de WordPress, hay un botón común "Blockquote" ▼ Cuando se usa, agregará unMarque para invocar alguna declaración citada o resaltar. ¿Qué significa cita en bloque?El siguiente es Chen Wei...

¿Qué es pre en estilo CSS? El papel de las etiquetas de código de preenvoltura en HTML

Necesitamos aprender algunos conocimientos básicos de CSS y HTML para crear un sitio web con WordPress: debido a los archivos de estilo CSS de algunos temas de WordPress, no se agregan los estilos de etiqueta pre y código.La mayoría de los navegadores actualmente admitenMarcos. h...