¿Qué son los patrones de bloque de WordPress?

Publicado: 2022-08-18

¿Escuchas mucho sobre los patrones de bloqueo de WordPress pero no sabes exactamente cuál es su propósito? Usted está en el lugar correcto!

En esta publicación, no solo explicaremos qué son los patrones de bloqueo de WordPress, sino que también le enseñaremos cómo usarlos en su sitio web, cómo crear sus propios patrones personalizados y dónde encontrar patrones de bloqueo de WordPress listos para usar en línea.

Entonces, si es propietario de un sitio de WordPress y quiere aprovechar al máximo su presencia en línea, siga leyendo para aprender todo lo que necesita saber sobre esta característica genial que WordPress tiene reservada para usted, también conocida como patrones de bloqueo.

¡Vamos a sumergirnos!

¿Qué son los patrones de bloques de WordPress y por qué debería usarlos?

Los patrones de bloques de WordPress son plantillas hechas de bloques.

En otras palabras, si toma algunos bloques de WordPress y los une en un hermoso diseño, acaba de crear un patrón de bloque de WordPress.

Los patrones de bloques de WordPress están disponibles para los usuarios desde el lanzamiento del editor de bloques de WordPress. Pero WordPress 6.0 se ha centrado particularmente en los patrones, que se convirtieron en las principales herramientas para crear diseños y plantillas en WordPress. Esta versión de WordPress destaca los patrones en lugar de los bloques individuales.

Con los patrones de bloques de WordPress, puede crear plantillas completas para sus páginas o solo partes de una plantilla que puede usar como secciones en su sitio. Se puede crear un diseño completo a partir de tantos patrones de bloques como considere adecuado para sus necesidades.

Una vez que crea o personaliza un patrón de WordPress, puede guardarlo en su biblioteca y reutilizarlo cuando lo desee en páginas o publicaciones de blog.

¿Por qué son útiles los patrones de bloques?

Los patrones de bloques de WordPress son útiles por varias razones:

  • Cualquier propietario de un sitio web que no tenga las habilidades técnicas para crear diseños desde cero ahora puede hacer que su sitio web se vea increíble a través de patrones de bloques. Con esta función, puede diseñar sus páginas, secciones y publicaciones usted mismo sin demasiado esfuerzo.
  • Los patrones de bloques son reutilizables y flexibles. Puede crear y volver a crear muchas plantillas a partir de sus patrones de bloques guardados. Por ejemplo, puede guardar el mismo patrón de bloque en muchas variaciones diferentes (por ejemplo, en diferentes colores o tipografía). Depende de usted cómo personalizar cada patrón de bloque.
  • También puede crear muchas combinaciones de bloques diferentes que simplemente puede reutilizar en el futuro para diferentes proyectos o campañas. Esto es excelente a largo plazo porque ahorra tiempo y evita el trabajo repetitivo.

Cómo usar patrones de bloques de WordPress

¿Te sientes entusiasmado por decorar tu sitio web de WordPress con hermosas páginas y plantillas? Veamos cómo puedes usar exactamente los patrones de bloques de WordPress.

Ve a la página o publicación donde quieras incluir un patrón. Una vez allí, haz clic en el icono + en la parte superior izquierda del editor de bloques de WordPress.

Gutenberg + icono WP

Cuando el menú se despliegue, seleccione Patrones . También puede elegir una categoría de patrones que sería más relevante para sus necesidades. Haga clic en el botón Explorar para abrir los patrones en una ventana más grande.

Desplegable de patrones de bloque wp

Después de navegar por la colección de patrones, haga clic en el patrón que desea insertar en la publicación o página.

Una vez insertado en el editor de bloques, puede comenzar a personalizarlo. Para personalizar un patrón de bloque, debe personalizar cada bloque por separado que contiene el patrón. Entonces, solo necesita hacer clic en cada bloque en ese patrón y personalizarlo individualmente.

Si no le gusta un bloque específico, siempre puede reemplazarlo por otro, ya sea un bloque personalizado o uno que ya existe en la biblioteca.

personalizar patrones de bloques

Y eso es. Cuando haya terminado de personalizar cada bloque, su patrón estará listo para publicarse. ¡Es fácil!

Dónde encontrar patrones de bloques de WordPress listos para usar

Como probablemente ya haya notado en la sección anterior, WordPress viene con patrones de bloques listos para usar para que los use libremente en su sitio web. Si no se siente lo suficientemente creativo o simplemente necesita inspiración para sus futuros diseños, encontrará muchos patrones de bloques listos para usar en el repositorio oficial de WordPress.

Aquí, descubrirá una impresionante colección de patrones que se dividen en varias categorías: Botones, Columnas, Galería, Encabezado, Imágenes, Texto y Destacados. En total, solo el repositorio de WordPress ofrece más de 800 patrones de bloques geniales para uso público.

patrones de bloques prefabricados

Tómese su tiempo para revisar los patrones disponibles para que pueda encontrar los diseños más hermosos para su sitio web. Entonces, sí, puede llevar un tiempo encontrar los adecuados para usted, ya que hay muchas opciones para elegir.

Cuando encuentre un patrón que le gustaría usar o personalizar aún más, haga clic en él para abrirlo en una nueva página, luego haga clic en Copiar patrón .

Luego, regrese a su publicación o página inicial en su tablero de WordPress, donde deseaba agregar el patrón, haga clic con el botón derecho en el editor de bloques y péguelo.

copiar patrón de bloque

Una vez más, ¡así de fácil es agregar un patrón de bloque de WordPress desde el repositorio oficial a su sitio web de WordPress! Requiere sólo unos pocos clics.

Si, después de copiar, ve bloques que contienen "contenido inesperado o no válido", simplemente haga clic en el botón Intentar recuperación de bloque a continuación para solucionarlo.

intentar recuperar el bloque

¡Aquí tienes! Acaba de copiar un patrón de bloque de WordPress en su sitio web de WordPress. ¡Puedes seguir adelante y personalizarlo a tu gusto!

Volviendo a los patrones en el repositorio de WordPress, tenga en cuenta que también puede marcar patrones como favoritos para acceder a ellos más fácilmente en el futuro. El número de corazones indica a cuántas personas les encantó un diseño específico.

Cómo crear sus propios patrones de bloques

Hasta ahora, ha aprendido a usar los patrones de bloques de WordPress que están disponibles de forma predeterminada. Aún así, puedes crear tus propios patrones si necesitas algo muy específico o especial que no esté disponible en la biblioteca. En esta sección, le mostraremos cómo crear sus propios patrones de bloques sin código.

Cree patrones de bloques de WordPress a través del repositorio de WordPress

Vaya a WordPress.org -> Patrones -> Crear un nuevo patrón . Debe iniciar sesión para crear un patrón. Así que asegúrese de crear una cuenta si no tiene una.

Patrones de WordPress.org

A continuación, verá una página en blanco del editor de bloques donde puede agregar nuevos bloques y crear patrones tal como lo haría a través de su panel de WordPress.

Aquí, puede escribir el nombre de los bloques que desea insertar. Por ejemplo, párrafo, verso, imagen, portada, encabezado, columnas, medios y texto, etc. También puede agregar bloques usando el ícono + en la esquina superior izquierda (al igual que a través de su tablero de WordPress).

Si desea utilizar imágenes, puede seleccionarlas de la galería predeterminada o cargar sus propias imágenes. Una vez que haya insertado todos los bloques, los haya personalizado y haya creado la versión final del patrón, puede hacer cualquiera de estas dos cosas:

Envíelo al repositorio (esquina superior derecha de la página)

enviar patrón

Asigne un nombre a su patrón, una descripción, elija una categoría para él y haga clic en Finalizar . Tenga en cuenta que su patrón será revisado por el equipo central de WordPress y publicado en el repositorio. Esto significa que otras personas podrán usarlo en sus sitios web.

Guardarlo como borrador

mis patrones

Si desea conservar el patrón solo para usted (sin hacerlo público), simplemente guárdelo como borrador. Cada vez que quieras usar tus patrones, ve a Mis patrones y allí los encontrarás todos.

Crear patrones de bloques de WordPress con complementos

Si desea mantener todo junto en su tablero de WordPress y no tener que ir al repositorio de WordPress para crear nuevos patrones, puede instalar un complemento que le permite crearlos sin salir del tablero.

Elija uno de estos dos complementos para comenzar (ambos son gratuitos):

  • Generador de patrones de bloques
  • BlockMeister

Te mostraremos brevemente los pasos para crear patrones con el plugin de BlockMeister:

Instale el complemento a través de Complementos -> Agregar nuevo.

instalar el complemento de patrón de bloque

Cuando el complemento esté instalado, vaya nuevamente al menú del panel de control de WordPress, haga clic en Patrones de bloque y luego en Agregar nuevo . A continuación, verá el editor de bloques de WordPress donde puede comenzar a agregar bloques.

crear patrón a través del complemento

Después de crear el patrón, publíquelo. Verá todos sus patrones personalizados en Patrones de bloques -> Todos los patrones.

El siguiente paso es volver a la publicación o página donde desea insertar el patrón de bloque, hacer clic en el ícono + -> Patrones y buscar su patrón (también conocido como el nombre que le dio a su patrón cuando lo creó). Su patrón debería aparecer allí, en la biblioteca.

mi primer patrón

Haga clic en él para insertarlo, siéntase libre de personalizarlo aún más para que coincida con sus necesidades, ¡y listo! Ahora puede usarlo en cualquier lugar de su sitio web de WordPress.

Si desea guardar una nueva variación del mismo patrón personalizado después de la personalización, haga clic en el patrón (no en un solo bloque, sino en todo el patrón) y seleccione Agregar a patrones de bloque . Asígnele un nombre diferente y haga clic en Crear patrón.

agregar a los patrones de bloque

Encontrará esta nueva variación de patrón en la biblioteca después de actualizar la página.

Conclusión

Esto concluye nuestro tutorial sobre patrones de bloques de WordPress. Ahora puede tener la oportunidad de diseñar su sitio web de la manera que desee y hacerlo más atractivo para sus visitantes.

Como probablemente notó al leer este artículo, usar y personalizar patrones de bloques no es nada complicado. Incluso crear sus propios patrones requiere solo unos pocos pasos simples.

Además de ser fáciles de administrar, los patrones de bloqueo de WordPress son particularmente útiles porque, incluso si eres un principiante, tienes la oportunidad de crear tus propias plantillas, personalizarlas tantas veces como quieras y reutilizarlas en cualquier parte de tu sitio.

¿No es genial? Es un paso adelante hacia una experiencia de WordPress más visual, tanto para el usuario como para el lector.

¿Qué opinas sobre los patrones de bloqueo de WordPress? ¿Los encuentra útiles para su sitio web? Háganos saber a través de la sección de comentarios.