La guía completa para usar modelos de bloques de WordPress

Si es un usuario de WordPress, sin duda está familiarizado con Gutenberg y el concepto de bloque. Después de todo, Gutenberg ha existido durante más de dos años y rápidamente se convierte en la forma predominante de crear un sitio web de WordPress. ¿Pero estás familiarizado con los modelos de bloques? Este aspecto de Gutenberg a menudo es ignorado o no conocido incluso por usuarios experimentados de WordPress. Esto no es bueno, porque hay muchos beneficios en el uso de modelos de bloques, especialmente para sitios web más pequeños. En esta publicación, cubriremos todo lo que necesita saber sobre los modelos de bloques de WordPress Gutenberg.
En primer lugar, hablaremos exactamente sobre cuáles son los modelos de bloques y cómo funcionan. Luego, lo guiaremos descargando, editando y creando sus propios modelos. ¿Estás listo para aprender sobre los modelos de bloques?
contenido
Acerca de los modelos de bloques de WordPress
Uso de plantillas de bloque de patrones de WordPress
La conclusión de nuestra guía para los patrones de bloqueo
Acerca de los modelos de bloques de WordPress ¿Qué es exactamente un patrón de bloque? El término puede parecer algo intimidante, pero no se preocupe, es muy simple. Comencemos esta publicación examinando las diferentes partes de un modelo de bloque y la forma en que funciona.
¿Qué son los modelos de bloques de WordPress? Los modelos de bloques están prefabricados, listos para su uso, que están formados por bloques de WordPress. Le permito crear fácilmente una apariencia compleja de bloques en unos segundos y guardarlo como una plantilla. Luego puede usar estos modelos en cualquier lugar de su sitio web para recrear secciones que se repitan con un esfuerzo mínimo. ¡Esta es una enorme mejora a la necesidad de crear manualmente una apariencia agregando un bloque a la vez! Pero quédate, ¿qué es un bloque de WordPress? Los bloques de WordPress son el elemento básico que compone Gutenberg, la nueva versión de WordPress.

En resumen, un bloque es solo un elemento predefinido que puede agregar a su página. Algunos ejemplos incluyen bloques de texto, bloques de redes sociales, bloques de incorporación de video de YouTube y otros. Si es completamente nuevo en Gutenberg, consulte nuestra Guía para principiantes del editor Gutenberg WordPress. Cubrimos todo lo que necesita saber sobre el uso de Gutenberg. Entonces, un modelo de bloque es simplemente una colección de bloques. Por ejemplo, el “modelo de registro de socios a continuación es una colección de bloques que crean una sección de patrocinador/socio. Fácil, ¿verdad?
La “característica asesina” de los modelos es que se pueden guardar, reutilizar y compartir para ser utilizados en otros sitios de WordPress.

Esto significa que puede reutilizar el mismo modelo en varias páginas o publicaciones en cualquier lugar. También puede usar modelos en diferentes áreas de su sitio, incluidos encabezados, sótanos y barras laterales.
Una metáfora que puede ayudarlo a comprender los patrones de bloques es la de una receta. Los modelos de bloques son esencialmente pequeñas recetas del contenido del bloque Gutenberg. You can download recipes (models), you can use them to create your own table (the content of the site), you can save them to use them later and you can even share them with friends, family or colleagues. In essence, they Facilitar la creación de contenido sin tener que comenzar desde cero. ¿Te imaginas que tienes que cocinar un nuevo tipo de comida sin ninguna receta? Tomaría mucho más tiempo, sería extremadamente ineficiente y probablemente sería menos apetitoso. ¡Los modelos de bloque son prácticamente los mismos! La imagen a continuación muestra el modelo de bloque “Introducción con galería” o receta.

¿Por qué debería usar modelos de bloques de WordPress? Hay cuatro grandes razones por las que debe considerar usar patrones de bloque:
Para ahorrar tiempo

Para usar modelos prefabricados creados por diseñadores profesionales
Para guardar modelos, desea reutilizar a menudo
Son flexibles, personalizables e independientes del tema
Pasemos por cada uno de ellos.
1. Para ahorrar tiempo primero, los modelos de bloque reducirán el tiempo necesario para crear un sitio web. En lugar de tener que crear artículos individuales una y otra vez, solo puede usar un modelo. Esto es especialmente útil si desea repetir ciertos modelos o modelos varias veces en su sitio 2. Para usar modelos prefabricados creados por diseñadores profesionales, otra razón excelente para usar modelos, el bloque es para que pueda aprovechar Las habilidades de los diseñadores y desarrolladores profesionales. Al descargar modelos de los modelos de bloques de WordPress, puede omitir para crear un aspecto solo. Hay cientos de modelos prefabricados que cubren todo, desde encabezados hasta cajas de suscripción. Al combinar estos elementos, puede crear un diseño agradable sin tener que ser un diseñador. 3. Para guardar los modelos que usa a menudo en un nivel muy elemental, los modelos le permiten ser más eficiente y para Reutilice ciertos estilos de contenido que a menudo creas.
La mayoría de los sitios web tienen un número bastante pequeño de diseño de páginas diferentes, incluida la página inicial, la página de blog, las publicaciones y otras páginas estándar. Para muchos sitios, la apariencia en este tipo de páginas es bastante uniforme. Sin embargo, si desea realizar una personalización, deberá realizar cambios en cada página de tipo individual. Con los patrones de bloque, puede guardar las plantillas de bloque de patrones que usa a menudo.
4. Flexibilidad, personalización e independencia en el asunto Finalmente, los modelos valen la pena, porque son contenido extremadamente personalizable, que puede usarse en diferentes lugares. Específicamente, se pueden usar en diferentes temas y en diferentes plantillas dentro de estos temas. Esto le permite evitar la recreación de los mismos elementos una y otra vez para diferentes temas. ¿Cómo funcionan los modelos de bloqueo de WordPress? Los modelos de bloques finalmente están diseñados para reemplazar los códigos cortos, las opciones de temas complejos, copiar y pegar el código creado y otras tareas pesadas que ahora son necesarias para personalizar un sitio web de WordPress.
Usando plantillas de patrones de bloque, puede implementar fácilmente una selección de contenido anterior. Patrones de bloque vs. Elementor o Beaver Builder Si ha utilizado páginas como Elementor o Beaver Builder, es posible que se pregunte qué hacen los modelos de WordPress con complementos similares. Todos son, en esencia, generadores de páginas, cuando se trata de ello. Bueno, puedes pensar en los bloques de Gutenberg y los modelos de bloque como una actualización para los constructores de páginas. A diferencia de los constructores de páginas, Gutenberg es construido por desarrolladores de WordPress, lo que significa que se alinean con la estructura de código general y el resto de WordPress. Esto le da una gran ventaja sobre otras páginas, especialmente en el futuro.

Si bien Beaver Builder y Elementor, sin duda, seguirán siendo útiles en el futuro, si recién está comenzando y desea una solución simple para cubrir todo, probablemente debería ir directamente a Gutenberg. Seguirá siendo el generador de página “predeterminado” para WordPress y, de hecho, la forma implícita de crear contenido de WordPress. Dicho esto, Gutenberg es “primero de todo”, lo que significa que está diseñado en primer lugar para escribir y escribir para crear para crear Otros tipos de contenido que aparecen en las publicaciones. Beaver Builder y Elementor, por otro lado, están más diseñados para crear páginas con contenido estático. Hay muchas plantillas prefabricadas para Elementor o Beaver Builder que destacan este hecho. Finalmente, no es una mala estrategia usar tanto Gutenberg como un generador de páginas, siempre que no le importe aprender a usar dos complementos diferentes e interfaces de diseño. Bloques de modelos vs. Bloques reutilizables de Gutenberg ¿Cuál es la diferencia entre un patrón de bloque y un bloque reutilizable? Bueno, puedes pensar en un patrón de bloque como una colección de bloques reutilizables. En lugar de guardar y reutilizar un solo bloque, puede guardar un modelo completo y luego puede reutilizarlo en cualquier momento. Puede incluir cuántos bloques desea en su modelo Uso del bloque de patrones de WordPress ahora que sabemos qué son los modelos de bloques de WordPress, hablemos de su uso. Hay tres formas de obtener un patrón de bloque:
Use cestas Astra Start u otra solución basada en temas

Copielo fuera de la biblioteca de modelos de bloque
Cúrelo solo
Plantillas Astra Starter Nuestro paquete de formas iniciales ahora viene con muchas plantillas de bloques Gutenberg construidas. Estas plantillas ahorran mucho tiempo, lo que facilita la incorporación rápida de diferentes elementos de diseño en su sitio. Para usar los modelos de bloques desde las plantillas de inicio, cree una nueva página o publicación y haga clic en el botón Azul grande Inicio desde las plantillas de inicio. Encabezado .

Luego presione el botón en la pestaña Modelo. Ahora verá un directorio con todas las plantillas disponibles. Seleccione el que desea usar y haga clic en Importar.
¡Finalmente verá su nuevo modelo de bloqueo! Bien hecho.
Obtenga más información sobre las plantillas iniciales de Gutenberg en nuestra publicación de blog o en el video a continuación.
Biblioteca de modelos de bloques de WordPress ¿Desea descargar un modelo prefabricado? No hay problema. Ahora hay una biblioteca de modelos de bloques creados por diseñadores, desarrolladores y otros usuarios de WordPress. Mire nuestro video a continuación o continúe leyendo para obtener más información al respecto.
Hay cientos de modelos disponibles y cubren todo, desde botones, columnas, galerías, encabezados, imágenes y más. Para descargarlos, vaya al director de patrones de bloques de WordPress.

Desplácese hacia abajo y verá una lista de modelos que puede usar en su propio sitio. Seleccione un modelo y/o busque algo específico. Hay muchos tipos diferentes de modelos y puede filtrar las categorías después de los botones, columnas, galería, encabezado, imágenes y texto. Una vez que encuentre un modelo que desee, haga clic en el botón Copiar junto a él. El código se copiará en el portapapeles de su computadora. Luego explore su sitio de WordPress y cree una nueva página o publicación. Coloque el cursor sobre el editor de bloques, luego mueva el mouse donde quiera ser el modelo. Pegue el código al editor. ¡Tu lo quieres! ¡Ahora tendrá un modelo de bloqueo recién salido en su sitio web! Cómo crear una plantilla de WordPress de bloque de patrones para hablar sobre la creación de su propia plantilla de modelo de WordPress. Si bien puede descargar los prefabricados de la biblioteca, probablemente desee y cree el suyo. En lugar de recrear la apariencia cada vez, solo puede crear un patrón de bloque, luego agregarlo al contenido. Sin embargo, esto puede ser algo complicado si no es un desarrollador. Si es un desarrollador, querrá consultar la API de patrones de bloque y la documentación relacionada. Afortunadamente, hay algunos complementos que hacen un patrón de bloque muy ligero. Hay dos opciones básicas: use un complemento para fragmentos de código y copie/pegue solo el código del modelo

Use el complemento para patrones de bloques blockmeister que le permitan crear sus propios modelos o convertir una selección de bloques en su propio modelo personalizado

En la guía a continuación, utilizaremos Block Pattern Builder de BlockMeister, porque es la solución más simple y rápida. Si está más inclinado técnicamente, consulte el manual oficial con patrones de bloque. Primero, instale el complemento. Puede obtenerlo desde el almacén de WordPress o buscar en la página del complemento en su sitio, vaya a bloquear modelos> Agregar un nuevo modelo en la barra lateral de WordPress.

Ahora estará en la página estándar del editor de Gutenberg. Cree el modelo que desea usar agregando todos los bloques deseados. También puede elegir qué categorías de modelos tendrán el nuevo modelo. Por defecto, se atribuirá a una nueva categoría nombrada por el nombre de su sitio (“Prueba el sitio web” en nuestro ejemplo a continuación). Cuando haya terminado, presione la publicación.
Ahora verá su modelo listado en la página del modelo de bloque> Todos los modelos. Si desea agregarlo a una página, publicación u otra ubicación, también se enumerará allí:
¡Muy fácil! Edición de un modelo de bloque de WordPress en su publicación/página Ahora que tiene un modelo de bloqueo de WordPress, es posible que desee hacer algunos cambios menores. Después de todo, probablemente tenga un diseño o aroma específico para su sitio y desee personalizar el modelo de bloque para que coincida. Para editar el modelo, simplemente revise el bloque que desea cambiar y haga clic en él. Verá algunas configuraciones básicas enumeradas. Si hace clic en los tres puntos en el lado derecho del panel, puede mostrar aún más configuraciones.

¡Buen trabajo! Puede personalizar cada uno de los bloques para satisfacer sus necesidades específicas para esa página o publicación. ¿Cómo transformar los bloques reutilizables en modelos de bloque qué sucede si tiene bloques reutilizables y desea convertirlos en un modelo? Hay un complemento ingenioso que puede usar para facilitar este proceso. Se llama Bloques reutilizables extendidos y se puede descargar de forma gratuita en el almacén de WordPress. Una vez que haya descargado, instalado y activado el complemento, vaya a bloques> Administre los bloques reutilizables en la barra lateral de WordPress.
Allí, verá una lista de bloques actualmente guardados. Para convertir uno en un modelo, simplemente haga clic en el botón Azul grande convertir al patrón de bloque. Ahora verá su modelo en el creador de Post/Page. Es tan simple. Bloques de Gutenberg – Suplementos finales para Gutenberg
Finalmente, hablemos brevemente sobre otro complemento útil desarrollado por Brainstorm Force, el equipo detrás del tema Astra. Se llama Ultimate Addons para Gutenberg y puede descargarlo de forma gratuita del almacén de WordPress. Este es un pequeño complemento que agrega funcionalidad adicional al editor de Gutenberg. En términos de bloques, el complemento agrega muchos tipos nuevos de bloques que incluyen:
Evaluaciones de estrellas

formas

pestañas

Lottie (animación)

Esquema de revisión

Bloqueo