El sistema de patrones: publica de forma más rápida reutilizando diseños de WordPress

Con los patrones de WordPress puedes reutilizar diseños sin tener que recrearlos cada vez que los quieras utilizar. Gracias a ellos no tendrás que duplicar entradas antiguas, arreglar cabeceras o descifrar los ajustes de espaciado todas las semanas.

Te ayudan a trabajar más rápido y a que el diseño de tu web sea consistente incluso cuando hay involucradas varias secciones o varias personas.

En esta guía aprenderás cómo funcionan los patrones sincronizados, no sincronizados y bloqueados y cómo utilizarlos para crear un sistema de publicación recurrente. Además, podrás conseguir un kit de herramientas gratuito con cuatro diseños que puedes utilizar directamente en tu web.

Con ellos podrás:

• Reutilizar diseños sin tener que empezar de cero.
• Centralizar actualizaciones en todo tu sitio.
• Proteger la estructura de tu web al colaborar con otras personas.
• Publicar contenido más rápidamente con menos revisiones de formato.

Los patrones pueden ayudarte a publicar contenido más rápidamente

Copiar y pegar un diseño puede parecer una buena idea, pero, si no tienes un sistema adecuado para hacerlo, es posible que al final vayas mucho más despacio. La estructura del diseño cambia, las CTA (llamadas a la acción) se quedan desactualizadas, el formato puede desincronizarse y las actualizaciones pueden acabar perdidas entre tantas ediciones y borradores.

Por sí mismos, estos problemas no son para tanto. Pero si aparecen semana sí, semana también, hacen que una entrada que te llevaría 15 minutos se convierta en una sesión de más de hora arreglando cosas.

Y si además también trabajas con otras personas (freelancers, compañeros de equipo o clientes), la cosa solo puede ir a peor. Esto es porque, sin un sistema para estandarizar el diseño y centralizar las actualizaciones, cualquiera puede realizar algún cambio y que tu web empiece a perder coherencia.

Te puedes buscar un asistente virtual, pero al final, pasarás más tiempo comunicándole cómo funciona la estructura (además de seguir arreglando cosas) que mejorando el contenido.

Para esto están los patrones de WordPress: son plantillas de diseño que puedes estructurar una sola vez y reutilizarlas siempre que quieras desde el editor del sitio de WordPress.

También facilita las colaboraciones, ya que puedes encargar una entrada a un colaborador externo sin preocuparte por el formato.

De hecho, con los patrones sincronizados, no sincronizados y bloqueados tienes mucho más control y flexibilidad, pero solo si los utilizas bien.

Así funcionan los patrones sincronizados, no sincronizados y bloqueados

Cada patrón tiene un comportamiento diferente según cómo lo quieras configurar. Algunos se actualizan en todas partes, otros son flexibles y otros protegen el diseño cuando intervienen terceras personas.

Sigue leyendo para descubrir cómo funciona cada tipo y cómo utilizarlos conjuntamente para trabajar de forma más rápida y fiable.

Patrones sincronizados

Estos patrones son un conjunto de bloques personalizables globalmente. Al editar un patrón de este tipo, los cambios se actualizan en toda tu web de forma automática.

Imagina que tienes una sección de suscripción a la newsletter en tu página de inicio, en las entradas del blog y en la barra lateral. Al cambiar el texto de llamada a la acción de «Únete a los más de 1000 lectores» a «Recibe las novedades de la semana» en cualquiera de esos lugares, este cambio se aplica en todas las demás ubicaciones donde se haya utilizado este patrón sincronizado.

Los patrones sincronizados son perfectos en aquellas situaciones en las que necesitas que tu mensaje sea consistente en toda tu web. Los puedes utilizar para:

• Añadir CTA de newsletter en los pies de página de las entradas o en la barra lateral.
• Promocionar lanzamientos, servicios o descuentos limitados con una barra promocional global.
• Mostrar condiciones de afiliación o legales en tu web.
• Destacar eventos en directo (como webinars o talleres) con banners sincronizados.
• Mantener un mismo estilo visual en biografías e introducciones en entradas de colaboradores o con varios autores.

Crear un patrón sincronizado en tu web de WordPress es muy sencillo. Ve a Apariencia → Editor → Patrones → Añadir patrón. No olvides marcar la casilla Sincronizado al crear el patrón, ya que si lo guardas como no sincronizado, no podrás cambiarlo luego.

Patrones no sincronizados

Si no marcas la casilla Sincronizado, el patrón se guardará como patrón no sincronizado.

Como su nombre implica, estos patrones están desconectados unos de otros. Utilizan la misma estructura, pero cualquier cambio que hagas en uno de ellos no afectará a los demás.

Imagina que utilizas el mismo diseño personalizado para la sección «Favoritos de la semana»: título, cuadrícula de imágenes, un pequeño texto. Con un patrón no sincronizado, puedes insertar este diseño desde la biblioteca «Mis patrones» cada semana y añadir nuevo contenido e incluso modificar el diseño sin que afecte a ningún otro lugar donde se haya utilizado ese patrón.

Son muy útiles para formatos de repetición en los que quieres empezar con el mismo diseño, pero teniendo la flexibilidad de cambiar tanto el contenido como la estructura siempre que quieras. Puedes utilizarlos para:

• Publicar resúmenes semanales o listas.
• Compartir actualizaciones de funciones recurrentes o registros de cambios.
• Destacar opiniones de clientes o destacados de la comunidad de forma rotatoria.
• Anunciar nuevos lanzamientos o campañas de temporada con el mismo diseño.
• Reutilizar contenido de redes sociales en forma de entradas de blog con una plantilla consistente. 

¿Necesitas ayuda para crear tus propios patrones? No te pierdas este tutorial para hacer tus propios patrones personalizados sincronizados y no sincronizados (en inglés) y crear esquemas repetibles de los diseños que más utilizas.

Patrones bloqueados

Los patrones bloqueados son diseños preconstruidos que permiten que terceras personas editen el contenido sin alterar la estructura. Es útil cuando tienes que compartir las plantillas con colaboradores externos, ya que pueden editar el contenido, añadir texto, imágenes y enlaces, pero no pueden modificar el diseño.

Son ideales para trabajar con múltiples colaboradores, como en entradas de clientes, artículos de autores invitados o traducciones. También son perfectos cuando utilizas los perfiles de Editor o Colaborador en el plan Business, donde es importante controlar los detalles del diseño.

Puedes bloquear cualquier patrón de la biblioteca Mis patrones fácilmente. Solo tienes que abrir el patrón en el editor de bloques, seleccionar el bloque superior, hacer clic en el menú de tres puntos y seleccionar la opción Bloquear (de igual forma que si fueras a bloquear cualquier otro bloque).

No olvides marcar todas las casillas para proteger todos los bloques que incluye el patrón.

Quizá estés pensando que un patrón bloqueado es muy similar a un patrón no sincronizado, pero la diferencia clave es que en los patrones no sincronizados puedes editar tanto el contenido como la estructura, mientras que en los patrones bloqueados no se puede modificar la estructura, solo el contenido.

Cada tipo de patrón ofrece una solución a un problema diferente. Por eso nuestro kit de herramientas incluye los tres tipos, para que puedas trabajar de forma más rápida, consistente y flexible.

Nuestro kit de herramientas: crea tu propio sistema de publicación

Ahora que ya hemos explicado lo básico sobre los patrones, vamos a ver cuatro patrones listos para usar que puedes importar y utilizar inmediatamente. Te recomendamos personalizar estos patrones para que se ajusten al estilo de tu marca, pero, más allá de eso, los puedes usar tal cual.

Cada uno está diseñado con un objetivo en mente y te pueden ahorrar un montón de tiempo.

1. En el patrón Weekly publishing layout tienes una estructura repetible para resúmenes, actualizaciones o series de contenido.
2. Synced CTA te permite actualizar llamadas a la acción como barras de newsletter, banners promocionales y avisos desde un mismo lugar.
3. Testimonial loop te ayuda a destacar comentarios de usuarios en diferentes servicios, entradas y páginas con un par de clics.
4. Guest shell es un patrón donde el diseño está bloqueado y los colaboradores pueden añadir contenido.
5. El kit también incluye el PDF Format tracker para que puedas identificar los patrones que te resultan más útiles y convertir tu publicación de contenidos en un sistema de alto rendimiento.

Consejo: WordPress.com también ha publicado nuevos patrones para cabeceras, pies de página y link in bio que puedes añadir desde el editor del sitio para que todas tus páginas reflejen el estilo de tu marca.

Para empezar a utilizar los patrones:

1. Descarga el archivo del kit de herramientas del sistema de patrones desde este mismo artículo. Incluye cuatro archivos JSON y un PDF de seguimiento.
2. En tu escritorio de WordPress, ve a Apariencia → Editor → Patrones → Mis patrones.
3. Haz clic en Añadir patrón → Importar patrón desde JSON y sube los archivos JSON de uno en uno.

4. Una vez importados, los patrones aparecerán en Mis patrones.
5. Añádelos a cualquier página o entrada mediante el insertador de bloques.Haz clic en el botón «+», ve a Patrones → Mis patrones y selecciona el que quieres utilizar.

Cuando los hayas añadido, puedes utilizar las opciones de estilo del editor de bloques para adaptarlos a la estética de tu web, cambiar colores, añadir logos o modificar la tipografía como quieras. Son perfectamente flexibles y adaptables a tu gusto.

Además, estas plantillas le dan a tu web un aspecto pulido, estructurado y refinado, tanto si quieres optimizar tu web para SEO, para modelos de inteligencia artificial o para personas.

Utiliza el diseño de publicación semanal para publicar entradas de blog en diez minutos

Este diseño incluye un título, una pequeña introducción, una cuadrícula de contenido flexible y una barra de CTA con una estructura clara para una publicación rápida. Solo tienes que añadirlo a tu nueva entrada, actualizar el contenido y darle a Publicar.

Te puede ahorrar muchísimo tiempo si quieres:

• Publicar una newsletter o resúmenes de contenido habitualmente.
• Anunciar a tus lectores nuevas funcionalidades de productos, lanzamientos o momentos detrás de las cámaras.
• Gestionar entradas de blog recurrentes de marcas de clientes o series de contenido.
• Convertir publicaciones de Instagram o LinkedIn en artículos de blog semanales.

Pero este patrón sirve para mucho más. Prueba estas cinco ideas para simplificar tu publicación de contenido semanal y ganar incluso más tiempo:

1. Comparte actualizaciones de funcionalidades o de productos semanalmente: utiliza este diseño para destacar las novedades, cambios y próximos lanzamientos. 
2. Convierte newsletters en entradas de blog: con este diseño puedes archivar newsletters como entradas de blog sin tener que retocar el formato y que sea más sencillo buscar tu contenido por correo electrónico.
3. Convierte tus publicaciones en redes sociales en resúmenes en el blog: selecciona los tweets o hilos de la semana y añádelos a la cuadrícula de contenido. Ideal si quieres mantener un archivo público o hacer una serie recopilatoria.
4. Facilita la publicación de contenido recurrente de clientes: si trabajas con agencias o colaboradores, puedes reutilizar el diseño para publicar novedades de los clientes en un formato fijo. La publicación de contenido será más sencilla para ti y más clara y consistente para tus clientes. 
5. Publica y gestiona grandes cantidades de contenido más fácilmente: no es necesario que prepares las entradas de blog de una en una, puedes programar hasta tres o cuatro artículos de una sola vez. Inserta el diseño, añade el contenido y publica directamente o prográmalo para otro momento.

Consejo: utiliza el archivo de seguimiento (hablaremos más sobre esto luego) para registrar semanalmente el rendimiento de los temas del contenido, el formato y los cambios en el diseño. Te puede ser útil para ver lo que funciona y lo que no.

Utiliza el patrón Synced CTA para actualizar promociones en más de diez entradas de una vez

¿Te acuerdas de cuando había que editar decenas de entradas antiguas para cambiar un único enlace? No tendrás que hacerlo nunca más gracias a los patrones sincronizados. Este diseño de patrón sincronizado incluye un encabezado, un pequeño cuerpo de texto, un botón de llamada a la acción y un recordatorio de que reutilices esta CTA en LinkedIn, correo electrónico y redes sociales.

Solo tienes que insertar el patrón Synced CTA en cualquiera de tus entradas, y podrás actualizarlo desde cualquier lugar. WordPress aplicará automáticamente los cambios en todo tu sitio. Si eres creador de contenido, sabrás que te puede ahorrar mucho tiempo en situaciones como estas:

• En promociones por tiempo limitado u ofertas relámpago.
• Registros para webinars o talleres en tiempo real.
• Llamadas a la acción para newsletters en los pies de página de las entradas.
• Campañas promocionales de temporada en todas las entradas del blog.
• Condiciones legales o de afiliación en toda la web.

Te proponemos cinco ideas para que lo aproveches al máximo en tu blog, páginas de destino y archivos:

1. Llega a más gente con tu newsletter: añade una CTA de registro persistente en cada pie de página de las entradas del blog. Actualiza el texto para captar más seguidores o siempre que haya algún cambio.
2. Crea múltiples patrones de CTA sincronizados según la campaña: uno para tu newsletter, otro para el lanzamiento de un producto y otro para las promociones de afiliados. Esto te facilitará mucho la vida, sobre todo si ofreces diferentes productos o tipos de contenido.
3. Incluye un CTA sincronizado sobre tu webinar en las entradas de blog: tras el evento, cámbialo a una grabación del mismo o a una lista de espera para seguir convirtiendo el tráfico.
4. Alterna las promociones de temporada: crea patrones sincronizados separados para temporadas festivas como Black Friday o las rebajas de verano y actualízalas a lo largo del año.
5. Enlaza llamadas a la acción a categorías de contenido: por ejemplo, si escribes sobre diferentes temas, es probable que recibas tipos de público diferentes. Utiliza algo como «Echa un vistazo a nuestros consejos sobre SEO» para buscadores de contenido y «No te pierdas nuestro podcast semanal» para aficionados a los podcast.

En esta guía podrás aprender a diseñar llamadas a la acción que se adapten a los objetivos que tengas para tu contenido y tu público.

Utiliza el patrón de recomendaciones para añadir credibilidad social en menos de un minuto

Las recomendaciones personalizadas en tus páginas pueden tener un gran impacto en tu audiencia. Es cierto que hay que invertir mucho tiempo en ellas (sobre todo dándoles formato), y es por eso que muchos creadores de contenido no las incluyen en sus webs.

Este patrón contiene bloques de cita apilados con espacio para el nombre y un pequeño texto. Está diseñado para que puedas adaptar cada cita al producto, página o tipo de audiencia.

Como es un patrón no sincronizado, puedes insertar un bloque Cita o Párrafo de cita dentro del bucle de recomendaciones para personalizar la prueba social de cada página. Es especialmente útil si:

• Gestionas múltiples productos (como cursos, servicios o lanzamientos).
• Publicas ofertas o páginas de destino que necesitan prueba social.
• Compartes actualizaciones semanales y quieres recomendaciones nuevas en cada entrada.
• Quieres destacar la opinión de un lector o cliente en diferentes categorías.

Solo tienes que pegar la cita, actualizar el nombre o la fuente, ¡y listo! Prueba también estas cinco formas de añadir prueba social justo donde tus lectores la necesitan:

1. Añade una recomendación al lado del precio o de un bloque de inscripción: una recomendación cerca de la tabla de precios, un formulario de inscripción o una llamada a la acción (donde suelen entrar las dudas) puede dar un empujoncito a los indecisos.
2. Añade ritmo visual en entradas largas: utiliza las recomendaciones estratégicamente dentro de grandes secciones de contenido para dar un respiro a la lectura a la vez que afianzas ciertas ideas.
3. Cambia las citas semanalmente sin modificar el formato: si publicas de forma regular, alterna las opiniones de nuevos clientes, lectores o socios para sacar el máximo provecho.
4. Incluye minirrecomendaciones de las redes sociales o mensajes directos: inserta mensajes cortos de respuestas de X, comentarios de Instagram o correos electrónicos directamente en el bloque de recomendaciones.
5. Refuerza los ganchos de tu página combinándolos con opiniones reales: crea una entrada o una sección con una cita que coincida con el título. Si los lectores ven que otra persona valida lo que dices, suelen confiar más.

Consejo: También puedes guardar varias versiones de este diseño como patrones sincronizados según el uso que les quieras dar: una para cada programa, producto o servicio. De esta forma, cuando añadas nuevas recomendaciones de una de las categorías en cualquier lugar, el patrón se actualizará en todas partes.

Para hacerlo, copia el archivo JSON del bucle de recomendaciones (testimonial) y cámbiale el nombre según el uso que le quieras dar. Ábrelo con TextEdit u otro editor de texto y cambia:

"syncStatus": "unsynced"

A:

"syncStatus": "synced"

Ahora, cuando subas el JSON, se subirá como un patrón sincronizado.

Utiliza guest shells para que tus colaboradores puedan escribir sin modificar tu diseño

Por lo general, el formato suele acabar sufriendo muchos cambios en los casos de entradas de invitados o en borradores creados con inteligencia artificial. El patrón Guest shell incluye encabezados fijos, secciones del cuerpo del texto formateadas y campos con contenido de ejemplo y sirve como estructura clara y editable.

Conservan la tipografía, espaciado y estructura de la estética de tu marca y permiten que los demás solo tengan que concentrarse en añadir el contenido. De esta forma, los colaboradores pueden editar solo las zonas seguras aprobadas previamente por ti (para tu tranquilidad).

Utiliza los patrones guest shell a la hora de:

• Asignar borradores a colaboradores externos o a clientes.
• Permitir que asistentes virtuales o editores suban contenido.
• Trabajar con compañeros de equipo que tengan perfiles de Editor o Colaborador.
• Mantener la coherencia del diseño en equipos de muchas personas.

Las entradas de blog de terceros son solo una de las formas de las que puedes utilizar este patrón; aquí tienes otras cinco para proteger tu diseño:

1. Prepara borradores de clientes con diseños bloqueados: empieza con un guest shell que incluya los encabezados, el diseño y los estilos que prefieras. Añade el contenido de ejemplo y deja que tu cliente lo revise y haga comentarios sin modificar la estructura.
2. Utilízalo para publicar actualizaciones semanales con un formato coherente: utiliza el mismo patrón en contenido recurrente como registros de cambios en productos o recopilaciones semanales.
3. Añade automáticamente las biografías de los colaboradores en las entradas de autores invitados: amplía el patrón para añadir una sección de biografía bloqueada en la parte superior o inferior. Incluye una imagen y un nombre de ejemplo. Solo tendrás que actualizar estas secciones cada vez que asignes una entrada de un autor invitado.
4. Crea patrones específicos para las categorías de los diferentes tipos de entradas: haz copias de este patrón y cambia los encabezados o el texto para que se adapten a tus necesidades.
5. Protege tu diseño a la hora de traducir contenido: utiliza este patrón al solicitar la traducción de una entrada.

Registra el rendimiento de tus patrones

Pongamos que has reutilizado tu patrón de CTA favorito en varias entradas del blog durante este mes. Una vez para un lanzamiento, otra para un registro de newsletter y una tercera de la que ya ni te acuerdas.

Es hora de planear el contenido de la próxima semana, pero no tienes claro qué versión del patrón funcionó mejor. Para eso está el archivo Format tracker.

Es un sencillo documento descargable que te ayuda a transformar tus patrones en un sistema de rendimiento. No dudes más de qué entrada, diseño o gancho funciona mejor: todas las respuestas están aquí.

Solo tienes que rellenar la tabla registrando dónde has utilizado los patrones y cómo ha sido su rendimiento.

Si solo publicas de vez en cuando, probablemente no necesites registrarlo todo. Hazlo cuando lo necesites: por ejemplo, si quieres probar diseños diferentes, ofrecer múltiples ofertas o publicar mucha cantidad de contenido. Es especialmente útil en estos casos:

• Al alternar ofertas o promociones (como webinars, lanzamientos o CTA de temporada).
• Si quieres reutilizar diseños en varias entradas y quieres saber qué funciona mejor.
• Para probar diferentes ganchos, formatos de entradas o ubicaciones de las recomendaciones.
• A la hora de gestionar contenido de varios clientes o de un equipo y quieres tenerlo todo a la vista.

Consejo: ¿Prefieres utilizar un registro digital? Puedes recrearlo en una hoja de cálculo de Google y utilizar un plugin como Pretty Links para registrar los clics de los CTA.

Prueba nuevas estrategias duplicando tus patrones favoritos

Si te dedicas al marketing, seguro que te gusta saber qué combinaciones funcionan mejor en la interfaz de usuario. Los patrones son especialmente útiles para esto. No solo sirven para reutilizar elementos, sino también para probarlos.

Cuando hayas añadido un patrón como el de publicaciones semanales o el de CTA sincronizadas, duplícalo y prueba a cambiar algo de texto o algún elemento de diseño y analiza cuál consigue mejores resultados.

Haz clic en el menú de tres puntos y después en Duplicar.

Utiliza esta estrategia cuando quieras:

• Probar introducciones de blog con diferentes ganchos: una pregunta en vez de un enunciado, o una historia personal en lugar de una frase impactante.
• Realizar experimentos A/B del texto de las CTA: en una versión puedes hacer más énfasis en la sensación de urgencia, mientras que en otra puedes reforzar el valor a largo plazo.
• Ajustar la estructura del diseño: prueba diferentes formatos para las recomendaciones o reorganiza los formularios de registro.
• Experimentar con pequeños cambios visuales: cambia los tamaños de las imágenes, la posición de los botones o el espaciado y haz un seguimiento de lo que recibe más clics.
• Guarda plantillas reutilizables según su tipo de gancho: crea diferentes versiones según estén enfocadas en la narrativa, en puntos de conflicto o en estadísticas para tener siempre buenos puntos de partida.

Crea un sistema de publicación recurrente con los patrones de WordPress

Seguro que tienes cosas más importantes que hacer que modificar el mismo diseño todas las semanas. Los patrones de WordPress no son solo útiles, sino que pueden llegar a ser un sistema seguro para crear diseños personalizados, centralizar actualizaciones y trabajar de forma más fluida y consistente.

Gracias a ellos podrás concentrarte más en escribir y crear buen contenido y olvidarte de revisar artículos antiguos.

Ahora que ya sabes para qué sirve cada tipo de patrón, empieza a usar los patrones sincronizados, no sincronizados y bloqueados para reutilizar tus mejores diseños en todo tipo de contenido, desde artículos semanales hasta CTA globales.

Para sacarles el máximo provecho, lo mejor es combinarlos:

• Empareja un patrón bloqueado guest shell con una CTA sincronizada.
• Empieza tus newsletters con el patrón de publicación semanal y el de opiniones de usuarios.
• Utiliza el patrón de CTA sincronizado con el de recomendaciones para adaptar la prueba social al público de cada entrada.

Para empezar a hacerlo solo tienes que descargar el kit de herramientas gratuito del sistema de patrones, que incluye:

• 4 archivos JSON listos para importar.
• Un archivo PDF para hacer seguimiento.
• Instrucciones README en PDF.