Sigue este blog vía RSS, en el Fediverso en @acambronero@www.blogpocket.com, o vía email.

You don’t speak Spanish? Explore a selection of Blogpocket posts in English

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

FSE-NEWS-1024x576 Patrones de bloques en WordPress: cómo encontrarlos y usarlos, Extendify, BlockMeister; y más
FSE NEWS: Posts rápidos con tips, tools y noticias sobre Gutenberg y Full Site Editing

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 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.

Responder en Mastodon (requiere usuario en esa plataforma)

Puedes usar tu cuenta de Mastodon para responder a este post de

Copia y pega esta URL (https://www.blogpocket.com/?p=73981) en el campo de búsqueda de la interfaz web de tu servidor Mastodon.

Icono de Mastodon

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Antonio Cambronero.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a GreenGeeks que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir al contenido