Volver al soporte Contenido y multimedia Bloques Crear un patrón

Crear un patrón

Con los patrones, puedes guardar bloques personalizados para reutilizarlos en tu sitio. Si añades repetidamente los mismos grupos de bloques a nuevas páginas, los patrones te ahorrarán mucho tiempo. En esta guía, aprenderás a crear y utilizar patrones.

💡

Inspírate con nuestra colección de patrones, creados por el equipo de diseño de WordPress.com para crear exactamente las páginas que necesitas.

Crear un patrón

En primer lugar, crea el contenido que quieras reutilizar. Un patrón puede ser un solo bloque o un grupo de varios bloques. En nuestro ejemplo, utilizaremos una imagen, un encabezado, un texto y un botón de llamada a la acción con el siguiente aspecto:

un ejemplo de una colección de bloques que se pueden convertir en un patrón.
Ejemplo de una colección de bloques que utilizan un bloque Medios y texto con un Encabezado, Párrafo y Botones.

Una vez que hayas creado tu contenido, sigue estos pasos para convertirlo en un patrón que puedas usar en cualquier lugar de tu sitio.

  1. Elige todos los bloques que quieras reutilizar. Hay varias formas de seleccionar bloques:
    • Puedes resaltar varios bloques uno al lado del otro con el ratón.
    • En la vista de lista, haz clic en el primer bloque, mantén pulsada la tecla Mayús del teclado y haz clic en el bloque final. Se seleccionarán todos los bloques comprendidos entre el primero y el último.
  2. Haz clic en los tres puntos que aparecen en la barra de herramientas del bloque.
  3. Haz clic en la opción «Crear patrón».
  4. Ponle un nombre que te ayude a recordar para qué sirve el patrón. Solo tú puedes ver este nombre.
  5. También puedes asignar el patrón a una categoría, lo que resulta útil si tienes muchos patrones que quieras mantener organizados.
  6. Activa o desactiva la opción «Sincronizado»:
    • Sincronizado: cualquier modificación que realices en el patrón se aplicará en cualquier lugar en el que se haya insertado. Ideal para reutilizar bloques.
    • Sin sincronizar: cualquier modificación que hagas en el patrón se aplicará solo a una instancia del patrón. Es ideal si quieres utilizar el mismo diseño en varias páginas, pero cambiar el contenido del patrón de cada página.
  7. Haz clic en el botón «Crear».

Usar un patrón

Una vez que hayas creado un patrón, insértalo en tu contenido siguiendo los pasos que se indican a continuación.

  1. Haz clic en el icono del +Insertador de bloques.
  2. Elige la pestaña Patrones:
Después de hacer clic en el insertador de bloques, los patrones se marcan con una flecha que apunta a la pestaña.
  1. Elige entre:
    • Todos los patrones: explora todos los patrones, incluidos los que proporciona WordPress.com.
    • Mis patrones: explora solo los patrones que hayas creado tú mismo.
    • Explora patrones de ejemplo por categoría, como Acerca de, Banners, Formularios, Servicios y muchos más.
  2. Haz clic una vez en un patrón para añadirlo a tu página.

💡

Con el teclado, también puedes escribir una barra diagonal / y el nombre de tu patrón en una nueva línea y pulsar Intro para añadir rápidamente un patrón que hayas creado.

Editar un patrón

Después de añadir un patrón, puedes editarlo de dos maneras:

Insertar un patrón para editarlo

  1. Añadir el patrón a tu sitio, como se explica en la sección anterior.
  2. Elige el bloque y haz clic en la opción «Editar original» de la barra de herramientas del bloque:
barra de herramientas del patrón sincronizado.
  1. Haz los cambios que quieras, como escribir texto nuevo, reordenar bloques, añadir nuevos bloques o eliminar bloques.
  2. Cuando termines de hacer los cambios, haz clic en el botón Guardar/Actualizar/Publicar que se encuentra en la esquina superior derecha.
  3. Antes de guardar los cambios, encontrarás un resumen de los cambios que has hecho en tu sitio. Si has editado un patrón sincronizado, se resaltará aquí.
  4. Vuelve a hacer clic en el botón «Guardar» para confirmar el cambio o desmarca la casilla situada junto a los cambios que no quieras guardar.

Haz clic en la opción «Restablecer» de la barra de herramientas para restaurar inmediatamente un patrón sincronizado al contenido original.

Una flecha resalta los cambios en los patrones sincronizados.

Editar un patrón a través de Mis patrones

  1. Dirígete al panel de administración.
  2. Ve a Apariencia → Editor.
  3. Haz clic en la pestaña «Patrones».
  4. Elige tu patrón y haz clic en el icono del lápiz para editarlo.
  5. Cuando hayas terminado con las ediciones, haz clic en el botón «Guardar».

Si no puedes acceder a Apariencia → Editor, tu sitio no usa un tema de bloques. Para editar un patrón sin acceso al Editor del sitio:

  1. Dirígete al panel de administración.
  2. Navega a Apariencia → Patrones.
  3. Haz clic en el título del patrón para editarlo.
  4. Cuando hayas terminado con las ediciones, haz clic en el botón «Actualizar».

Patrones sincronizados y no sincronizados

Al crear un patrón, puedes convertirlo en un patrón sincronizado o sin sincronizar. A continuación, explicaremos cada opción y cómo trabajar con ambos tipos de patrones.

Patrones sincronizados

Un patrón sincronizado es un patrón que se mantiene siempre que lo utilices en tu sitio. Cuando edites el patrón sincronizado en un solo lugar de tu sitio, ese cambio se aplicará a todos los lugares en los que se utilice el patrón. Por ejemplo, si creas un patrón sincronizado para el horario comercial, puedes cambiar ese horario en una instancia del patrón y se actualizará en todo tu sitio.

Los patrones sincronizados se identifican mediante el símbolo de patrón que se parece a un diamante con otro diamante detrás. También verás el nombre del patrón en los siguientes lugares del editor:

barra de herramientas del patrón sincronizado
El icono y el nombre del patrón tal como aparecen en la barra de herramientas del bloque.

Puedes cambiar un patrón sincronizado en cualquier lugar en el que esté en uso. Cuando guardes los cambios, se aplicarán a todas las páginas y entradas que utilicen ese patrón.

Desvincular un patrón sincronizado

Al desvincular un patrón sincronizado, puedes editar el contenido del patrón para esa página o entrada. Convierte ese patrón insertado en un patrón sin sincronizar y deja intacto el patrón sincronizado existente.

Para convertir un patrón sincronizado en un patrón sin sincronizar:

  1. Añadir el patrón a tu sitio, como se explica en la sección anterior.
  2. Haz clic en el patrón y aparecerá una barra de herramientas encima o debajo de él.
  3. Haz clic en los tres puntos que aparecen al final de la barra de herramientas y elige la opción «Desvincular»:
Una flecha señala los puntos suspensivos de la barra de herramientas del bloque y la opción Desvincular aparece resaltada.

Sobrescribir un patrón sincronizado

Puedes sobreescribir el contenido de un patrón sincronizado y mantener el resto de la estructura del contenido igual. Esto te permite establecer, bloque por bloque, la posibilidad de personalizar el contenido de instancias individuales y mantener intacto el diseño general. Obtén más información sobre sobrescribir patrones.

Patrones sin sincronizar

Un patrón sin sincronizar es una colección de bloques que has diseñado y quieres volver a usar, pero que también quieres tener la libertad de cambiar el contenido de los bloques después de haberlos añadido a una página o entrada. Por ejemplo, es posible que tengas un diseño uniforme que incluya imágenes y texto para tus entradas de blog. Puedes crear un patrón, desactivar la opción de sincronización y, a continuación, modificar las imágenes y el texto con el mismo diseño en cada entrada de blog.

A diferencia de los patrones sincronizados, una vez que se añade un patrón no sincronizado a una página, este se comporta como una colección normal de bloques. Puedes cambiar el contenido del patrón no sincronizado, que solo se aplicará a esa página o entrada.

Restaurar una revisión anterior de un patrón

A medida que haces cambios en los patrones, las versiones anteriores de los bloques se guardan por si necesitas volver a una versión anterior. Para acceder a las revisiones de un patrón, sigue estos pasos:

  1. Dirígete al panel de administración.
  2. Ve a Apariencia → Editor.
  3. Selecciona Patrones.
  4. Haz clic en la opción «Gestionar todos mis patrones».
  5. Pasa el ratón por encima del título de cualquier patrón y elige Editar.
  6. Abre la barra lateral de ajustes, como se muestra en el lado derecho. El icono tiene la forma de un cuadrado con dos columnas desiguales.
  7. En la pestaña Patrón, haz clic en Revisiones. Si no aparece «Revisiones», no hay revisiones guardadas todavía.

Si no puedes acceder a Apariencia → Editor, tu sitio no usa un tema de bloques. Para acceder a las revisiones de un patrón sin acceder al Editor del sitio:

  1. Dirígete al panel de administración.
  2. Navega a Apariencia → Patrones.
  3. Haz clic en el título del patrón cuyas revisiones quieras ver.
  4. Abre la barra lateral de ajustes, como se muestra en el lado derecho. El icono tiene la forma de un cuadrado con dos columnas desiguales.
  5. En la pestaña Patrón, haz clic en Revisiones. Si no aparece «Revisiones», no hay revisiones guardadas todavía.

En las revisiones se mostrarán todas las versiones del patrón guardadas previamente. Al igual que con las revisiones de páginas y entradas, puedes cargar una versión anterior del patrón aquí si lo deseas.

El módulo de patrones en la barra lateral derecha del editor. Las revisiones aparecen destacadas con una flecha naranja.

Eliminar un patrón

Para eliminar patrones de tu sitio:

  1. Visita tu panel de administración y ve a Apariencia → Editor.
  2. Selecciona Patrones → Mis patrones.
  3. Haz clic en los tres puntos situados junto al nombre de cualquier patrón y elige la opción «Eliminar» para eliminarlo.
La opción «Mis patrones» está seleccionada y una flecha señala los tres puntos y, a continuación, el botón Eliminar.

Si no puedes acceder a Apariencia → Editor, tu sitio no usa un tema de bloques. Para eliminar una revisión de patrones sin acceder al Editor del sitio:

  1. Dirígete al panel de administración.
  2. Navega a Apariencia → Patrones.
  3. Pasa el cursor por encima del título del patrón que quieras eliminar.
  4. Debajo del título, elige la opción «Papelera».

Importar y exportar patrones

Si tienes un patrón en un sitio que quieres mover a otro sitio, te mostramos cómo exportar e importar los bloques como un archivo JSON:

  1. Dirígete al panel de administración.
  2. Ve a Apariencia → Editor.
  3. Selecciona Patrones.
  4. Haz clic en «Gestionar todos mis patrones», donde puedes
    • Exportar un patrón: mantén el ratón encima del título de cualquier patrón y haz clic en la opción «Exportar como JSON». Esto guardará un archivo en tu ordenador. Si has creado patrones, puedes seleccionarlos en lote con casillas de verificación para exportarlos como un grupo.
    • Importar un patrón: haz clic en el botón «Importar desde JSON» en la parte superior de la pantalla de gestión de patrones:
El botón Importar desde JSON se muestra en la pantalla de patrones.

Si no puedes acceder a Apariencia → Editor, tu sitio no usa un tema de bloques. Para importar un patrón sin acceder al Editor del sitio:

  1. Dirígete al panel de administración.
  2. Navega a Apariencia → Patrones.
  3. Haz clic en el botón «Importar desde JSON» en la parte superior de la pantalla Patrones.
  4. Haz clic en «Elegir archivo» y elige un archivo para subir.
  5. Haz clic en «Importar».

Para exportar un patrón sin acceder al Editor del sitio:

  1. Dirígete al panel de administración.
  2. Navega a Apariencia → Patrones.
  3. Pasa el cursor por encima del título del patrón que quieras exportar.
  4. Debajo del título, elige la opción «Exportar como JSON».
Copied to clipboard!