Elementos básicos del constructor: exploración de patrones de bloques

La última versión de WordPress llegará a fin de mes el 25 de enero. Tal vez hasta que leas esto, la versión 5.9 ya se ha lanzado en el mundo. No podría estar más emocionado. Hay innumerables mejoras y nuevas funciones, muchas de las cuales las cubriremos en futuros artículos, pero el tema de hoy son los “modelos” de bloques. Aunque no son nuevos para WordPress, los modelos reciben mucha atención debido a la funcionalidad activada por la versión 5.9, especialmente los temas basados ​​en bloques. Los modelos se convierten rápidamente en un componente fundamental de WordPress y parecen listos para remodelar para que diseñemos y creemos sitios web. Entonces, ¿qué mejor momento para explorar cuáles son realmente los modelos de bloques y cómo puedes usarlos?
Los elementales antes de sumergirnos en los modelos de bloque, comenzar con los elementos básicos y establecer una terminología. WordPress ha cambiado bastante en los últimos años. Es bueno asegurarse de que todos estemos en la misma página. Un bloque es el bloque es el contenido fundamental de “unidad” en WordPress. Desde un párrafo de texto hasta una galería de imágenes, un bloque puede tomar casi cualquier forma. Me gusta imaginar una sola pieza de Lego. Si bien cada bloque puede verse diferente o puede realizar una función única, todos encajan maravillosamente, creando el contenido de una página web. El modelo de bloque Modelo A es simplemente una colección predefinida de bloques que forman un aspecto específico. Un modelo puede ser un solo bloque o que consiste en varios. Como veremos más adelante, los modelos hacen la construcción de aspectos complejos de la página fácil y divertida.
Editor El editor es la interfaz con el usuario que usamos para crear páginas y publicaciones de los bloques. Desde su introducción a WordPress 5.0 a 2018, el editor ha sido designado con muchos nombres. Estos incluyen Gutenberg, Gutenberg Editor, Block Editor y otros. Para el propósito de este artículo, simplemente usaremos el término “editor”. Insertar en el editor, el inserto se usa para agregar bloques y patrones a la página. Puede acceder a Insertar haciendo clic en el signo azul (+) en la esquina superior izquierda del editor. La captura de pantalla a continuación ilustra los términos definidos. ¿Por qué bloquea los modelos? El editor nos da el poder de construir prácticamente cualquier diseño en los bloques, ya sea una publicación de blog simple o una página de destino elaborada. Usemos este artículo en sí mismo como ejemplo. Lo que lees ahora es un bloque de párrafo. El título de arriba es un bloque de encabezado, y la captura de pantalla es solo un bloque de imágenes. Agregar estos elementos de contenido a la página fue fácil. Abrí el inserto, encontré el bloque correspondiente y hice clic para insertar.

Consejo rápido: ¿Sabía que los bloques se pueden insertar y usar el comando Slash? Inicie un nuevo párrafo con la tecla “/” y aparecerá una lista de bloques disponibles. Las letras adicionales de la escritura optimizarán los resultados de búsqueda. ¡Probar! ¿Qué tal algo un poco más complicado? Considere la siguiente tabla de precios, un diseño comúnmente utilizado para presentar productos o servicios en un sitio web.
Mire con cuidado y pueda reconocer los bloques individuales que se han utilizado para crear este aspecto. La base es un bloque de columnas con tres columnas de igual distancia. Dentro de cada bloque de las columnas hay un bloque separador, título, párrafo, botones y espaciadores. ¿Cuánto lograste ver? De hecho, esta tabla de precios consta de 25 bloques individuales. Independientemente de su nivel de calificación con WordPress, la replicación de este aspecto desde cero sería agotador y ligeramente desafiante.

Ahora imagine que si este grupo de 25 bloques ya se ha configurado para usted con un solo clic, puede ingresar la tabla de precios completos y puede cambiarlo para satisfacer sus necesidades individuales. Y mejor, ¿qué sucede si fuera una gran colección de modelos en cuestión, cada uno que coincide con la estética de su tema? Piense en aspectos creativos de imagen y texto, exhortaciones, encabezados, sótanos e incluso apariencia de página completa. Con este tipo de “contenido inicial”, ahorraría mucho tiempo e incluso haría que el editor sea más accesible para los nuevos usuarios de WordPress.
Aquí es donde intervienen los modelos de bloque. ¡La tabla de precios anterior es en realidad un modelo que se incluye en el próximo tema de veintisiete veintiún años, que se lanzará con WordPress 5.9! Espero que este pequeño ejercicio ilustra por qué estoy tan entusiasmado con el potencial de los patrones de bloque, pero ¿cómo los usamos realmente? Cómo usar modelos como bloques, se pueden agregar modelos a una página usando Insertar. Con el dispositivo de inserción abierta, explore la pestaña “Modelos” que revela todos los modelos disponibles segmentados por categorías. Seleccione el busque correcto y haga clic para insertar. Luego puede editar los bloques individuales que componen el modelo, como cualquier otro bloque. No hay límite para la cantidad de modelos que puede ingresar. Combine y coincida para crear modelos de página únicos. Si bien el dispositivo de inserción ofrece un fácil acceso a los modelos de bloque, notará que la vista previa de cada modelo es bastante pequeña y todos están apilados en una sola columna. Puede ser difícil ver y comparar los modelos, lo que dificulta elegir el correcto.

Para resolver este problema, WordPress 5.9 incluye Pattern Explorer. Se puede acceder a esta nueva característica interesante haciendo clic en el botón “Explorara” cerca del menú desplegable en la pestaña “Modelo”.
Explorer abre una ventana modal que ofrece una experiencia de navegación mejorada con los modelos que se muestran en una cuadrícula. También se pueden buscar o filtrar fácilmente por categorías.

La captura de pantalla anterior es la primera iteración del explorador de patrones. Se espera que las versiones futuras de WordPress expandan la funcionalidad del explorador. Los experimentos actuales agregan vistas previas para dispositivos móviles/tabletas y la opción para modelos individuales, en oposición a la apariencia de la cuadrícula. Aunque no se confirma nada, tenga cuidado para mejoras adicionales en WordPress 6.0 hacia mediados de 2022. Con toda esta discusión, podría preguntar, ¿de dónde vienen realmente? Dónde encontrar los modelos que se registrarán de una de tres maneras, o por el tema actual, un complemento de terceros o el propio WordPress a través del director modelo. Para explorar cada método. Tema su tema probablemente será la forma más directa en que los modelos están disponibles en su sitio web. Como hemos visto en la tabla de precios anterior, muchos bloques basados ​​en bloques incluyen sus propios modelos personalizados. Esta es solo otra forma en que los temas se diferencian y un conjunto robusto de opciones de apariencia será un gran beneficio para los usuarios. Al momento de escribir, ¡se entregarán veintisiete veintiséis temas con más de 60! Director de Modelos (WordPress) A partir del lanzamiento de WordPress 5.9, WordPress ofrecerá sus propios modelos a través del director modelo.

El director modelo es un depósito modelo dirigido por la comunidad, así como el complemento de WordPress y los depósitos de temas y estará abierto para referencias públicas a la versión 5.9. Todos los modelos enviados y aprobados estarán fácilmente disponibles para navegarlos y presentarlos directamente desde Pattern Explorer. Esto significa que los usuarios de WordPress tendrán acceso a cientos, si no miles, bloquean modelos.

Consejo rápido: algunos temas pueden deshabilitar los modelos incluidos por WordPress del director modelo.Esto a menudo se hace cuando los desarrolladores del tema incluyen sus propias colecciones de modelos y desean proporcionar una experiencia de usuario más limpia.Los complementos de terceros finalmente tienen complementos.Debido a que los modelos han existido durante varios años, muchos complementos de terceros partidos, como Genesis Blocks y Rodux, han creado modelos extensos.A menudo, estas bibliotecas no están directamente integradas con funciones como el explorador de patrones y tienen bloques personalizados que no se encuentran en el núcleo de WordPress.También tienden a usar sus propios métodos para insertar los modelos, pero con el tiempo espero que muchos comiencen a cumplir con los nuevos enfoques estandarizados de WordPress.

Si está buscando algunos nicho y modelos mientras Pattern Directy continúa madurando, o si no usa un tema con sus propios modelos, definitivamente recomendaré qué tercer complementos tienen para ofrecer. El futuro de los patrones de WordPress 5.9 traerá muchas mejoras a los patrones de bloqueo. Como discutimos, Pattern Explorer facilitará la opción de diseño adecuada para su sitio web. El director modelo le dará acceso a una vasta colección de modelos construidos en la comunidad que se integrará perfectamente en su tema. Aunque siempre podrá crear modelos únicos a partir de bloques individuales, creo que la mayoría de nosotros irá directamente al patrón Explorador. Elegiremos un aspecto, cualquiera de los que ofrece nuestro tema o del director, entonces cambiaremos según sea necesario. Te conozco. Además, podemos esperar que los nuevos temas basados ​​en bloques se juzguen por cuán extensa es la colección de patrones de bloques construidos. Los temas con más de cien modelos, todos bien clasificados y que cubren una amplia gama de casos de uso, probablemente se convertirán en la norma. Si bien la estética de un tema es importante, es esencial proporcionar a los usuarios las herramientas que necesitan para crear hermosas páginas web. Los modelos son el futuro WordPress, y el futuro es brillante. La conclusión en este artículo analizó cuáles son los modelos de bloque, cómo puede usarlos y por qué cambiarán fundamentalmente la forma en que creamos sitios web de WordPress. En el próximo artículo, las nociones básicas del constructor, ¡profundizaremos un poco y le enseñaremos cómo crear sus propios modelos!