Cómo crear CSS personalizado para el editor de WordPress

¿Estás buscando una forma de crear CSS personalizado para el editor de WordPress? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que puede utilizar para crear CSS personalizado para el editor de WordPress en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:

add_editor_style('css/custom-editor-style.css');

El parámetro de add_editor_style() es el nombre de la hoja de estilos relativa a la raíz del tema. También acepta un array de hojas de estilo. Es opcional y por defecto es ‘editor-style.css’.

Este es un ejemplo de un archivo editor_css.css.

body#tinymce.wp-editor { 
    font-family: Arial, Helvetica, sans-serif; 
    margin:10px; 
}

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 43 mejores temas de fotografía para WordPress y cómo crear impresionantes formularios optin en WordPress.