¿Quiere aprender a seleccionar y utilizar bloques anidados en WordPress?
La función de bloques anidados de Gutenberg le permite agregar varios bloques dentro de un bloque principal. Por lo tanto, puede personalizar varios elementos de bloque a la vez, organizar el contenido de la publicación de manera eficiente y acceder a una mayor flexibilidad de diseño.
En este artículo, le mostraremos cómo seleccionar y utilizar fácilmente bloques de WordPress anidados.
¿Qué son los bloques anidados de WordPress?
La función de bloques anidados de WordPress Gutenberg le permite insertar (o anidar) uno o más bloques dentro de otro bloque.
Los bloques anidados te ayudan a crear diseños más complejos en tu sitio web de WordPress agregando varios bloques uno dentro del otro. Esto permite una mayor flexibilidad al diseñar y formatear contenido para páginas y publicaciones.
Por ejemplo, puede anidar varios bloques de Imagen dentro de un bloque de Grupo para mostrar una serie de fotografías de un evento en particular o una serie de obras de arte creadas con una técnica particular.
Además, la función de bloques anidados le permite editar bloques individuales por separado. Esto significa que puede personalizar cada bloque para que se adapte a sus necesidades sin afectar a los demás bloques.
A su vez, esto da como resultado una mejor organización del contenido, lo hace más atractivo y simplifica el proceso creativo.
Dicho esto, veamos cómo seleccionar y usar fácilmente bloques anidados de WordPress Gutenberg.
Cómo utilizar bloques anidados de WordPress
Puede anidar fácilmente varios bloques usando el bloque Grupo o Columnas en el editor de bloques de Gutenberg.
Primero, debe abrir una publicación nueva o existente en el editor de bloques desde la barra lateral de administración de WordPress.
Desde aquí, simplemente haga clic en el botón + para agregar bloque en la esquina superior izquierda de la pantalla y busque el bloque de grupo. Después de hacer clic en él y agregarlo a su página, debe seleccionar un diseño para los bloques que anidará.
Para este tutorial seleccionaremos el diseño Grupo.
A continuación, simplemente haga clic en el botón “+” en la pantalla para comenzar a agregar contenido dentro del bloque principal.
Por el bien de este tutorial, agregaremos un bloque de Imagen.
Después de agregar el bloque, simplemente haga clic en el botón Grupo en la barra de herramientas del bloque en la parte superior para seleccionar el bloque principal.
A continuación, debe hacer clic en el botón + para abrir nuevamente el menú de bloques, desde el cual puede elegir más bloques para agregar.
Cómo configurar los ajustes de bloques anidados de WordPress
Una vez que haya anidado varios bloques, puede configurar sus ajustes individuales haciendo clic en cada bloque. Esto abrirá la configuración de bloqueo en la columna derecha de la pantalla.
Desde aquí puedes ajustar el color de fondo, el color del texto y el tamaño de bloques individuales sin afectar a otros bloques anidados dentro de ellos.
Para configurar los ajustes de todos los bloques anidados juntos, deberá hacer clic en el botón Grupo en la barra de herramientas del bloque en la parte superior. Esto abrirá la configuración de Bloqueo para padres en la columna de la derecha.
Ahora puedes configurar la justificación, orientación, color de fondo, color de texto y tipografía de todos los bloques anidados.
Tenga en cuenta que esta configuración afectará a todos los bloques anidados dentro del bloque principal.
También puedes convertir un único bloque existente en bloques anidados haciendo clic en el botón Opciones en la barra de herramientas superior de cualquier bloque.
Se abrirá un mensaje de menú donde deberá seleccionar la opción Crear bloque reutilizable.
Una vez que hagas esto, se creará un nuevo bloque reutilizable donde podrás agregar más bloques.
Una vez que esté satisfecho, no olvide hacer clic en el botón Publicar o Actualizar para guardar los cambios.
En nuestro ejemplo, anidamos un bloque de Título, Imagen y Párrafo dentro de un bloque de Grupo.
Así es como se veían los bloques anidados en nuestro sitio web de demostración.
Bonificación: utilice el complemento Wayfinder para seleccionar fácilmente bloques anidados
A veces puede resultar difícil seleccionar un solo bloque y configurarlo cuando hay varios bloques anidados.
Afortunadamente, el complemento Wayfinder facilita la selección de bloques anidados de un bloque principal e incluso le indica el tipo y clase de los bloques.
Primero necesitarás instalar y activar el archivo. Buscador de caminos conectar. Para obtener más instrucciones, quizás quieras consultar nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.
Después de la activación, vaya a Configuración » Viajero página desde la barra lateral de administración de WordPress.
Una vez que estés allí, todas las configuraciones ya estarán activadas. Simplemente desmarque la casilla junto a las configuraciones que no desea utilizar.
Por ejemplo, si desea que Wayfinder muestre los tipos de bloques para todos los bloques en el editor, mantenga marcada la casilla junto a Mostrar tipo de bloque.
Sin embargo, si no desea que el complemento muestre clases de bloques, simplemente desmarque la casilla junto a esa opción.
Después de configurar los ajustes, no olvide hacer clic en el botón Guardar cambios.
A continuación, debe abrir una publicación nueva o existente desde su panel de WordPress.
Una vez que esté allí, al pasar el cursor sobre cualquier bloque se mostrará un esquema con su nombre. También podrá ver el esquema y el nombre de todos los bloques anidados dentro del bloque principal.
Esto le ayudará a identificar todos los diferentes bloques anidados dentro de un bloque de grupo o columna.
Desde aquí, puede seleccionar fácilmente un solo bloque del bloque principal para configurar sus ajustes.
También puedes seleccionar todos los bloques anidados a la vez simplemente haciendo clic en el encabezado Columnas o Grupo. Esto abrirá la configuración de Bloqueo para padres en la columna de la derecha.
Una vez que haya configurado sus ajustes de bloqueo, simplemente haga clic en el botón Actualizar o Publicar para guardar los cambios.
Esperamos que este artículo le haya ayudado a aprender cómo seleccionar y utilizar bloques anidados de WordPress. Es posible que también desee ver nuestro tutorial sobre cómo cambiar la altura y el ancho del bloque en WordPress y nuestras mejores opciones de complementos de WordPress imprescindibles para ayudarlo a hacer crecer su sitio.
