¿Está buscando una forma de crear CSS personalizado para el editor de WordPress? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puede usar para crear CSS personalizado para el editor de WordPress en WordPress.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a 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 una matriz de hojas de estilos. 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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: 43 mejores temas de fotografía para WordPress y cómo crear impresionantes formularios de opción de WordPress.
Comentarios Deja una respuesta