Los patrones de bloques o "block patterns" de WordPress garantizan procesos más rápidos y simplifican el trabajo diario en el sitio web. Se trata de diseños de bloques predefinidos que pueden insertarse y adaptarse en diferentes lugares con poco esfuerzo. Por ello, en este artículo te presentamos el directorio de patrones de WordPress y el creador de bloques, Block Pattern Creator.
La mayoría de sitios web se componen de estructuras recurrentes. Estos llamados patterns (patrones) son bloques predefinidos en WordPress que tienen cabida en diferentes lugares del sitio web. Si es necesario, también se pueden adaptar individualmente, de forma totalmente sencilla y rápida.
¿Cuál es la diferencia entre los bloques reutilizables y los patrones?
Los bloques reutilizables, como los patrones, pueden utilizarse según sea necesario en diferentes lugares del sitio web. Sin embargo, difieren significativamente entre sí en un punto: en cuanto se modifica un bloque reutilizable, también cambian todos los enlaces. Por lo tanto, el bloque puede ajustarse en un punto central y el cambio se transfiere a todas las páginas en las que se utilizó el bloque.
Este no es exactamente el caso de los patrones: después de la inserción, los patrones ya no están vinculados a la plantilla real. Se puede adaptar en cualquier momento sin problemas y sin cambiar los bloques ya insertados.
Esta diferencia es un gran alivio para todos los operadores de sitios web que hasta ahora han trabajado con bloques reutilizables. Debido a la falta de enlaces, los ajustes son menos complicados y facilitan mucho el trabajo diario.
"*"indica que los campos son obligatorios
¿Desde cuándo existe el directorio de patrones de WordPress?
Desde la actualización 5.5 de WordPress, los propietarios de sitios web pueden encontrar los patrones junto a los bloques recurrentes. Los patrones son una categoría separada, bajo la cual los/as usuarios/as pueden ver numerosas plantillas, incluyendo una vista previa.
Junto con la actualización 5.8 de WordPress, el directorio de patrones de WordPress también se ha puesto en línea. Su estructura es similar a la del directorio de plugins o themes WordPress. Los/as usuarios/as pueden obtener una visión general de numerosas plantillas de bloques para el editor Gutenberg .
¿Qué es el directorio de patrones de bloque WordPress?
Operadores/a de sitios web pueden encontrar una gran selección de plantillas directamente en el sitio web de WordPress. Los patrones se clasifican según diferentes funciones, incluyendo botones, categorías o pies de página. Es posible mostrar las plantillas más nuevas o las más populares. Utilizando la función de búsqueda, también puedes buscar una palabra clave específica y luego encontrar todos los patrones que coincidan exactamente con este tema.
En cuanto operadores/as de sitios web hayan encontrado un patrón adecuado para su sitio web, podrán ver de cerca el diseño haciendo clic en la imagen de vista previa. Esto se debe a que el editor de bloques permite un diseño individual completamente sin código. Aquí, los/as interesados/as tienen la opción de copiar el patrón directamente haciendo clic en el botón "copy pattern" para copiar el patrón. Inmediatamente después, el diseño puede copiarse en cualquier post o sitio WordPress.
Para saber si el patrón se ajusta realmente al sitio web, la talla se puede mover individualmente. Los tamaños por defecto son 320px, 480px, 960px y 1200px. Sin embargo, la plantilla también puede moverse a cualquier otro tamaño con el puntero del ratón. Esto es especialmente importante para ver si el patrón también es adecuado para la visualización móvil.
En la parte inferior, se muestran otros patrones creados por diseñadores/as, en caso de estar disponibles. Si a los/as operadores/as de sitios web les gusta uno de ellos directamente, pueden copiarlo utilizando el botón "Copy" sin ni siquiera acceder al patrón.
Tres patrones útiles que facilitan el trabajo diario
Para conocer mejor las diferentes plantillas del directorio de patrones de bloques, presentamos a continuación tres patrones prácticos.
La tabla de precios
Uno de ellos es el patrón conocido bajo el nombre de "pricing table". Esta plantilla es especialmente útil para quienes venden productos o servicios y quieren mostrar las diferentes tarifas con una tabla de precios. La plantilla contiene un total de tres columnas, que se diferencian entre sí por el color.
Patrón "sobre mí"
O el patrón "About Me Cards". Con esta plantilla, tienes la oportunidad de hacer que el apartado "Sobre mí" sea más atractivo gráficamente. Muchas personas utilizan aquí un texto puro para presentarse. Sin embargo, con la ayuda del patrón, se pueden enlazar tres subpáginas, como la propia historia de la persona, una opción de contacto y los canales de redes sociales.
El patrón de citas
Con el patrón "Quote", podrás incluir citas de forma clara y sencilla en tu sitio o en tus posts. Tienes la opción de insertar una imagen encima de la propia cita y el nombre del autor se inserta debajo de la cita. Ya no tienes que marcar las citas más importantes exclusivamente con comillas, sino que puedes mostrarlas gráficamente.
¿Por qué tiene sentido utilizar WordPress Block Patterns?
Utilizando patrones de bloques adecuados que coincidan con el tema respectivo y sitio, los/as operadores/as de sitios web tienen la oportunidad de presentar su contenido de forma visual. Esto facilita a los/as visitantes la comprensión directa del contenido. Especialmente para las personas sin experiencia, las plantillas son una forma fácil y rápida de visualizar el contenido.
Muchos themes WordPress ya están equipados con los patrones adecuados o tienes la opción de crear tus propios patrones (más sobre esto en el artículo en un momento). Sin embargo, el directorio de patrones de bloques ofrece una gran selección de plantillas que te ayudan en tu trabajo diario. Si ya hay un patrón adecuado en el directorio, no es necesario reprogramarlo, sino que se puede utilizar directamente con unos pocos clics.
Dado que los patrones se pueden adaptar fácilmente, también pueden personalizarse según tus necesidades. De este modo los/as usuarios/as tienen la opción de adaptar todos los patrones del directorio hasta que se ajusten al sitio web o a la marca respectiva.
Diseña tu propio patrón de bloques con Block Pattern Creator: ¡Así de fácil es!
La selección de patrones de bloques en el directorio WordPress ya es muy grande. Y si una plantilla se ajusta en principio, pero todavía necesitas hacer cambios, esto es posible sin ningún problema. Sin embargo, si operadores/as de sitios web no encuentran un patrón adecuado para un propósito específico o desean básicamente crear plantillas, esto es posible.
Hasta ahora, la creación del patrón se hacía en el editor de bloques, para luego copiar el código creado y posteriormente pegarlo en la posición deseada en el código del theme. Desde marzo de 2022, este proceso es mucho más fácil: WordPress ha lanzado un creador de patrones de bloques, Block Pattern Creator.
Esta es una herramienta para crear fácilmente tus propios patrones de bloques y compartirlos directamente en el directorio de patrones de bloques con otros/as usuarios/as. Y, a diferencia del procedimiento original, completamente sin código.
La ventaja es que, sobre todo los/as usuarios/as inexpertos/as que no están familiarizados/as con el código, también pueden crear sus propios patrones y luego copiarlos fácilmente para su propio sitio web.
WordPress ha establecido algunas pautas para crear patrones propios en el creador de patrones. Para poder presentar los propios patrones, diseñadores/as o creadores/as deben poseer los derechos de autor del contenido creado. Además, el contenido ilegal será eliminado inmediatamente. Todos los patrones deben ser creados y presentados en inglés y deben recibir un nombre descriptivo apropiado. Si, por ejemplo, se utiliza el nombre "Test" o "My Pattern", el registro del patrón será rechazado inmediatamente.
WordPress ofrece algunos consejos sobre cómo crear buenos patrones. Por ejemplo, los buenos patrones combinan varios bloques entre sí. Esto se debe a que las plantillas normalmente serían complicadas de crear desde cero. Un buen "pattern" también destaca las capacidades de los bloques que contiene y proporciona un punto de partida óptimo para personalizar el contenido, tiene un propósito claramente definido y mantiene el texto de los marcadores de posición al mínimo.
Al mismo tiempo, los patrones nunca deben ocupar todo un artículo de sitio o de un blog. Los patrones muy simples, como un simple párrafo con colores, no suelen ahorrar tiempo a los/as usuarios/as. Además, el patrón no debe limitarse a un tema, sino que debe ser aplicable a diferentes temas y páginas.
Conclusión: El directorio de block pattern de WordPress ahorra tiempo
El directorio de patrones de bloques puede ayudar en el trabajo diario. Especialmente para quienes operan el sitio web y buscan un diseño específico, pero no tienen tiempo para crear el suyo propio. En el directorio, los/as usuarios/as pueden ver todos los patrones ordenados por finalidad y pueden copiarlos con un solo clic y luego pegarlos en el lugar deseado en sitio o en el artículo.
Si quieres crear tus propios patrones de bloques y compartirlos con otras personas, puedes hacerlo fácilmente con el Block Pattern Creator. La particularidad es que no es necesario trabajar en el código en ningún momento. Los/as usuarios/as solo tienen que entrar en este creador de patrones de bloques y pueden crear sus propias plantillas. De este modo, están disponibles de forma permanente para uso propio, siempre que cumplan las directrices WordPress.
Tus dudas sobre WordPress Block Pattern
¿Qué preguntas tienes sobre el patrón de bloques WordPress y los ejemplos mencionados? No dudes en utilizar la función de comentarios. ¿Quieres mantenerte informado/a acerca de las nuevas publicaciones sobre WordPress y actualizaciones? Entonces síguenos en Twitter, Facebook, LinkedIn o a través de nuestra newsletter.
