Lo que necesita saber sobre el directorio de patrones de WordPress
Publicado: 2021-08-26A fines del año pasado escribí una guía completa sobre qué eran los patrones de WordPress, para qué servían y cómo crearlos y usarlos en el editor de bloques de WordPress. En poco más de medio año, gracias al trabajo de toda la comunidad de WordPress, se han producido grandes avances en el desarrollo de patrones de bloques. Vemos como tras la publicación de la versión 5.8 de WordPress, su disponibilidad y uso crece rápidamente. Por esta razón, creo que es interesante estar actualizado en el Directorio de patrones de WordPress, ya que afectará la forma en que rediseñamos nuestras páginas y temas en el futuro.
Como ya habíamos comentado anteriormente, un patrón de bloque es un conjunto de secciones o fragmentos predefinidos formado por un grupo de bloques que puedes usar para crear páginas y publicaciones. Estos diseños pueden ser algo tan simple como una sección que muestre dos botones o una sección de precios con diseños llamativos y complejos.
Insertar y editar patrones de bloques
Insertar un patrón de bloque desde el editor de bloques es tan fácil como agregar cualquier bloque. Después de hacer clic en el ícono + en la esquina superior izquierda del editor, aparece un cuadro de diálogo emergente con el que puede agregar bloques, patrones u otros elementos reutilizables.
En la pestaña de Patrones , encontrarás un desplegable donde puedes seleccionar por categoría los patrones a buscar. Algunos de los patrones que encontrará vienen por defecto con WordPress, otros son específicos del tema que ha instalado y algunos vendrán de sus complementos. De hecho, hay muchos complementos que agregarán un conjunto completamente nuevo de patrones hermosos.
Una vez que selecciona cualquier patrón, el conjunto de bloques que lo componen se agrega automáticamente a su publicación o página. Todo lo que tiene que hacer ahora es modificarlo para que contenga el contenido que desea.
Copie y pegue desde el directorio de patrones de WordPress
A fines de abril de 2021, WordPress publicó el Directorio de patrones en WordPress.org. Al momento de escribir esta publicación, allí (23 de agosto de 2021), no hay un elemento de menú en WordPress.org para navegar directamente a esta página. Al menos, no hay ninguno en inglés, porque hay uno en español.
Aunque a primera vista este directorio puede parecer el mismo que el directorio de temas o complementos, tiene la funcionalidad de agregar cualquier patrón muy fácilmente a cualquier publicación o página.
La búsqueda de patrones de bloque en el directorio de patrones de WordPress.org es muy similar a lo que tiene disponible en su panel de control de WordPress. Puedes buscar por palabra clave o también tienes un conjunto de categorías para acotar tu búsqueda. Además, si ha iniciado sesión en WordPress.org, puede marcar cualquier patrón.
Al hacer doble clic en el patrón, lo muestra en detalle y puedes seleccionar entre diferentes dimensiones de pantalla para ver cómo se ve en cada una de ellas.
Como puedes ver en la imagen de arriba, tienes un botón con el que puedes copiar el patrón y después de pegarlo en cualquier página o post, ya tienes todo el conjunto de bloques para que luego hagas las modificaciones necesarias para adaptarlos a tu web a tu gusto:
María Martín
Editor en jefe
elizabeth linden
Editor de estilo
janet smith
Editor de moda
Al reemplazar fotos, textos y enlaces, crea rápidamente una sección de bloques que se ajusta perfectamente a lo que necesita en una página.
ruth raventos
CEO
antonio villegas
Jefe de Tecnología
david aguilera
Director de Producto y Calidad
Fácil, ¿verdad?
Agregar patrones al directorio de patrones de WordPress
Aunque todavía se está trabajando en cómo debería ser el entorno final para crear y enviar patrones al directorio de patrones de WordPress, la llamada ahora está abierta para que cargue sus propios patrones para publicarlos en el directorio. Veamos cómo lo hacemos con un ejemplo sencillo.
Primero debes crear tu propio patrón. Puedes crearlo directamente en el editor de bloques, como puede ser el caso del patrón testimonial que acabo de crear a continuación a partir del que tenemos en nuestra página de inicio. Recuerda que si incluyes imágenes, estas deben tener una licencia libre para uso comercial.
Que dicen los clientes sobre nosotros
Nuestros clientes nos aman porque…
️️️️️
WOW Esto realmente funciona
De lejos, este complemento es la mejor herramienta que hemos utilizado. Todos nuestros clientes están encantados de trabajar con este complemento. Fácil de usar y agradable interfaz de usuario.
Nombre Apellido – Cargo
️️️️️
WOW Esto realmente funciona
De lejos, este complemento es la mejor herramienta que hemos utilizado. Todos nuestros clientes están encantados de trabajar con este complemento. Fácil de usar y agradable interfaz de usuario.
Nombre Apellido – Cargo
️️️️️
WOW Esto realmente funciona
De lejos, este complemento es la mejor herramienta que hemos utilizado. Todos nuestros clientes están encantados de trabajar con este complemento. Fácil de usar y agradable interfaz de usuario.
Nombre Apellido – Cargo
Entonces necesitas tener un cuenta de Github y rellena un formulario predefinido en el que debes incluir:
- una descripción del patrón,
- un título,
- una categoría de las disponibles en el directorio,
- una captura de pantalla del patrón,
- créditos de imagen que ha incluido, y
- el marcado de bloque. Para hacer esto, solo tienes que posicionar el mouse en el grupo que forma el patrón, hacer clic en el botón con el icono de los tres puntos y hacer clic en Copiar (para que puedas pegarlo en Github).
Y eso es. Puede ir a la pestaña Vista previa para ver cómo resultó y finalmente hacer clic en el botón Enviar nueva edición .
Ahora solo queda esperar a que alguien lo revise para que esté disponible en el directorio de patrones de WordPress.
Directorio Noticias
Como mencioné antes, el proceso para enviar patrones aún está en desarrollo. Se está trabajando para que no necesite enviar desde GitHub y solo necesite iniciar sesión en WordPress.org.
La idea que se está trabajando es que desde https://wordpress.org/patterns/new-pattern/ (actualmente la página está en blanco), verás una página similar a la siguiente imagen en la que, una vez logueado en WordPress.org, tendrá un botón Crear patrón.
Para crear un patrón, podrá utilizar una instancia alojada de WordPress del editor de bloques. Este editor funcionará (en su mayor parte) como el editor de bloques normal, pero con algunos ajustes. El primer cambio es que tendrá una versión personalizada de la ventana emergente de bienvenida del editor centrada en la creación y el envío de patrones.
Por otro lado, la barra lateral de edición de un patrón también incluirá información sobre el mismo, como el título, la descripción y las categorías.
Finalmente, tendrás la opción de enviar el patrón para que sea revisado y compartirlo con el resto del mundo.
resumiendo
Es probable que los patrones de bloques de WordPress terminen siendo los elementos más utilizados para el diseño de páginas y publicaciones. Son lo suficientemente útiles para agregar secciones que tienen perfecto sentido como una unidad y que te permiten construir páginas mucho más rápido que si tuvieras que agregar cada uno de los bloques que componen esa sección uno por uno. Y la búsqueda de patrones en el directorio se estandarizará de manera similar a la de los complementos y temas.
Personalmente, cuando ahora miro los patrones disponibles en el directorio, todavía me resulta difícil encontrar los que usaría directamente en mi sitio web. Pero sé que esto cambiará en cuestión de días. Cuando los grandes diseñadores empiecen a añadir sus propuestas, tendremos a nuestro alcance una gran explosión de diseños que nos permitirán actualizar nuestras páginas mucho más rápido.
Foto de Nick Morrison en Unsplash.