Cuando el editor de bloques de WordPress (también conocido como Gutenberg) se lanzó por primera vez en 2018, se hizo más fácil crear páginas web dinámicas para su sitio web de WordPress. En 2020, se añadieron nuevas funciones a Gutenberg para permitir una mayor personalización.
Esto incluyó el lanzamiento de los patrones de bloques de Gutenberg. Lanzado con WordPress 5.5, los patrones de bloques de Gutenberg te permiten utilizar colecciones de bloques seleccionadas para crear una página bien diseñada en menos tiempo.
Sigue leyendo para aprender:
- Qué son los patrones de bloques de Gutenberg
- Cuándo se deben usar los patrones de bloques de Gutenberg
- Cómo usar los patrones de bloques de Gutenberg
Patrones de bloques de Gutenberg: explicación
Los patrones de bloques de Gutenberg (o simplemente, patrones de bloques) son diseños predefinidos formados por bloques regulares de Gutenberg. Los patrones de bloques actúan igual que los bloques normales, lo que significa que puede editarlos después de insertarlos.
Sin embargo, los diseños predefinidos facilitan la creación de una página más atractiva. Con los patrones de bloques, puede elegir entre varios diseños para personalizar cada sección.
Los patrones de bloques pueden ser simples (como un grupo de botones) o tener un propósito específico (como una sección de información de contacto).
Además de las opciones predeterminadas de patrones de bloques, también puede crear patrones personalizados. Esto significa que los desarrolladores de temas y plugins pueden añadir sus propios patrones de bloques, lo que te da más opciones de personalización.
¿Por qué usar patrones de bloques de Gutenberg?
Entonces, ¿qué significan para ti los patrones de bloques de Gutenberg?
Esencialmente, te permiten crear un diseño web más atractivo en WordPress en menos tiempo.
Cuando WordPress lanzó por primera vez el editor Gutenberg, los bloques facilitaron la creación de páginas ricas en medios. Desafortunadamente, el lienzo en blanco se volvió un poco intimidante. Los usuarios tenían que pensar en el diseño de la página además del contenido.
Después de la introducción de los patrones de bloques, la creación de páginas web personalizables se volvió mucho más fácil. Tanto si eres un veterano de WordPress como un principiante, puedes pasar menos tiempo preocupándote por el diseño y más tiempo creando contenido increíble.
Cómo usar los patrones de bloques de Gutenberg
Uso de los patrones de bloque predeterminados
Para acceder a la función de patrón de bloques de Gutenberg, deberá instalar WordPress 5.5 o posterior. Una vez que tu versión de WordPress esté actualizada, los pasos para agregar un patrón de bloque son similares a los de agregar un bloque normal.
Comienza abriendo el editor de páginas de WordPress. Puede hacerlo editando una página existente o creando una nueva página.
A continuación, haga clic en el icono más + en la esquina superior izquierda para abrir la interfaz de inserción de WordPress. Si hace clic en el icono más + dentro de la página, es posible que deba seleccionar Examinar todo para abrir la interfaz del insertador en el lado izquierdo del editor.
Una vez que la interfaz esté abierta, haga clic en la pestaña Patrones .
Esto le permitirá navegar por los diversos patrones de bloques disponibles. Los patrones se organizan en categorías como botones, galería y columnas.
El editor predeterminado de Gutenberg ofrece solo un puñado de opciones para comenzar. Sin embargo, puedes instalar ciertos temas y plugins que proporcionan opciones adicionales (más sobre esto más adelante).
Para insertar un patrón de bloques de Gutenberg, simplemente haga clic en el patrón de su elección. El patrón de bloques se insertará en tu página de WordPress.
Edición de patrones de bloques
Una vez que el patrón de bloques esté en tu página, puedes editar todos los elementos dentro del diseño. Recuerde, los patrones de bloques están hechos de bloques individuales que han sido seleccionados en estas plantillas. Por lo tanto, actúan como bloques normales.
Encontrar más patrones de bloques
Si quieres más opciones de patrones de bloques, puedes instalar el plugin Gutenberg Blocks Library & Framework de Redux. Este plugin gratuito te da acceso a su biblioteca de patrones de bloques, que se actualiza constantemente.
La biblioteca tiene miles de diseños de patrones de bloques para elegir. Lo mejor de todo es que puedes filtrar fácilmente tu búsqueda para encontrar patrones de bloques que funcionen con tu tema y plugins actuales.
Creación de patrones de bloques personalizados
¿Y si quieres crear tus propios patrones?
Los desarrolladores pueden crear y enviar patrones de bloques personalizados mediante código. Sin embargo, si no estás familiarizado con el desarrollo web, hay varios plugins que pueden ayudarte a crear y guardar tus propios patrones de bloques personalizados sin necesidad de codificar.
El plugin Block Pattern Builder de Justin Tadlock es un plugin gratuito que te permite crear y guardar patrones de bloques personalizados. Una vez que instales y actives el plugin, crear un nuevo patrón de bloques es sencillo.
Empieza por insertar y organizar los bloques individuales en tu editor de WordPress. Una vez que los tenga en un diseño que le guste, seleccione los bloques y expanda el menú usando la opción de menú de tres puntos a la derecha.
Ahora tendrá la opción de Agregar a patrones de bloques. Simplemente asigne un nombre a su patrón de bloques y guárdelo en su biblioteca. Los patrones de bloques que cree se guardan en la sección Sin categorizar de la pestaña Patrones .
Con la adición de los patrones de bloques de Gutenberg, WordPress continúa modernizando su experiencia de usuario. Ahora, con una biblioteca de patrones de bloques predefinidos, puedes crear rápidamente diseños bien diseñados para todas tus páginas.
Varias opciones de personalización y plugins hacen que sea más fácil que nunca crear páginas personalizadas en WordPress. El uso del nuevo editor de bloques y los patrones de bloques de Gutenberg significa que puede crear un sitio web profesional atractivo en cuestión de días.
¿Listo para crear tu propio sitio? Elige el servicio de alojamiento recomendado por WordPress. Echa un vistazo a los planes de alojamiento de WordPress de Bluehost hoy mismo.
Escriba un comentario