En WordPress, si deseas que un bloque o imagen ocupe el ancho completo, puedes hacerlo utilizando las opciones de alineación y ancho proporcionadas por Gutenberg y tu tema.
Agregar ancho completo
Abre la página o entrada de WordPress donde deseas aplicar el ancho completo y selecciona el bloque al que le deseas dar ese formato.
El problema es que en algunos temas no tiene la opción del ancho completo. A veces hace falta forzar que las imágenes o bloques se vean en absoluta full width.
opciones de ancho completo.
Usando CSS
Aquí te dejo este código para sumarle al personalizador de CSS.
.alignwide {
/* Set these margins to work with your own theme. */
margin-left: -80px;
margin-right: -80px;
max-width: 100vw;
}
.alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
}
.alignfull img {
width: 100vw;
}
También será necesario modificar el archivo functions.php
Agrega el siguiente código:
function mi_theme_setup() {
add_theme_support( 'align-wide' );
}
add_action( 'after_setup_theme', 'mi_theme_setup' );
Configurar la alineación
Con esto ya debería aparecer la opción, donde podrás añadir imágenes o bloques con el ancho completo. Busca la opción de «Alineación» (Alignment) y selecciona «Ancho completo» (Full width) o «Amplio» (Wide) según tus necesidades. Algunos temas pueden tener opciones ligeramente diferentes, pero generalmente tendrán algo similar a «Ancho completo».
Estos pasos son generales y deberían funcionar en la mayoría de los temas de WordPress. Sin embargo, ten en cuenta que la interfaz de Gutenberg y las opciones específicas pueden variar según las versiones de WordPress y los temas.
