Una guía sobre el módulo Gutenberg y los patrones para componer rápidamente su página de inicio (05)

En la última entrega, hablamos de WordPressTema por defecto con la configuración de la cabecera del editor Gutenberg. Esta entrega te enseñará a maquetar rápidamente tu página de inicio con Gutenberg. Si te resulta demasiado tedioso añadir módulos uno a uno (como el título, el texto, los botones, las imágenes, etc.), este post te enseñará cómo hacerlo con la ayuda de la herramienta de diseño de Gutenberg.Patronespara maquetar y simplificar rápidamente el proceso de diseño. Tanto si tiene un blog personal como un sitio de comercio electrónico, encontrará el diseño adecuado para dar a su sitio un nuevo aspecto al instante.

Si no queremos añadir módulos individuales uno a uno, como encabezados, texto, botones, imágenes, etc., también tenemos que considerar la posibilidad de añadir contenedores y luego disponerlos (como en la imagen de arriba)

La parte superior de las piernas son algunos de los contenedores que se utilizan a menudo

Columnas: la disposición de cuántas columnas en una fila

Grupo: de hecho, y lo anterior es casi lo mismo, pero se divide en varios de la clase de diseño, se puede ver la situación real a

Fila: es la disposición horizontal de añadir

Apilado: es decir, dispuesto verticalmente para sumar

Cuadrícula: es la cuadrícula

Es todo muy comprensible, puedes intentar añadirlo en la práctica, así lo entenderás mejor.

¿Cómo puedo añadirlo rápidamente sin complicaciones?

Como se muestra más arriba, aquí encontramos Patrones (patrones) que son más que plantillas

Busque una plantilla adecuada, arrástrela y suéltela en la página de inicio de la derecha y, a continuación, sustituya el texto, los botones y las imágenes de la siguiente manera

¿El efecto es rápido y refrescante?

Si queremos añadir una galería, podemos elegir Galería, y a la derecha, elegir uno que le convenga, el modo también se conoce como un módulo, y sólo tienes que arrastrar y soltarlo

Como el resto, puedes añadirlos según la traducción y el efecto real que necesites.

Si es un sitio web de comercio electrónico que hace

¿Entonces necesitas instalar el plugin WooCommerce? Entonces tus patrones tendrán un patrón separado para WooCommerce como se muestra abajo. Automáticamente emparejará un montón de patrones basados en el sitio web, ¡tú eliges el que necesites!

A continuación, seleccione una y arrástrela y suéltela en la página de inicio de la derecha, como se indica a continuación

A continuación, establezca el diseño y el tamaño del módulo y el fondo y así sucesivamente.

Por supuesto, puede configurar la visualización del producto manualmente del siguiente modo

Después de arrastrarlo y soltarlo en la página de inicio, configure el diseño y el contenido que desea mostrar, así como el filtrado por categorías, todo ello en el área de configuración de la derecha (imagen inferior).

Bueno, a estas alturas básicamente serás capaz de maquetar rápidamente la portada, y si no sabes elBloque GutenbergCómo configurarlo, consulta los posts anteriores

He aquí un punto más de conocimiento

Si está utilizando previamente otro tema, pero desea que el contenido de la plantilla del tema anterior

Puede encontrarlo aquí

resúmenes

Con este artículo, has aprendido a maquetar rápidamente tu página de inicio utilizando Patterns en el editor Gutenberg. Ya sea para mostrar una galería de fotos o maquetar un producto para un sitio de comercio electrónico, se puede hacer rápidamente con el módulo Patterns. Si estás interesado enBloque Gutenbergno te resultan familiares, puedes consultar nuestros artículos anteriores para obtener tutoriales más detallados. Si encuentras problemas durante el proceso de maquetación, no dudes en ponerte en contacto o dejar un mensaje en la sección de comentarios, ¡y te traeremos más consejos sobre el uso del tema por defecto con Gutenberg en la próxima entrega!