fbpx Skip to content

17 Plugins, Tutoriales y Recursos para Gutenberg

La comunidad de WordPress tiene oficialmente la fiebre de Gutenberg. Aunque ha habido algunas quejas (y no sin motivo), el pequeño editor bloqueado que podría, se ha convertido en la corriente dominante. La gente ha estado construyendo, escribiendo, cotejando y, en general, adaptándose a los cambios, y estoy aquí para mostrarles algo de lo que han hecho… ¡Disfruten!

Plugins

Como es habitual, la comunidad de WordPress se ha vuelto loca, y ya ha desarrollado un montón de plugins para el nuevo editor; no podemos enumerarlos todos. Además, muchos de ellos añaden más o menos los mismos bloques nuevos, o bloques muy similares, así que he decidido enumerar sólo los que me han llamado la atención.

Para obtener listas más completas, consulte la sección “Sitios y directorios de autoridad” a continuación.

Galería de bloques

Un plugin de galería de fotos que hace lo que dice, y no viene con otros mil bloques. ¿Qué más se puede pedir?

Opciones de bloque para Gutenberg

Opciones de bloques para Gutenberg le permite mostrar u ocultar bloques basándose en una serie de factores, entre los que se incluyen:

  • Qué dispositivo se está usando para ver el sitio;
  • Si el usuario está conectado o no (¿está bien para llamadas a la acción, tal vez?);
  • Basado en los valores de los campos en Advanced Custom Fields;
  • Y basado en la lógica condicional personalizada, usted mismo puede configurarlo.

Coblocks

Ya hay muchos plugins que pretenden convertir a Gutenberg en un creador de páginas completo, pero Coblocks es el que actualmente tengo en la mira. Claro que tienen muchas opciones de diseño y funciones, pero en su mayoría se mantienen ligeras y sencillas en lugar de estar demasiado animadas. También parecen en gran medida agnósticos al estilo.

No utilizan JavaScript en la parte frontal cuando no es necesario, y proporcionan controles bastante buenos para la tipografía personalizada. En general, estoy bastante impresionado.

Desactivar Gutenberg

Desactiva a Gutenberg. No expira en 2022. dijo Nuff.

Bloque Gutenberg de Google Maps

Aunque éste no es el único plugin que proporciona un bloque de mapa, es uno de los pocos que sólo proporciona un bloque de mapa. Una vez más, hace lo que dice, y no hincha los menús. Seré un fan de estos plugins de bloque de un solo propósito hasta que no haya tantos de esos plugins de “ultimate block collection”.

Gerente de Gutenberg

El plugin Gutenberg Manager le permite habilitar o deshabilitar Gutenberg para los mensajes, páginas o tipos de mensajes personalizados que desee. Básicamente esto le permite usar otro plugin en su lugar para algunos tipos de contenido (como un plugin de constructor de página apropiado), sin deshabilitar Gutenberg completamente.

Aquellos que buscan flexibilidad en su experiencia de edición de contenido querrán aprovechar esta.

Jetpack

Sí, que Jetpack. A partir del 27 de noviembre de 2018, Jetpack cuenta con algunos bloques propios, entre los que se incluyen un bloque que permite la reducción del precio, botones de pago, mapas y un formulario de contacto completo.

Debe tenerse en cuenta que algunos de los bloques, al igual que muchas de las características de Jetpack, requieren estar en el plan premium de Jetpack.

Bloques WooCommerce

Hecho por los propios Automattic, WooCommerce Blocks proporciona la integración de Gutenberg para (¡lo has adivinado!) WooCommerce. Hay bloques para rejillas de productos, productos destacados, productos seleccionados a mano, productos de mayor venta, productos seleccionados a mano y mucho más.

Combínelo con sus plugins de diseño favoritos de Gutenberg para obtener el mejor efecto, y tendrá una forma más de convertir WordPress en una tienda artesanal.

Tutoriales y guías

Gutenberg aún no había salido bien cuando la gente empezó a escribir tutoriales y guías. La gente de toda la industria quería estar a la vanguardia, y todos estamos cosechando los beneficios. Aquí están algunas de las mejores que he encontrado hasta ahora:

Añadir el soporte de Gutenberg al tema de WordPress – Lo que dice el título. Esto te ayudará a empezar.

Crear Variaciones de Estilo para Bloques de WordPress Gutenberg: Parte 1 y Crear Variaciones de Estilo para Bloques de WordPress Gutenberg: Parte 2 – Esta serie de dos partes es para cuando ya has aprendido a construir un bloque personalizado, y quieres dar a tus usuarios algunas opciones adicionales.

Comenzando con Gutenberg creando tu propio bloque – De nuestros amigos de Smashing Magazine.

Gutenberg Handbook – Este es el manual oficial del desarrollador de WordPress. Obviamente no es exactamente para principiantes.

Cómo construir bloques Gutenberg usando JSX – Este es para los desarrolladores de React, específicamente.

Styling the Gutenberg Columns Block – Un antiguo tutorial de CSS-Tricks que trata sobre un bloque específico, pero que puede ser usado como punto de partida para personalizar todos los estilos relacionados con bloques.

Trabajando con el Editor de Estilos en Gutenberg – Por último, tenemos un tutorial sobre cómo añadir estilos personalizados al editor para que lo que los usuarios vean en la parte de atrás sea más o menos lo que obtienen en el otro extremo.

Sitios y directorios de autoridad

Centro Gutenberg

Gutenberg Hub pretende ser la ventanilla única para todas las cosas que bloquean en WordPress. Tienen listas masivas de temas y plugins, sus propios tutoriales, e incluso una sección de noticias de Gutenberg. Ya sea que sólo quiera aprender cómo empezar, o ir al máximo con un editor de contenido obsesivo (hay no vergüenza en eso), este es probablemente el lugar para empezar.

WP Gutenberg

WP Gutenberg es un centro de recursos que se centra en gran medida en un estilo de listado de contenido, y renuncia a la redacción. Tienen montones de plugins y temas de soporte de Gutenberg en la lista, más de lo que podríamos poner razonablemente en un artículo sobre el Día Mundial de la Diversidad Biológica.

El único problema es que en el momento de escribir este artículo, el sitio está un poco pinchado. Al hacer clic en cualquier listado, accederá a una página 404, por lo que es posible que sólo tenga que copiar/pegar títulos en Google para encontrar los recursos que aparecen en la lista.

Haré el chiste por ti. Es una calesa como Gutenberg. ¿Ves? no fue que divertido.

Imagen destacada a través de Unsplash