La guía completa de los modelos de bloques de Gutenberg (iii)

Esta es la tercera y última parte de la guía completa sobre los modelos de bloque, que incluye los siguientes temas:
Introducción a los patrones de bloque
Inserte un patrón en una página
Modelos predefinidos y otros disponibles en directores
Agregar modelos disponibles en los directores a su sitio web
Cómo crear un modelo a partir de cero
Cómo crear un modelo si no eres desarrollador
Cómo convertir bloques reutilizables en patrones de bloque
Temas que usan patrones de bloques
Documentación oficial.
En la primera parte, vi los primeros 4 puntos de todos los temas abordados en la guía: ¿Qué es un modelo de bloque, cómo insertar modelos predefinidos en sus páginas y dónde encontrar y cómo copiar modelos disponibles en algunos directores? En la segunda parte, vi el punto 5 en detalle: cómo podemos crear un modelo desde cero usando el código. Y en esta última publicación, veremos los últimos 4 puntos: cómo podemos crear un modelo sin ser un desarrollador, cómo podemos convertir bloques reutilizables en patrones de bloque, qué temas usan patrones de bloque y, finalmente, donde puede encontrar oficial Documentación sobre modelos.
6. Cómo crear un modelo si no es un desarrollador, aunque ya he visto en la publicación anterior los pasos que tenía que seguir para crear un modelo de modelo, en este momento veremos que puede crear modelos sin ser un desarrollador. Y sí, lo haremos con un complemento. De hecho, hay más de un complemento para crear modelos:
Bloque Patily Builder de Justin Tadlock,
BlockMeister – BLOCK PATTER Builder de Blockmeister,
Page Builder Gutenberg Blocks – Coblocks de GoDaddy
Los tres trabajan de manera similar con algunas diferencias menores. Después de instalar cualquiera de ellos, aparecen nuevas opciones en el menú de administración, por lo que puede crear un nuevo modelo y administrar la lista de modelos creados. En el caso del complemento de constructor de patrones de bloque (es decir, la imagen a la izquierda), los patrones de bloques El menú aparece que tiene dos opciones: una para crear un modelo nuevo y otro para enumerar y editar los modelos existentes. En el caso del complemento BlockMeister (representado en la imagen central), también agrega una tercera opción para administrar los patrones. Y en el caso de el cobloque (presentado en la última imagen), su menú aparece bajo el aspecto. En los tres complementos, la creación de un nuevo modelo abre el mismo editor que utiliza para editar cualquier página o publicación. Solo da un nombre de modelo y defina los bloques que quieres tener. Cuando su modelo esté listo, guárdelo.



Modelo creado con complemento blockmeister – constructor de patrones de bloque. La captura de pantalla anterior muestra el editor de patrones de bloques, según lo proporcionado por el complemento BlockMeister. Como puede ver, ofrezca muchas propiedades adicionales en la barra lateral derecha: nombre, babosa, descripción, ancho del modelo y categorías. El complemento Justin Tadlock, por otro lado, no le permite agregar la categoría. Y los coblocks también le permiten agregar patrones adicionales. Con cualquiera de los tres complementos, después de guardar el modelo, estará disponible haciendo clic en el botón + publicaciones y páginas, por lo que puede insertarlo cuando lo necesite.

Modelo creado y disponible en el editor de páginas. Como puede ver, es muy fácil crear los modelos que desea tener disponibles en el diseño de su página, siempre que use el complemento adecuado para él. 7. Cómo transformar los bloques reutilizables en patrones de bloques Si ha estado usando Gutenberg durante algún tiempo y ha diseñado páginas con él, apuesto a que ha creado algunos bloques reutilizables para reproducir un cierto diseño en varias páginas. ¡Al menos lo hice! Recuerdo que la primera vez que escuché sobre los modelos, pensé que eran casi lo mismo que los bloques reutilizables … pero no lo son: hay algunas diferencias relevantes entre los dos conceptos. Un bloque reutilizable es un bloque (o un grupo de bloques) que se pueden insertar en diferentes páginas, su contenido es el mismo en todos. Es decir, si lo cambias más tarde, todos sus tribunales deberían actualizarse. Por lo tanto, si desea que un bloque reutilizable sea diferente del resto, primero debe convertirlo en un bloque normal. Un modelo de bloque, por otro lado, está diseñado para personalizarse: sirve como un diseño básico que debe cambiar después de ingresarlo. Las opciones son ilimitadas, por supuesto. La idea del modelo es proporcionar un punto de partida sobre cómo puede combinar los bloques para que se vean atractivos.

Si ha creado bloques reutilizables con la idea de convertirlos en bloques normales y luego personalizarlos convenientemente, es más lógico convertir estos bloques en modelos de bloques. ¿Cómo podemos hacer eso? El complemento extendido del bloque reutilizable de JB Audras nos brinda esta funcionalidad. Veamos cómo lo hacemos. Después de instalar el complemento, aparecerá una opción de menú para administrar los bloques reutilizables. Si hace clic en todos los bloques reutilizables, verá la lista de bloques que ha definido. Los bloques reutilizables. Como puede ver en la imagen de arriba, la lista de bloques reutilizables muestra dos bloques y, para cada uno de ellos, le dice dónde se usan, el código corto y la función PHP para usar un botón para que pueda convertirlo en un bloque modelo.

Después de hacer clic en el botón convertido en el modelo de bloque, el modelo se creará para usted y estará disponible en su editor en la categoría convertida de bloques reutilizables.
Patrón de bloque creado a partir de un bloque reutilizable.

8. Temas que usan modelos de bloque Al momento de escribir este artículo, ya hay 14 temas con patrones de bloque personalizados en el director de WordPress.org, y la lista crece rápidamente.
Director de temas de WordPress.org que incluye modelos de bloque.

Veintiún la versión 1.0 de WordPress.org
C9 Starter versión 2.4.4 Covertnine

C9 Versión de trabajo 2.3.1 de Covertnine
Seedlet versión 1.1.2 de automática
Exs versión 0.9.0 de Exstheme
Cordero versión 1.2.2 de UXL
BigWigs versión 0.7.1 de Dinev Dmitry
Emulies versión 1.6.9 de Nobita
Veinte veinte versión 1.6 de wordpress.org
VW Health Coaching versión 0.6.5 por temas de VW
Veinte diecinueve versión 4.9.6 WordPress.orgresdenti Versión 1.3.0 por Dinev Dmitry
Veinte diecisiete versión 2.5 de wordpress.org
Veinte y dieciséis versión 2.3 de wordpress.org
Aprovecho esta oportunidad para mencionar que si usted es un desarrollador de temas y desea eliminar los bloques predefinidos (bloque de núcleo) que vienen en WordPress 5.5, puede hacerlo con el siguiente código:
Remove_theme_support (‘Core-Block-Patterns’); 9. Finalmente documentación oficial, aquí tiene algunos enlaces útiles sobre los modelos de bloque:
Para el usuario final: video introductorio para bloquear modelos para comprender cuáles son los modelos, cómo acceder a ellos, cómo agregarlos en publicaciones y páginas y comprender cómo personalizarlos para su contenido. Este video es un taller publicado por el equipo de Entrenamiento de WordPress.
Para el usuario final: la documentación de tipo de bloque creada por el equipo documental.
Para los desarrolladores, la página de patrones de bloque en la documentación de la API de bloque, publicada por el equipo de Gutenberg y que ya le dije en la publicación anterior.
¡Y eso es! Espero que hayas encontrado esta útil guía. Si cree que falta información, no dude en decirme en la sección de comentarios a continuación.
Imagen presentada por Patrick Hendry en Unsplash.