Revisión extensa de los bloques Getwid Gutenberg

Creo que estará de acuerdo conmigo en que crear un sitio web con WordPress no es pan comido, especialmente para los que no son técnicos. Hoy, descubriremos el complemento de bloques Getwid Gutenberg.

El editor de Gutenberg, un nombre en clave para la nueva era en la edición de WordPress, ha abierto muchas más oportunidades de personalización y, al mismo tiempo, ha planteado nuevos problemas con los que lidiar .

Pero no nos asustamos fácilmente.

Los complementos patentados de Gutenberg, como Getwid WordPress Blocks que revisaremos en este artículo, ofrecen soluciones para abordar esos problemas y enriquecen su experiencia de creación de contenido en WordPress.

Entonces, ¿qué es Getwid? Es una biblioteca de bloques adicionales de Gutenberg y plantillas de diseño, cada uno con su propia cadena de herramientas para ayudarlo a crear casi cualquier tipo de sitio web que se proponga.

Vayamos al grano y estructuremos esta revisión de manera que pueda saltar rápidamente a la pieza necesaria.

Los conceptos y características clave de los bloques de Getwid Gutenberg

Estas son las capacidades clave y los principios fundamentales que hemos logrado definir:

• La mayor colección de bloques gratuitos para Gutenberg WordPress Block Editor.

Hasta ahora, Getwid se considera uno de los complementos de bloques de Gutenberg que ofrece la biblioteca más grande de bloques únicos y de uso común .

Le permite detener el salto de complementos, por lo que ahorra tiempo y espacio de alojamiento, ya que no necesitará instalar una docena más de complementos. Además, no es necesario esperar actualizaciones de diferentes proveedores de complementos y tratar con todos ellos por separado.

• Diseños Getwid prefabricados.

Además de los bloques, Getwid también ofrece una biblioteca de excelentes patrones de diseño para las secciones de sitios web más comunes: secciones de héroes y subhéroes, llamadas a la acción, servicios, testimonios, etc. Puede insertarlos fácilmente en los clics y actualizar el contenido de muestra con tu propio. Las plantillas están categorizadas, lo que le permite encontrar rápidamente el diseño que necesita. Los diseños también se pueden desactivar en la configuración de Getwid.

• Paridad visual con su tema de WordPress.

Getwid es probablemente uno de los mejores complementos en este aspecto ya que, en comparación con muchos complementos similares de Gutenberg; sus bloques heredan automáticamente los estilos (diseño visual) del tema de WordPress Gutenberg activado en lugar de agregar los suyos propios. Le ayuda a mantener la coherencia del diseño en todo el sitio web con menos complicaciones y configuraciones.

En palabras simples, los bloques tienen sus propios estilos, pero su tema agrega o anula esos estilos de bloque para que el contenido se vea más nativo a su tema de WordPress Gutenberg.

Funciones adicionales de los bloques Getwid Gutenberg

• Getwid está diseñado para cumplir con los puntos de referencia de rendimiento.

Aunque el rendimiento total siempre varía de un sitio a otro y depende de una variedad de factores, el complemento Getwid en sí es súper liviano.

Eso se logra gracias a una distribución inteligente de configuraciones (por ejemplo, dado que existe el bloque de encabezado avanzado que proporciona todo tipo de tipografía y se puede usar con casi cualquier otro bloque, Getwid no sobrecarga otros bloques con los mismos estilos de fuente pesados ​​y configuración de tipografía), interfaces Getwid nativas de Gutenberg sin decoración innecesaria, los archivos CSS y JS en línea minificados para no inflar su sitio web y más. Además, puede desactivar los bloques que no necesita para que su sitio web sea aún más rápido.

Este complemento orientado al rendimiento no solo mejorará el SEO de su sitio web y la experiencia general del usuario, sino que también lo ayudará a reducir su huella de carbono digital y ayudará a salvar el medio ambiente (cuantos menos recursos requiera su sitio web, más electricidad ahorrará). – el menor porcentaje de emisiones de CO2 de los centros de datos que alimentan su sitio web).

• El complemento permite ejecutar versiones de sitios web para dispositivos móviles y tabletas de última generación.

Los desarrolladores de Getwid se centraron mucho en la capacidad de adaptar el aspecto de las páginas de su sitio web de WordPress para diferentes dispositivos . Puede ajustar las experiencias web para dispositivos de escritorio, móviles y tabletas de forma selectiva para múltiples bloques esenciales.

Más funciones

• Fácil integración con varios servicios populares de terceros.

La biblioteca de bloques de Getwid ya ofrece una integración perfecta con Google Maps, Instagram y Mailchimp . Puede implementarlos sin necesidad de recurrir a complementos adicionales (¡otra cosa buena que hace que todo su sitio web sea más liviano!).

• Una colección dedicada de bloques para sitios web ricos en contenido.

Si tiene un blog, un sitio web de noticias o una revista, una tienda o simplemente desea promocionar su contenido ya publicado, el complemento Getwid abre más oportunidades para presentarlo de una manera impresionante. Gracias a la compatibilidad con tipos de publicaciones personalizadas, también puede crear controles deslizantes, cuadrículas y listas que se obtienen automáticamente de las publicaciones de WordPress de los complementos de terceros que podría usar.

• Un tema gratuito de WordPress Gutenberg creado con Getwid desde cero.

Getwid es gratis, pero si necesita una solución de tema lista para usar, también hay una plantilla básica de inicio gratuita de Getwid. Le ayudará a diseñar en Getwid más fácilmente mediante el uso de toneladas de piezas de contenido listas para usar que ya se ven geniales.

• Escala del desarrollador: un modelo gratuito de diseño de Gutenberg.

Si está buscando un complemento de Gutenberg decente para usar en la creación de sitios web de clientes, el complemento Getwid viene con otra ventaja para acelerar su flujo de trabajo. Hay un Getwid Style Kit gratuito que puede descargar en GitHub, que contiene un buen montón de archivos CSS de inicio y fragmentos de soporte de temas para facilitar el estilo de los bloques de Getwid y Gutenberg.

• Tutoriales en vídeo.

Si desea echar un vistazo al backend o simplemente necesita ayuda con algunos bloques, también está a su disposición una colección de tutoriales en vídeo de Getwid.

Ahora intentemos dar un vistazo a los bloques Getwid y luego procedamos con ejemplos.

Una lista de bloques de Gutenberg gratuitos disponibles en el complemento Getwid

El complemento ofrece hasta 40 bloques de WordPress hasta ahora:

• Bloque de sección : un bloque contenedor de nivel superior para cualquier tipo de diseño.
• Bloque de encabezado avanzado : un panel de control tipográfico completo.
• Google Maps Block : bastante autoexplicativo, incruste Google Maps con marcadores personalizados.
• Bloque de iconos : iconos totalmente personalizables.
• Icon Box Block : diseños prefabricados con contenedores de iconos.
• Image Box Block : diseños prefabricados con contenedores de imágenes.
• Bloque de enlaces sociales : un conjunto de iconos sociales.
• Banner Block : una solución para impresionantes banners promocionales.
• Bloque deslizante de imagen: controles deslizantes de imagen simples.
• Bloque deslizante de medios y texto : controles deslizantes avanzados.
• Bloque de grupo de botones: botones con diferentes estilos.
• Bloque de persona : exhibición de miembros del equipo y del personal.
• Bloque de acordeón: pestañas de acordeón.
• Toggle Block : alterna para visualizar datos.
• Bloque de pestañas : pestañas horizontales.
• Image Stack Gallery Block : galerías de imágenes con siete patrones de diseño diferentes.
• Bloque Testimonial : un bloque tradicional de testimonios.
• Bloque de publicaciones recientes: diseños de lista y cuadrícula para publicaciones recientes.
• Bloque espaciador avanzado: espacios personalizados fáciles entre bloques de contenido.
• Instagram Block : una transmisión en vivo de tus fotos de Instagram en WordPress.

¿Listo para más?

• Counter Block : contadores animados.
• Price Box Block : tablas de precios y comparativas.
• Bloque de barra de progreso : barras de progreso horizontales.
• Bloque de formulario de contacto : un formulario de contacto simple con reCAPTCHA.
• Bloque de carrusel posterior: un control deslizante de carrusel posterior.
• Bloque de lista de precios: una lista de alimentos y precios; opcionalmente una tabla de contenido.
• Post Slider Block : controles deslizantes generados automáticamente a partir de sus publicaciones.
• Bloque de tipo de publicación personalizada : cuadrícula, lista o diseño personalizado de cualquier tipo de publicación personalizada disponible en su sitio web.
• Bloque de barra de progreso circular : muestra el progreso con barras animadas.
• Bloque de línea de tiempo de contenido : las publicaciones se presentan cronológicamente.
• Bloque de cuenta regresiva: temporizadores de cuenta regresiva animados.
• Image Hotspot Block : punteros detallados y animados colocados sobre las imágenes.
• MailChimp Block : perfecta integración de Mailchimp.
• Video Popup Block : videos externos y autohospedados en ventanas emergentes.
• Bloque de biblioteca de plantillas : hasta 40 plantillas prefabricadas (¡deberías probarlo!)

Además, dado que el equipo de MotoPress detrás de Getwid siempre está creando nuevas funciones, es muy probable que esta lista se amplíe en el futuro.

Esta fue solo una vista de pájaro, así que profundicemos en los ajustes de configuración y echemos un vistazo entre bastidores para ilustrar las capacidades de Getwid. Vamos a utilizar diferentes temas de WordPress gratuitos y premium listos para Gutenberg.

Diseños personalizados de cualquier escala con el bloque de sección

La sección es un contenedor de varios bloques que puede completar con cualquier bloque, insertar fácilmente columnas de Gutenberg y crear diferentes tipos de fondos. Veamos algunas de sus características:

• Le permite comenzar con el ancho de diseño necesario (siéntase libre de crear diseños atractivos e inmersivos de ancho completo).
• Puede emplear bordes de bloques arrastrables para alineaciones y tamaños personalizados (márgenes y rellenos); la edición visual lo ayudará a ver cambios instantáneos.
• Puede crear una imagen, degradado, control deslizante, video y otros tipos de fondos con diferentes formas y efectos de animación. El panel de configuración de este bloque te permite ajustar el espaciado manualmente, elegir un ancho de contenido predeterminado, etc.
  
• Los márgenes, los rellenos, las alineaciones y un ancho de sección predeterminado se pueden personalizar para diferentes ventanas gráficas (escritorio, tableta, teléfono).

Personalización de los bloques Getwid Gutenberg

• También puede usar un fondo de posición fija para hacer que toda la página tenga más vida (para que la imagen permanezca intacta mientras se desplaza por una página). Es probable que aplique este enfoque para diseños de ancho completo para crear experiencias de navegación verdaderamente inmersivas.

• Es realmente fácil crear atractivas secciones principales de ancho completo e incluso páginas de destino completas, ya que puede colocar Secciones dentro de Secciones para dar un aspecto personalizado a cada pieza de contenido.
• Aplique paletas de colores preestablecidas para fondos degradados.

• Agrupe el contenido para construir una jerarquía visual usando separadores únicos: configure su tamaño y colores.

• Cree diseños de compensación elegantes.

• Animar bloques o secciones completas.

Efectos adicionales de los bloques Getwid Gutenberg

Hay toneladas de efectos de animación entre los que puede elegir:

• Aplique primeros planos profundamente personalizados para mantener un diseño aún más peculiar (configure el color de primer plano, el degradado, la imagen, cambie la opacidad y los modos de fusión).

• Para ir más allá de la tipografía simple, puede insertar el bloque de encabezado avanzado de Getwid que ofrece configuraciones de tipografía profundas (le permite trabajar con múltiples configuraciones de fuente: estilos, peso, tamaño, familia, espaciado, colores, etc.). Puede usar este bloque con cualquier otro bloque de Gutenberg o Getwid.

• Agregue botones con el bloque Button Group que también heredará automáticamente los estilos de su tema de WordPress listo para Gutenberg. El tamaño, el ancho, la dirección y la alineación del botón se pueden modificar para que pueda crear llamados a la acción profesionales con solo hacer clic.

Técnicamente, el bloque Sección puede servir como base para cualquier otro bloque o conjunto de bloques de WordPress de Gutenberg, especialmente cuando desea tener más opciones de personalización.

Muestre servicios, ideas y características a través de formas mínimas

El complemento de bloques Getwid Gutenberg se envía con varios bloques excelentes que permiten expresar cosas esenciales sobre su proyecto/negocio de una manera sencilla, legible y moderna.

Por ejemplo, puede comunicar mucha información mucho más fácilmente a través de íconos, imágenes+íconos, gráficos, contadores y más. Getwid los tiene todos.

Echemos un vistazo a algunos de estos bloques y aprendamos más sobre sus características.

• Coloque muchos íconos bonitos y livianos en cualquier pieza de contenido deseable con un bloque de ícono simple. Para perfeccionar un diseño coherente, puede elegir entre estilos de iconos simples, de fondo y de contorno.

El complemento Getwid utiliza íconos de Font Awesome que heredan automáticamente el diseño (tamaño del estilo) de cualquier tema listo para Gutenberg que pueda usar y, además, le permite elegir el color preferible de una paleta de colores de la marca del tema. Esto ayuda a que los íconos se mezclen con el diseño general de su tema mucho más fácilmente.

Sin embargo, puede implementar su propio conjunto de iconos si es necesario.

Configuraciones adicionales de los bloques Getwid Gutenberg

Para una apariencia y un comportamiento más personalizados, hay configuraciones para modificar el tamaño de los íconos, el radio del borde, los márgenes, aplicar efectos de animación y vincular íconos a URL externas. Gracias a estas configuraciones, puede usar íconos de varias formas: círculo, cuadrado, rectángulo y diagonales.

• Realice diseños basados ​​en iconos con los patrones prefabricados del bloque Icon Box de Getwid. Se suministra con casi la misma cadena de herramientas que Icon Block, pero también viene con campos de texto adicionales organizados y le permite crear contenido más rápido.

Bloques animados Getwid Gutenberg

• Visualice los datos utilizando los bloques animados Barra de progreso y Barra de progreso circular.

Los ajustes esenciales de ambas barras son totalmente configurables.

Tablas de precios

• Muestre tablas de comparación y precios con la ayuda del bloque Price Box. El bloque viene con un diseño prediseñado especialmente diseñado, que simplemente debe completar con sus datos.

Dado que todo el contenido se edita en línea (directamente en el Editor de Gutenberg), podrá actualizar rápidamente las características/descripción, botones, etc. También se admiten CSS personalizados, así que siéntase libre de darle a las tablas un aspecto más elegante.

preguntas frecuentes

• Los bloques Tabs, Toggle y Accordion, que en el diseño web moderno contribuyen mucho a mejorar la organización general del contenido, son muy útiles para estructurar información como preguntas frecuentes, política de la empresa, servicios en un hotel, archivos de música y cualquier otra información.

Puede tener una pestaña o alternar preseleccionada para una mejor usabilidad. A través del panel de configuración de bloques, puede cambiar iconos, diseños y tipos de títulos.

• Implemente íconos de redes sociales con el bloque Social Links. Getwid le permite implementar íconos imprescindibles sin problemas, ya que heredarán el aspecto de su tema automáticamente. Solo tendrá que decidir el estilo, el tamaño, la alineación y el espaciado.

• Mostrador de contadores animados. Por ejemplo, aquí hay un bloque superior sin estilos y el mismo contador colocado dentro del bloque Sección por los bloques Getwid Gutenberg:

Puede ir con la configuración mínima o avanzada:

El bloque admite números árabes orientales y farsi.

• Muestra una amplia gama de diseños robustos y cuidadosamente elaborados con imágenes por medio del bloque Image Box.

• Cree menús de restaurante con un bloque de lista de precios dedicado. Puedes ir con o sin imágenes.

Como habrás notado, dado que todos los bloques de Getwid son muy nativos de Gutenberg, tienes numerosas opciones para crear contenido hermoso y mantener una mejor consistencia visual con menos esfuerzo.

Cree impresionantes galerías de medios y controles deslizantes de Gutenberg

Getwid ofrece varias formas sencillas de presentar contenido multimedia:

• Agregue un control deslizante con el bloque Control deslizante de medios y texto, en el que puede controlar y editar todos los elementos directamente en el editor visual de Gutenberg.

Le impresionará lo profundo que puede profundizar en la configuración: establezca todos los tamaños preferibles, personalice los textos y superponga los colores, agregue opcionalmente rellenos personalizados, seleccione efectos de animación para las diapositivas y el texto individualmente y más. Por supuesto, puede optar por un diseño de ancho completo o ancho para su control deslizante. Si necesita una solución aún más simple, también existe el bloque Image Slider de Getwid que puede emplear.

¿Crees que necesitarás otro complemento deslizante de WordPress con Getwid a mano?

• Integre una galería de Instagram en vivo con facilidad sin recurrir a complementos de terceros.

• • • Cree encantadoras galerías de imágenes con el bloque Image Stack Gallery.

• Para proyectos creativos, puede usar un bloque realmente raro, Image Hotspot, para hacer que sus imágenes/fotos/pinturas/planos de piso sean más informativos. El bloque le permite colocar información sobre herramientas animada en cualquier área personalizada de sus imágenes para proporcionar más información sobre partes específicas de la imagen.

• Muestre videos de introducción o productos en impresionantes ventanas emergentes (puede usar sus imágenes de portada, animar botones, agregar subtítulos, etc.)

Muestra tu equipo

Hable sobre las personas que lo ayudan a construir un negocio con el bloque Persona fácil de mantener, que se incluye con elementos esenciales como títulos de trabajo, nombres, avatares e íconos sociales.

Además, puede mostrar el historial de su empresa/proyecto o mostrar cualquier otro evento en orden cronológico utilizando el bloque Línea de tiempo del evento.

Cree controles deslizantes de publicaciones y tipos de publicaciones personalizadas en Gutenberg

Si desea presentar publicaciones de blog u otros tipos de publicaciones personalizadas específicas (por ejemplo, servicios, productos de WooCommerce u otros tipos de contenido generados por los complementos que usa), el complemento de bloques Getwid Gutenberg viene con varios bloques dedicados para ayudarlo a poner énfasis adicional en ese contenido .

Puede utilizar los bloques Post Carousel, Post Slider y Custom Post Type de Getwid para este propósito. Aunque vienen con el conjunto estándar de configuraciones, Getwid hizo un esfuerzo adicional al proporcionarle un creador de plantillas personalizadas, donde puede construir visualmente un diseño que se aplicará al control deslizante de datos de publicaciones dinámicas.

Jugando con estos bloques, puedes crear:

• Impresionantes controles deslizantes de publicación de ancho completo/tipo de publicación personalizada.

• Un carrusel de publicaciones en columnas con diferentes elementos de diseño.

• Controles deslizantes de cuadrícula y lista.

¡Hay toneladas de opciones y características de estos bloques que requerirían un artículo propio!

Emplee pancartas animadas para promocionar ofertas o eventos

Puede llegar a más clientes potenciales con llamativos banners de llamado a la acción, que se pueden crear con el bloque Getwid Banner. Alternativamente, puede utilizar este bloque para cualquier otro propósito cuando sea necesario para poner énfasis en eventos o productos específicos.

El bloque le permite controlar el diseño, los colores, los efectos de movimiento y muchas otras configuraciones.

Pensamientos finales: el complemento Getwid WordPress Blocks es perfecto para blogs y sitios web de pequeñas empresas

Getwid es hasta ahora la mayor colección de bloques gratuitos de Gutenberg, obviamente, con el objetivo de convertirse en la solución todo en uno posible para ayudarlo a reducir la cantidad de complementos adicionales que podría necesitar usar.

Pero eso de ninguna manera implica cantidad sobre calidad ya que Getwid está haciendo un gran trabajo de diseño y desarrollo en múltiples aspectos. Aquí hay sólo algunos de ellos:

• Los extensos paneles de configuración implementan más escalabilidad y flexibilidad para cada bloque.
• Diseños de Gutenberg listos para usar.
• Independientemente de un tema de WordPress, Getwid le permite realizar ediciones más fácilmente y mantener una mejor consistencia visual casi automáticamente.
• Un modelo de diseño libre con los fragmentos de estilo de bloque.
• El complemento ofrece un valor adicional con varios servicios populares preinstalados que normalmente requieren complementos adicionales.
• Getwid ofrece algunos bloques realmente únicos, como Image Hotspot, Video Popup y Custom Post Type.
• El complemento Getwid se adhiere a las mejores prácticas de diseño y desarrollo para Gutenberg y WordPress 5.0, lo que contribuirá en gran medida a un enfoque con visión de futuro en la creación de sitios web.

En resumen, los bloques Getwid Gutenberg lo ayudarán a avanzar en cualquier tipo de sitio web que esté construyendo. Se beneficiará de él sin importar si está buscando una biblioteca de bloques lista para usar o solo un bloque específico. Así que no olvides probarlo, el complemento es gratuito como en la cerveza.