Soporte » Guías – Resolución de problemas » Gutenberg: anchura bloques

  • ResueltoModerador almendron

    (@almendron)


    Tras actualizar a WP 5.0 en local con el fin de realizar pruebas, me he encontrado que el bloque de Gutenberg central no ocupaba todo el espacio disponible, tal y como podéis ver en la imagen.

    Para adecuar el ancho del bloque al espacio existente tenemos que hacer dos cosas:

    1. Editamos nuestro plugin de funciones o el archivo functions.php de nuestro tema y añadimos lo siguiente:

    //anchura bloque Gutenberg
    add_theme_support('editor-styles'); // solo para el caso de que nuestro tema no lo soporte ya
    add_editor_style( 'style-editor.css' );

    2.- Creamos el archivo style-editor.css dentro de la carpeta del tema que estemos usando y añadimos las siguientes líneas:

    /* Anchura bloque stylesheet */
    /* Main column width */
    .wp-block {
        max-width: 100% !important;
    }
    
    /* Width of "wide" blocks */
    .wp-block[data-align="wide"] {
        max-width: 1080px;
    }
    
    /* Width of "full-wide" blocks */
    .wp-block[data-align="full"] {
        max-width: none;
    }

    Modificar los valores a vuestro gusto.

    Y os dejo un enlace que me ha facilitado nuestro compañero @weiko para que podáis ampliar más la información.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El tema es que con Gutenberg en la parte de atrás estás viendo lo mismo que en la parte pública de la página. Entonces, si tu tema tiene un ancho para el contenido, digamos de 600px, en la parte de atrás lo vas a ver así para que sea la misma experiencia. Si tienes una pantalla grande se va a ver raro, sí, pero al final es como va a ver la gente tu página.

    De todos modos, perfecto el código para modificarlo para la gente que prefiera verlo así! 🙂

    Moderador almendron

    (@almendron)

    @unintended8 : gracias por la aclaración, pero en mi caso al menos no ha sido así. La anchura de un artículo (class=»entry-content») es de 800 px y la anchura del editor era de 610 px. Como no sea que lo haga teniendo en cuanta la anchura relativa en lugar de la absoluta… ya lo comprobaré.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Gutenberg: anchura bloques’ está cerrado a nuevas respuestas.