Patrones de bloques en WordPress: cómo encontrarlos y usarlos, Extendify, BlockMeister; y más

En este post hallarás algunos enlaces interesantes, y de última hora, para ponerte al día sobre WordPress.

FSE NEWS son posts rápidos con tips, tools y noticias sobre Gutenberg y Full Site Editing (FSE). Consulta la página principal para acceder a todos los posts de FSE NEWS. Consulta el FAQ para aclarar los términos generales que se utilizan.

Patrones de bloques

• Cómo encontrar y usar patrones de bloques en WordPress. Los patrones de bloques son una característica del editor de WordPress que permite a los usuarios crear fácilmente diseños complejos utilizando patrones de bloques prediseñados. Estos patrones pueden incluir texto, imágenes y otros medios. Se pueden usar para crear varios tipos de contenido, como columnas, galerías y más. Estos patrones se pueden usar desde el directorio de patrones de WordPress y los temas y complementos instalados en su sitio web.
• Extendify — Patrones y plantillas de Gutenberg. Extendify es la plataforma de diseño de sitios y herramientas de creación para personas que desean crear un hermoso sitio web de WordPress con una biblioteca de patrones y diseños de página completa para el editor de bloques de Gutenberg.
• BlockMeister – Creador de patrones de bloques. Si quieres crear tus propios patrones pero sin código, este plugin es fantástico para eso (ver vídeo que se incluye al final de este artículo)
• Patrones, Bloques Reutilizables y Bloqueo de Bloques. Un taller de Wes Theron en WordPress TV, en el que se explora el uso de patrones de bloques, la creación y edición de bloques reutilizables y la utilización de las funciones de desactivación de bloques.

Vídeo (tutorial patrones de bloques)

• 01:07 – Los patrones de bloques son diseños que vienen con el tema que tengas activo y que puedes utilizar como base para crear otros nuevos. En este episodio, repasamos cómo puedes crear un nuevo patrón de bloques.
• 02:33 – Si el nuevo patrón de bloques solo va a añadirse a la lista de los que venían con tu tema activo, y para utilizarse en tu sitio web, puedes crearlo con el plugin BlockMeister. Este plugin aporta la posibilidad de crear nuevos patrones, mediante el editor de bloques, asignarlos a categorías y gestionarlos mediante una nueva opción en la barra de opciones del administrador de WordPress. El plugin también añade una nueva opción contextual para que puedas convertir en patrón de bloques cualquier diseño que tengas en el editor de bloques.
• 04:04 – Pero si el nuevo patrón de bloques va a formar parte de un tema que estás creando, entonces es necesario que sepas la manera de hacerlo mediante código. Aquí, hay dos maneras de actuar: usando la instrucción para registrar patrones dentro del archivo functions.php o mediante la creación de un archivo dentro de la carpeta «patterns». En ambos casos, es útil que conozcas cómo obtener el código del diseño. Y la manera más fácil es a partir de un diseño creado en el editor de bloques. En el vídeo se muestra que activando la vista de código puedes ver dicho código o, incluso, convirtiendo el diseño a bloque reutilizable podrías descargar el archivo json correspondiente. El código que va en la instrucción, y que sirve para registrar patrones dentro de functions.php, requiere que las comillas dobles vayan siempre precedidas de la barra invertida (\). De ahí, el truco de conversión en bloque reutilizable y descarga del archivo json, porque este último se genera así. Hay otra manera de crear patrones de bloque sin usar el archivo functions.php pero ahí el código no necesita las comillas dobles precedidas de la barra invertida.

Relacionado

• Curso práctico de patrones de bloques (para el usuario final)

Curso de Full Site Editing

Si necesitas aprender los fundamentos de la edición completa del sitio, acude a nuestro Curso de Full Site Editing.

Y en la sección FSE News encontrarás más trucos, herramientas y noticias sobre la WordPress, Gutenberg y la edición completa del sitio.

Comparte en Mastodon:

Y aún hay más…

Suscríbete a la newsletter

En la newsletter «WP al día» recopilamos las ideas, trucos y noticias de actualidad acerca de WordPress, Gutenberg y la Edición completa del sitio. Recíbela todos los lunes a primera hora.

Suscríbete ahora y descarga, entre otros, nuestro último ebook «Un blog de 21 años (la historia jamás contada)!.

¡Quiero suscribirme!