Soporte » WordPress Avanzado » Estilos diferentes en frontend y editor en un bloque de gutenberg

  • Hola!

    Estoy aprendiendo como crear bloques con gutenberg.

    Me cree uno básico con create-block y añadi un formulario que son campos hidden y un botón. Todo bien excepto que en el editor el botón se ve de una manera y en la página/frontend de otra. La página usa los estilos de twentytwentyone en el frontend pero en el editor, no. Twentytwentyone es el tema activo.

    ¿Cuando un bloque en el editor y en la página/frontend se ven diferentes, cual es el camino recomendado? Intente meter en los estilos del editor lo que creo son los estilos del editor de twentytwentyone (/wp-content/themes/twentytwentyone/assets/css/style-editor.css) pero no surtio efecto 🙂

    Gracias!

Viendo 1 respuesta (de un total de 1)
  • Moderador José Arcos

    (@josearcos)

    Hola, @aitorjs. Gracias por seguir la sugerencia de publicar en el foro.

    En cuanto al problema que comentas, hay dos opciones, o bien como lo estás haciendo con CSS pero tendrás que sobrescribir los estilos del tema por defecto, o bien, eliminando todos los estilos de ese tema, pero tendrás que crear a mano todos los estilos para tu sitio. Para ello puedes seguir esta guía: https://digwp.com/2021/09/disable-gutenberg-styles-frontend/

    Desconozco si hay una opción para eliminar los estilos de un bloque en concreto por código que no sea sobrescribiéndolo con CSS.

    Espero haberte ayudado, si tienes más preguntas o la duda sigue en pie, háznoslo saber.

    Un saludo.

Viendo 1 respuesta (de un total de 1)
  • Debes estar registrado para responder a este debate.