¿Quieres cambiar la altura y el ancho del bloque en WordPress?
De forma predeterminada, WordPress facilita la creación de hermosos diseños de contenido para sus publicaciones y páginas utilizando bloques. Sin embargo, a veces es posible que desee cambiar el tamaño de los bloques para que se vean mejor.
En este artículo, le mostraremos cómo cambiar fácilmente la altura y el ancho del bloque en WordPress.
¿Por qué cambiar la altura y el ancho del bloque en WordPress?
El editor de bloques le permite agregar contenido a su sitio web de WordPress usando diferentes bloques, incluidos encabezados, párrafos, imágenes, videos, audios y más.
Sin embargo, a veces es posible que desee cambiar el ancho o el alto de un bloque específico para mejorar su apariencia o el diseño del contenido general.
Ajustar el tamaño de los bloques también puede garantizar que su contenido responda y se muestre correctamente en todos los dispositivos, incluidos teléfonos, tabletas y computadoras portátiles.
Por ejemplo, es posible que haya subido una imagen al editor de contenido, pero es demasiado grande y hace que la página no sea atractiva.
O es posible que desee cambiar el tamaño del bloque de encabezado para alinearse mejor con el contenido.
Al ajustar el ancho y la altura de los bloques, puede hacer que sus publicaciones y páginas sean más agradables estéticamente.
Dicho esto, veamos cómo cambiar fácilmente la altura y el ancho del bloque en WordPress.
Método 1: cambie la altura y el ancho del bloque usando la configuración del bloque
Para este método, le mostraremos cómo cambiar la altura y el ancho de un bloque utilizando la configuración predeterminada que ofrece WordPress.
Actualmente, WordPress no ofrece las mismas opciones de escalado para todos los bloques. Sin embargo, el editor de bloques ofrece muchas formas de cambiar el tamaño de la altura y el ancho de diferentes bloques.
Comencemos con el bloque Imagen en WordPress.
Primero, puede cambiar la alineación del bloque Imagen haciendo clic en el botón «Alinear» en la barra de herramientas sobre el bloque.
Aquí, al elegir la opción ‘Ancho ancho’, el bloque tendrá el mismo ancho que el contenedor.
O bien, la opción de alineación «Ancho completo» hará que el bloque ocupe todo el ancho de la página.
También puede cambiar el tamaño de un bloque yendo al panel «Configuración de bloque» a la derecha y desplazándose hacia abajo hasta la sección «Configuración». Desde aquí, puede cambiar el tamaño de un bloque desde el menú desplegable «Tamaño de imagen».
También puede ajustar el ancho y el alto del bloque escribiendo su tamaño de píxel preferido en los cuadros «Ancho» y «Alto» en la sección «Tamaño de la imagen».
Debajo de eso, también puede ajustar el tamaño del bloque por porcentaje.
Otra forma de cambiar el tamaño de un bloque de imagen es hacer clic en la imagen para mostrar un borde azul con anclas circulares.
Luego, simplemente arrastre estos anclajes para cambiar la altura y el ancho del bloque de imagen.
Cuando haya terminado, haga clic en el botón «Actualizar» o «Publicar» para almacenar su configuración.
Método 2: cambie la altura y el ancho del bloque usando el bloque de columnas
Si el bloque que desea cambiar de tamaño no viene con botones de alineación o configuraciones de cambio de tamaño, este método es para usted.
Para este método, colocaremos nuestro bloque dentro del bloque Columnas. Funciona como un contenedor donde puedes agregar bloques en cada columna. Luego, puede cambiar el tamaño de esos bloques ajustando la altura y el ancho de las columnas.
Primero, deberá hacer clic en el botón «Agregar bloque» (+) en la esquina superior izquierda de la pantalla.
Desde aquí, simplemente ubique y agregue el bloque Columnas a su editor de contenido. Luego, se le pedirá que elija una variación.
Después de eso, el diseño de la columna aparecerá en la pantalla y ahora puede agregar el bloque que desee haciendo clic en el botón «Agregar bloque (+)» dentro de una columna.
Una vez que se ha agregado el bloque, puede cambiar su tamaño usando la ‘Configuración de columna’ que se encuentra en el panel derecho.
Cuando haya terminado, simplemente haga clic en el botón «Publicar» para almacenar sus cambios.
Así es como se veía el contenido de nuestro sitio web de demostración después de cambiar el tamaño y alinear dos bloques de párrafos dentro de un bloque de dos columnas.
Método 3: cambie la altura y el ancho del bloque usando el bloque de grupo
También puede ajustar el ancho y la altura de los bloques usando el bloque de grupo. Le permite agrupar diferentes bloques y diseñarlos juntos.
Primero, deberá hacer clic en el botón «Agregar bloque» (+) en la parte superior. A continuación, debe ubicar y agregar el bloque de grupo al editor de contenido.
Una vez que haya hecho eso, el bloque Grupo mostrará tres opciones de diseño diferentes entre las que puede elegir. Para este tutorial, usaremos el diseño «Grupo».
Después de eso, el botón «Agregar bloque» aparecerá en la pantalla. Ahora puedes agregar cualquier bloque que quieras.
En este tutorial, agregaremos y cambiaremos el tamaño de un bloque de encabezado, un bloque de párrafo y un bloque de imagen.
Para agregar más bloques al grupo, debe hacer clic en el botón «Seleccionar grupo» de la barra de herramientas del bloque.
Una vez que se selecciona el grupo, simplemente haga clic en el botón «Agregar bloque» (+) en la parte inferior.
Al hacer clic en el botón «Seleccionar grupo» también se abre la configuración del bloque en la columna de la derecha. Desde aquí, puede ajustar fácilmente el diseño, la justificación y la orientación de todos los bloques.
Cambiar el diseño también cambiará los diferentes tamaños de bloque. Puede configurar estos ajustes hasta que esté satisfecho con el resultado.
Cuando haya terminado, haga clic en el botón «Actualizar» o «Publicar» para almacenar su configuración.
Así es como se veía el bloque de grupo en nuestro sitio web de demostración.
Método 4: cambie la altura del bloque usando el bloque de cubierta
Este método de escala es para usted si desea utilizar el bloqueo de la cubierta. Le permite mostrar texto y otro contenido sobre una imagen o video.
Primero, deberá hacer clic en el botón «Agregar bloqueo» (+) en la parte superior y encontrar el bloqueo de la cubierta.
Una vez que haya hecho eso, se le pedirá que elija un color o cargue una imagen de su biblioteca de medios de WordPress. Esta imagen o color se usará como fondo para el candado de la cubierta.
Luego, simplemente arrastre y suelte cualquier bloque que desee en el bloque Portada.
A continuación, debe hacer clic en el bloqueo de la cubierta para abrir la configuración de bloqueo en la columna de la derecha.
Desde aquí, desplácese hacia abajo hasta el panel «Tamaño», donde puede ajustar la altura del bloque de la cubierta usando píxeles.
Finalmente, no olvide hacer clic en el botón «Guardar cambios» para guardar su configuración.
Para obtener instrucciones más detalladas sobre cómo usar el bloque Portada, recomendamos consultar nuestra guía para principiantes sobre Imagen de portada frente a Imagen de portada. Imagen destacada en el editor de bloques de WordPress.
Bonificación: cree hermosas páginas usando bloques avanzados en SeedProd
Puede crear fácilmente páginas hermosas y estéticamente agradables usando el archivo Producto de semilla conectar.
Es el mejor creador de páginas de WordPress del mercado que le permite crear páginas de destino utilizando bloques. Estos bloques también son muy fáciles de personalizar y cambiar de tamaño para adaptarse a sus necesidades.
Primero, deberá instalar y activar el archivo Producto de semilla conectar. Para obtener más detalles, puede leer nuestra guía sobre cómo instalar un plugin de WordPress.
Nota: SeedProd también ofrece una versión gratuitapero usaremos la versión premium para este tutorial.
Después de la activación, debe ir a SeedProd » Ajustes desde su panel de WordPress e ingrese su clave de licencia en el cuadro «Clave de licencia».
Puede encontrar su clave de licencia en la página de su cuenta en el sitio web de SeedProd.
A continuación, debe visitar el SeedProd » Páginas de destino captura de pantalla de la barra lateral de administración para comenzar a crear una página de destino.
Desde aquí, haga clic en el botón «Agregar nueva página de destino».
Ahora accederá a la página «Elegir una nueva plantilla de página». SeedProd ofrece muchas plantillas prediseñadas entre las que puede elegir.
Después de seleccionar una plantilla, se le pedirá que proporcione un nombre y una URL para su página de destino.
Una vez que haya agregado estos detalles, simplemente haga clic en el botón ‘Guardar y comenzar a editar la página’ para continuar.
Esto iniciará el generador de páginas de arrastrar y soltar de SeedProd, donde ahora puede comenzar a editar su página.
Para obtener instrucciones más detalladas, consulte nuestra guía sobre cómo crear una página de destino con WordPress.
Para este tutorial, agregaremos y cambiaremos el tamaño de un bloque de imagen y un bloque de botón.
Primero, deberá arrastrar el bloque Imagen desde el panel de bloques de la izquierda y soltarlo donde desee en la página.
Luego, simplemente haga clic en el bloque Imagen para abrir la configuración del bloque en la columna de la izquierda. Desde aquí, puede cargar una imagen de su biblioteca de medios.
Más tarde, puede cambiar la altura y el ancho del bloque usando píxeles o porcentajes.
También puede ajustar el tamaño y la posición de la imagen cambiando a la pestaña «Avanzado» en la parte superior del panel de configuración.
Luego, haga clic en el panel Espaciado para expandir su configuración.
Aquí, simplemente agrega valores para ajustar el margen del bloque y el relleno para satisfacer sus necesidades.
Puede ajustar el margen y el relleno para las áreas superior, inferior, izquierda y derecha del bloque.
Con Seedprod, también puede agregar un espaciador de bloques entre dos bloques diferentes para dejar algo de espacio entre ellos.
Primero, deberá ubicar y agregar el bloque «Espaciador» de la columna izquierda. Luego, haga clic en él para abrir su configuración.
Ahora puede controlar la altura del espaciador con el control deslizante «Altura».
El bloque espaciador puede ayudarlo a crear un sitio web despejado.
También puede cambiar el ancho y la altura de otros bloques de la misma manera, incluidos los bloques de video, encabezado y botón.
Simplemente busque el bloque Botón en la columna de la izquierda y arrástrelo a su página.
A continuación, deberá hacer clic en el botón para abrir su configuración de bloqueo.
Desde aquí, cambie a la pestaña «Avanzado» desde la parte superior. Puede cambiar la altura del bloque arrastrando el control deslizante «Relleno vertical».
Para cambiar el ancho, arrastre el control deslizante «Relleno horizontal» en la columna de la izquierda.
Cuando haya terminado, no olvide hacer clic en el botón «Guardar».
Esperamos que este artículo te haya ayudado a aprender cómo cambiar el ancho y la altura del bloque en WordPress. Es posible que también desee ver nuestro artículo sobre cómo agregar y alinear imágenes en el editor de bloques de WordPress y nuestras mejores opciones para los plugins de WordPress imprescindibles para hacer crecer su sitio.
¿Te ha resultado útil??
0 / 0