Cómo cambiar la altura y el ancho del bloque en WordPress

¿Quieres cambiar la altura y el ancho de un 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 desea 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 de un 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 utilizando una variedad de bloques, incluidos encabezados, párrafos, imágenes, videos, audio y más.

Sin embargo, a veces desea cambiar el ancho o el alto de un bloque en particular para mejorar su apariencia o el diseño de todo el contenido.

Ajustar el tamaño del bloque 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 se vea fea.

O es posible que desee cambiar el tamaño del bloque de título para que se ajuste mejor al contenido.

Al ajustar el ancho y la altura de los bloques, puede hacer que sus publicaciones y páginas se vean más agradables estéticamente.

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 proporcionada por WordPress.

Actualmente, WordPress no ofrece las mismas opciones de cambio de tamaño para todos los bloques. Sin embargo, el editor de bloques ofrece muchas formas de cambiar la altura y el ancho de diferentes bloques.

Comencemos con el bloque gráfico en WordPress.

Primero, puede cambiar la alineación del bloque de imagen haciendo clic en el botón Alineación en la barra de herramientas sobre el bloque.

Si selecciona aquí la opción 'Ancho Ancho', el bloque tiene el mismo ancho que el contenedor.

O la opción de alineación "Ancho completo" hace que el bloque ocupe todo el ancho de la página.

También puede cambiar el tamaño del bloque yendo al panel de configuración del bloque a la derecha y desplazándose hacia abajo hasta la sección de configuración. Desde aquí puede cambiar el tamaño del bloque desde el menú desplegable Tamaño de la imagen.

También puede ajustar el ancho y el alto del bloque ingresando su tamaño de píxel preferido en los campos Ancho y Alto en la sección Dimensiones de la imagen.

A continuación, también puede ajustar el tamaño del bloque en porcentaje.

Otra forma de cambiar el tamaño de un bloque de imagen es hacer clic en la imagen para revelar un marco azul con anclas redondas.

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 guardar la 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 tiene botones de ajuste o configuración de cambio de tamaño, entonces este método es para usted.

Para este método, colocaremos nuestro bloque dentro del bloque de columnas. Actúa como un contenedor donde puede agregar bloques en cada columna. Luego puede cambiar el tamaño de estos bloques ajustando la altura y el ancho de las columnas.

Primero, debe hacer clic en el botón Agregar bloque (+) en la esquina superior izquierda de la pantalla.

Desde aquí, simplemente busque el bloque de columnas y agréguelo al editor de contenido. A continuación, se le pedirá que seleccione una opción.

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 (+)" en una columna.

Una vez que se agrega el bloque, puede cambiar su tamaño usando Configuración de columna en el panel derecho.

Cuando haya terminado, simplemente haga clic en el botón "Publicar" para guardar los cambios.

Así es como se veía el contenido de nuestro sitio de demostración después de cambiar el tamaño y alinear dos bloques de párrafos en 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 con el bloque de grupo. Puede agrupar diferentes bloques y diseñar juntos.

Primero, debe hacer clic en el botón Agregar bloque (+) en la parte superior. A continuación, debe encontrar el bloque de grupo y agregarlo al editor de contenido.

Una vez que haga esto, el bloque de grupo mostrará tres opciones de diseño diferentes para elegir. Para este tutorial usaremos el diseño de grupo.

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 título, un bloque de párrafo y un bloque de imagen.

Para agregar varios bloques al grupo, debe hacer clic en el botón "Seleccionar grupo" en la barra de herramientas del bloque.

Una vez que se selecciona el grupo, simplemente haga clic en el botón Agregar bloque (+) a continuación.

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í puedes ajustar fácilmente el diseño, la orientación y la alineación de todos los bloques.

Cambiar el diseño también cambia los diferentes tamaños de bloque. Puede cambiar la configuración de estos ajustes hasta que esté satisfecho con el resultado.

Cuando haya terminado, haga clic en el botón Actualizar o Publicar para guardar la configuración.

Así es como se veía el bloque de grupo en nuestro sitio web de demostración.

Método 4: cambiar la altura del bloque con el bloque de la tapa

Este método de cambio de tamaño es para ti si quieres usar Cover Block. Le permite mostrar texto y otro contenido sobre una imagen o video.

Primero, debe hacer clic en el botón Agregar bloque (+) en la parte superior y buscar Bloque de portada.

Una vez que haya hecho esto, se le pedirá que elija un color o cargue una imagen de la biblioteca de medios de WordPress. Esta imagen o color se usará como fondo para el Bloque de portada.

Luego simplemente arrastre y suelte cada bloque en el Bloque de portada.

Luego, debe hacer clic en el bloque de portada para abrir su configuración de bloque en la columna de la derecha.

Desde aquí, desplácese hacia abajo hasta la sección Dimensiones, donde puede usar píxeles para ajustar la altura del bloque superpuesto.

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 de portada, consulte nuestra Guía para principiantes sobre la Imagen de portada frente a la Imagen destacada en el Editor de bloques de WordPress.

Bonificación: cree hermosas páginas con bloques avanzados en SeedProd

Con él puedes crear fácilmente páginas hermosas y estéticamente agradables. Producto de semilla enchufar.

Es el mejor generador de páginas de WordPress que le permite crear páginas de destino con bloques. Estos bloques también son muy fáciles de personalizar y adaptar a tus necesidades.

Primero necesitas instalarlo y activar Producto de semilla enchufar. Para obtener más detalles, puede leer nuestra guía sobre cómo instalar un complemento de WordPress.

Después de la activación, debe ir SeedProd » Ajustes página del panel de control de WordPress e ingrese la clave de licencia en el campo "Clave de licencia".

Puede encontrar la clave de licencia en la página de su cuenta en el sitio web de SeedProd.

Entonces debes visitar SeedProd » Páginas de aterrizaje Pantalla desde la barra lateral de administración para comenzar a crear una página de destino.

Desde aquí, simplemente haga clic en el botón "Agregar nueva página de destino".

Ahora accederá a la página Elegir nueva plantilla de página. SeedProd ofrece muchas plantillas prefabricadas para 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 para 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, debe arrastrar el bloque de imagen desde el área de bloques a la izquierda y soltarlo en cualquier lugar de la página.

Luego, simplemente haga clic en el bloque de imagen para abrir su configuración de bloque en la columna de la izquierda. Desde aquí puede cargar una imagen de su biblioteca de medios.

Luego 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 yendo a la pestaña Avanzado en la parte superior del panel de configuración.

Luego simplemente haga clic en el cuadro de distancia para expandir su configuración.

Simplemente agregue valores aquí para ajustar el borde y el relleno del bloque a sus necesidades.

Puede ajustar el marco y la almohadilla para las secciones superior, inferior, izquierda y derecha del bloque.

Seedprod también le permite agregar un bloque espaciador entre dos bloques diferentes para crear algo de espacio entre ellos.

Primero debe buscar y agregar el bloque "Espaciador" de la columna izquierda. Luego haga clic en él para abrir la configuración.

Ahora puede controlar la altura del espaciador con el control deslizante de altura.

El bloque divisor puede ayudarlo a crear un sitio web claro.

También puede cambiar el ancho y la altura de otros bloques de la misma manera, incluidos los bloques de video, título y botón.

Simplemente busque el bloque de botones en la columna de la izquierda y arrástrelo a su página.

Después de eso, debe hacer clic en el botón para abrir la configuración del bloque.

De aquí vaya a la pestaña Avanzado en la parte superior. Puede cambiar la altura del bloque arrastrando el control deslizante Relleno vertical.

Para cambiar el ancho, arrastre el control deslizante Espaciado 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. También puede consultar nuestro artículo sobre cómo agregar y alinear imágenes en el editor de bloques de WordPress y nuestras mejores opciones para los complementos de WordPress imprescindibles para mejorar su sitio.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es Y Facebook.