El bloque de filas de WordPress es un bloque de diseño importante que le permite organizar su contenido en una fila horizontal. Este es un bloque versátil que se puede usar en cualquier parte del editor de WordPress para organizar contenido en plantillas, partes de plantillas, así como publicaciones y páginas. En esta publicación, explicaremos qué es, cómo usarlo y responderemos sus preguntas candentes al respecto. Sigamos con eso.
¿Qué es un bloque de filas de WordPress?
Un bloque de fila funciona como un bloque de pila. Sin embargo, en lugar de mostrar elementos en forma vertical, muestra bloques en forma horizontal dentro del espacio disponible del contenedor principal. De forma predeterminada, el bloque distribuirá uniformemente los bloques que contiene, y utiliza la propiedad flex CSS para mostrar el contenido en formato de cuadrícula en pantallas más pequeñas.
Si está utilizando un creador de páginas como Divi, no es necesario un bloque de filas. Puede usar Divi Builder para agregar filas y otros elementos con opciones de diseño más avanzadas.
Cómo agregar un bloque de líneas a una publicación o página
En esta publicación, lo agregaremos usando el tema Twenty Twenty-Three, pero puede usar cualquier tema de bloque o tema de edición de sitio completo. Comience iniciando sesión en su sitio de WordPress. A continuación, agregue una nueva página.
Hay varias formas de agregar un bloque a su sitio desde el directorio de bloques. La primera forma es utilizar la inserción de bloques. Hacer clic Insertar icono de bloques en la esquina superior izquierda de su página.
Luego escribe fila en la barra de búsqueda. Encuéntralo en los resultados de búsqueda y haz clic para agregarlo o arrástralo al editor de páginas.
Una forma alternativa de agregar un bloque es haciendo clic en + icono en el editor de páginas o simplemente comienza a escribir /fila revelar los resultados del bloque. Haga clic en un bloque de filas para insertarlo en la página.
Una vez que agrega una fila a una página, puede insertar cualquier cantidad de bloques en ella. Los bloques se muestran dependiendo de si eliges apilarlos o no. Cubriremos esto más en la siguiente sección. De forma predeterminada, al agregar bloques, aparecen en una fila de izquierda a derecha.
Configuración y opciones de bloqueo de filas
El bloque de filas de WordPress se puede personalizar con la configuración de la barra de herramientas y configuraciones adicionales. Aquí hay un resumen de las configuraciones disponibles.
Configuración de la barra de herramientas
El grupo de configuración de la barra de herramientas consta de varias configuraciones, como se muestra en la siguiente imagen:
- Transformar en
- Jalar
- mover
- Justificación
- Alineamiento vertical
- Ancho
- Más posibilidades
Transformar en
El primero en la lista es convertir a Tienes algunas opciones aquí.
Puede convertir una fila en una cita, desempaquetarla, convertirla en columnas o convertirla en una portada. Cuando expande una fila, cada bloque dentro de ella se apilará uno encima del otro en lugar de mostrarse de izquierda a derecha. Gutenberg proporcionará una vista previa de cómo se verá su fila cuando se descomprima.
Una vez convertida en portada, puede agregar una imagen de fondo, una superposición de fondo y configurar el relleno. Al seleccionar esta opción, la fila se convierte en un bloque de cobertura, pero los bloques permanecen en la misma fila.
Arrastra y mueve
La opción de arrastrar le permite reposicionar el bloque en cualquier lugar de la página. Esto es útil para diseños de página complejos con muchas secciones de contenido. De manera similar, mover le permitirá mover una fila hacia arriba o hacia abajo en la página sin tener que arrastrarla.
Justificación
La configuración de justificación le permite alinear elementos en una fila a la izquierda, al centro, a la derecha o espaciar uniformemente elementos en una fila de izquierda a derecha.
Alineación
Con la herramienta de alineación, puede alinear los bloques contenidos en una fila en la parte superior, central o inferior.
control de ancho
Puede especificar un ancho de bloque de hasta 650 píxeles de ancho, 1200 píxeles de ancho o ancho completo. Las filas de ancho completo abarcan todo el ancho de la página, lo cual es bueno para filas convertidas en portadas o secciones de CTA.
Más posibilidades
En Más opciones, podrá hacer cosas como copiar, duplicar, insertar, mover, bloquear, agrupar, desagrupar, eliminar o crear un bloque reutilizable a partir de una fila.
Configuraciones de bloque adicionales
En los ajustes adicionales encontrarás varias opciones. Para localizar configuraciones de bloque adicionales, haga clic en el botón pestaña de bloque esta en la barra lateral ajustes para bloque de hileras.
Primero, puede organizar los bloques en su fila horizontal o verticalmente.
A continuación, puede establecer las opciones de alineación y orientación, así como establecer bloques para ajustarse a varias líneas. Las opciones de justificación son las mismas que en la configuración de la barra de herramientas. Puede configurar sus bloques para que estén alineados a la izquierda, alineados al centro, alineados a la derecha o alineados uniformemente. La orientación funciona de manera similar a las opciones apiladas, ya que puede elegir la orientación horizontal o vertical.
En las opciones de color, puede cambiar los colores del texto, el fondo y los enlaces en los bloques de filas. Según el tema que utilice, los colores de fondo degradados están disponibles además de los colores sólidos.
Las opciones de tipografía se pueden configurar para cualquier texto contenido en una línea. Puede configurar la familia de fuentes, el tamaño de la fuente, el peso de la fuente (apariencia), la altura de la línea, el espaciado entre letras, la decoración del texto y las mayúsculas.
Los ajustes de dimensión controlan el relleno así como el espacio entre bloques. El espacio entre bloques controla la cantidad de espacio entre bloques.
La última configuración controla el borde y el radio del borde de la fila. Las unidades incluyen píxeles, porcentaje, em, rem, vh y vw.
Sugerencias y mejores prácticas para usar el bloque de filas de manera efectiva
El bloque de filas es un bloque versátil que te permitirá hacer muchas cosas geniales, aplicar efectos geniales a los bloques y mantener tu contenido organizado. Hay algunas cosas que debe considerar para usar el bloque de manera efectiva. Usarlo es una excelente manera de agregar diferentes efectos a grupos de bloques. Por ejemplo, al crear secciones de CTA en su sitio, puede usar un bloque de CTA, pero sus usos son limitados. En su lugar, considere usar una fila para poder agregar cualquier tipo de bloque.
Además, el uso de una fila le permite establecer las opciones de ancho, alineación vertical y fondo para un grupo de bloques. Esto puede ser útil cuando intenta llamar la atención sobre una sección específica de su sitio, como un grupo de publicaciones.
Otro consejo a tener en cuenta al usar filas es usar la vista de lista. La vista de lista es útil, especialmente cuando tiene muchos bloques en una página. Puede definir fácilmente dónde comienzan y terminan las filas, arrastrar bloques a otros lugares de la fila para organizarlos y agregar nuevos bloques exactamente donde los desee.
Preguntas frecuentes sobre el bloque de filas
El bloque de filas es un bloque complejo con muchos usos y características, por lo que definitivamente tendrá algunas preguntas. Espero que ayude.
¿Cuál es la diferencia entre el bloque de filas y el bloque de columnas?
Las filas y las columnas son muy similares entre sí. Una fila funciona igual que una columna, ya que le permite agregar bloques horizontalmente. Sin embargo, hay una diferencia clave. Un bloque de columnas requiere un ancho establecido para cada columna, mientras que una fila no. Puede arrastrar bloques fácilmente para cambiar el tamaño de las columnas, mientras que las columnas requieren que ingrese valores para cambiar su tamaño.
¿Puedo usar un bloque de filas en una plantilla?
¡Absolutamente! Como se mencionó anteriormente, un bloque de filas es adecuado para su uso en cualquier escenario. Ya sea una publicación, una página, parte de una plantilla o una plantilla, el bloque de filas es útil para todo tipo de contenido. Usarlos es una excelente manera de organizar y organizar su contenido en plantillas, así como en publicaciones y páginas.
¿Cuántos bloques puedo usar en una fila?
Una de sus mejores características es la capacidad de manejar bloques ilimitados. A diferencia de un bloque de columnas, no hay un número predeterminado de espacios que se puedan utilizar. Por ejemplo, si comienza a agregar bloques de imágenes a una fila, las imágenes continuarán mostrándose de izquierda a derecha sin importar cuántas agregue. Cada imagen será escalada para caber dentro del espacio asignado.
Solicitud
El bloque de filas es un elemento de diseño clave que brinda estructura al contenido de su sitio. Se puede usar en plantillas, publicaciones y páginas y puede contener bloques ilimitados. Esto es útil para crear partes de la plantilla, como encabezados, donde se muestran varios bloques. Por ejemplo, una fila de encabezado puede contener un logotipo de sitio, una lista de páginas, iconos sociales y un botón de llamada a la acción. Si está construyendo un sitio web usando bloques, este bloque será esencial.
¿Cómo incorpora un bloque de filas en su sitio de WordPress? Háganos saber hablando en la sección de comentarios a continuación.
