Getwid – Bloques de WordPress personalizables para Gutenberg

Gutenberg La mera mención de esa palabra puede derretir el hielo. Por lo general, puedes escuchar un alfiler caer en el silencio que sigue después de gritar "¡GUTENBERG!" en algunos lugares. Quizás no deberías gritar, pero ese no es el punto. Es un día frío para el editor de Gutenberg, ¿o no?

Cuando Gutenberg se convirtió en el editor de contenido predeterminado para WordPress, muchos usuarios, tanto principiantes como desarrolladores, se mostraron escépticos. Fue una transición agonizante porque – cambio. El nuevo editor significaba que los usuarios tenían que aprender y adaptarse a una nueva forma de crear contenido en WordPress.

Es cierto que cambiar las viejas costumbres es difícil, posiblemente por eso Gutenberg enfrentó una fuerte resistencia al principio. Pero las cosas han cambiado enormemente con el tiempo. Si bien muchos usuarios estaban perplejos al principio, a la gente le encanta el nuevo editor, especialmente cuando es tan fácil de usar y, lo que es más importante, se extiende con complementos.

Gracias a complementos como Getwid, el tema de la revisión de hoy, puedes sobrecargar Gutenberg de formas que nunca antes habías imaginado. Y si el impulso continúa (y lo hará), Gutenberg tiene un futuro muy brillante. En mi opinión, cada vez más usuarios apenas necesitarán creadores de páginas de WordPress para crear páginas y publicaciones impresionantes.

En la revisión de hoy, echamos un vistazo a todas las características que hacen de Getwid uno de los mejores complementos de Gutenberg que encontrarás en la web. Para mostrarle qué esperar, probamos el complemento y revisamos brevemente más de 30 bloques que Getwid trae a un editor de Gutenberg que ya es poderoso.

Con ese preámbulo, hay un montón que cubrir, así que será mejor que lo anulemos. ¿Ves lo que hice ahí? Jaja. Bien, comencemos.

¿Qué es Getwid?

Primero lo primero, ¿qué diablos es Getwid? Bueno, Getwid es un ingenioso complemento que te ayuda a extender el editor Gutenberg a lo grande. Simple mucho? En otras palabras, es una hermosa colección de 34 bloques que le permiten crear contenido brillante en Gutenberg.

Según Motopress, el desarrollador, Getwid se conecta a Gutenberg sin problemas, "… haciendo que su transición general a Gutenberg sea menos estresante". Una transición más suave es especialmente importante para los usuarios nuevos. La mejor parte es que el complemento se puede descargar gratis en WordPress.org, lo que significa que puede comenzar a ejecutarlo de inmediato.

Getwid sigue los mejores estándares de codificación de WordPress, ofreciéndole la solución perfecta para enriquecer su contenido sin excavar en el código. Además, es totalmente compatible con todos los temas de WordPress listos para Gutenberg, lo que significa que no encontrará problemas de incompatibilidad.

Además, Getwid es compatible con otros complementos de Gutenberg de terceros, que le ofrecen más funciones para crear el contenido atractivo que desea. Además, Getwid viene con un montón de opciones que le permiten diseñar cada bloque para que coincida con su marca y preferencias.

Bloques Gutenberg fáciles de usar

Además, el complemento es increíblemente fácil de configurar y usar, lo que significa que no necesita un desarrollador para sostener su mano. Tampoco necesitas conocimientos de codificación. Además, Getwid presenta los últimos trucos de rendimiento, como la minificación CSS, para que pueda crear contenido fantástico sin preocuparse por la velocidad de su sitio de WordPress.

Hablando de contenido fantástico, Getwid lo ayuda a "… crear páginas de aterrizaje eficientes, mostrar páginas de servicios vibrantes, crear carteras llamativas", agregar controles deslizantes hermosos, implementar encabezados fantásticos, mostrar tablas de precios, ¡y mucho más! Le ofrece todos los bloques que necesita para sobrecargar "… sitios web comerciales, nuevas empresas, proyectos creativos y una diversidad de otros nichos".

Lista Getwid de bloques de Gutenberg

Getwid viene con una buena cantidad de bloques de Gutenberg. Recuerde, también funciona con bloques centrales de Gutenberg, lo que significa que nada debería impedirle crear contenido increíble que funcione para su sitio web. Aquí está la lista de bloques de Gutenberg disponibles en Getwid (Advertencia: es MUY LARGO):

Sección
Control deslizante de medios y texto
Control deslizante de imagen
Icono
Cuadro de iconos
Banner (sí, completo con animaciones – ¡woo hoo!)
Acordeones
Pestañas
Palanca
Galería de pila de imágenes
mapas de Google
Mensajes recientes
Rumbo avanzado
Cuadro de imagen
Espaciador avanzado
vínculos sociales
Grupo de botones
Testimonial
Caja de persona
Instagram
Barra de progreso
Barra de progreso circular
Mostrador
Caja de precio
Formulario de contacto
Carrusel de correos
Control deslizante de publicación
Tipo de mensaje personalizado
Lista de precios
MailChimp
Ventana emergente de video
Punto de acceso de imagen
cuenta regresiva
Cronología de contenido

Uf, qué lista? Y pensar que cada uno de los bloques anteriores viene con una gran cantidad de configuraciones, estilos y opciones, para que pueda diseñar su contenido de la manera que desee.

Hasta ahora todo bien, el complemento de bloques Getwid Gutenberg parece muy prometedor.

Ahora que sabe con qué estamos trabajando, permítanos instalar Getwid y repasar los diferentes bloques. Espero que disfrutes de la siguiente sección tanto como yo cuando probé el complemento.

Cómo instalar el complemento Getwid Gutenberg Blocks

Como Getwid está disponible en el repositorio oficial de complementos de WordPress, no perderemos el tiempo descargando el complemento en su computadora. En su lugar, instalaremos el complemento directamente desde el panel de administración de WordPress.

Sin más preámbulos, inicie sesión en su panel de administración de WordPress y navegue hasta Complementos> Agregar nuevo como señalo en la captura de pantalla a continuación.

Sobre el Agregar complementos página, ingrese "Getwid" en el cuadro de búsqueda de palabras clave y presione el Instalar en pc Ahora botón, como se muestra a continuación.

Sin perder un segundo, haga clic en el Activar botón, como destaco a continuación para finalizar la instalación.

Y eso es; No estaba mintiendo cuando te dije que configurar Getwid es fácil 🙂

Ahora, veamos qué ofrece Getwid dentro del editor Gutenberg. Para saber qué hay en la tienda, necesitamos crear una nueva página o publicación. Trabaja con lo que quieras.

Agregar una nueva página

Trabajaré con una página solo con fines ilustrativos. Y también porque estoy usando el venerado tema Total de WordPress que viene con una plantilla de página de destino 🙂

A estas alturas, probablemente ya sepa cómo agregar una nueva página en WordPress, pero si es un principiante absoluto, navegue hasta Páginas> Agregar nuevo, como se ve a continuación.

Agregue el título de su página y elija la configuración requerida. Por ejemplo, si desea crear una página de destino de ancho completo como la suya, seleccione la opción de Atributos de página sección, como se muestra a continuación.

Tenga en cuenta que puede tener diferentes opciones en Atributos de página sección dependiendo de tu tema.

Agregar bloques Getwid Gutenberg

Agregar bloques Getwid es lo mismo que agregar bloques típicos de Gutenberg. Haga clic en el más (+) botón, desplazarse hacia abajo Getwid Bloques, y elige el bloque que quieras.

Bloque de sección

Para agregar una sección Getwid, por ejemplo, simplemente agregue el Sección bloque, como se muestra a continuación.

Tan simple como A, B, C. Después de eso, debe diseñar / diseñar su sección como lo considere adecuado. El bloque de sección le permite crear hermosos diseños de página sección por sección sin codificación. Puede agregar controles deslizantes, imágenes de fondo, videos, paralaje, animaciones, formas, colores múltiples, etc. a su sección fácilmente. Para ver una página creada usando bloques de sección, consulte la siguiente demostración de sección.

Como se muestra en la imagen a continuación, puede agregar cualquier bloque dentro del bloque de sección. Además, puede personalizar la sección como lo desee.

A la derecha de la página, tiene muchas opciones para personalizar la sección. Repasaremos brevemente las opciones de arriba a abajo.

Talla – Establezca las dimensiones de su sección aquí. Al momento de escribir, tiene tres opciones de ancho, a saber En caja, ancho completo, y Personalizado. Además de eso, puede establecer diferentes alturas de sección para computadoras de escritorio, tabletas y dispositivos móviles. Por último, tiene una opción para especificar los espacios entre los bloques de contenido dentro del bloque de sección.
Relleno – La opción le permite configurar el relleno alrededor de su sección para computadoras de escritorio, tabletas y dispositivos móviles.
Margen – Agregue márgenes alrededor de su bloque de sección para varios dispositivos.
Alineación – Aquí, puede especificar la vertical y horizontal de su sección para varios dispositivos.
Color de fondo – Puede agregar cualquier color de fondo que desee a las secciones.
Gradiente de fondo – Esta opción te ayuda a crear gradientes de fondo para tu sección. La opción es útil si no desea utilizar fondos de color sólido.
Imagen de fondo – Aquí, puede agregar una imagen de fondo a su sección, en lugar de usar colores.
Control deslizante de fondo – Ahora, puede agregar controles deslizantes de fondo a las secciones de su página. ¿Que dulce?
Video de fondo – ¿Estás buscando enriquecer tu sección con un video de fondo? Si es así, Getwid te respalda.
Primer plano – Agregue efectos de primer plano a su sección.
Divisores – Agregue divisores entre sus secciones
Animación de entrada – Gracias a Getwid, puedes animar diferentes secciones a tu gusto.
Avanzado – Aquí, puede agregar un ancla HTML y una clase CSS

Bloque deslizante de medios y texto

Para agregar un bloque deslizante de medios y texto, haga clic en más (+) icono, desplazarse a Bloques Getwid y haga clic Control deslizante de medios y texto, Como se muestra abajo.

Una vez que agregue el bloque, puede cargar sus medios y agregar texto. Además de eso, puede personalizar el bloque desde la barra lateral derecha, como se muestra en la imagen a continuación.

Aquí, un par de notas para las opciones de bloqueo de medios y texto en la barra lateral derecha como se muestra arriba:

Configuraciones – En la pestaña de configuración, puede especificar el número de diapositivas, el tamaño de la imagen, la altura del control deslizante, el ancho del contenido y la alineación vertical / horizontal.
Color de texto – La opción le permite personalizar el color del texto en su control deslizante
Color superpuesto – Puede establecer el color de la superposición y especificar la opacidad de la superposición
Relleno – Use esta opción para agregar fácilmente relleno alrededor de sus controles deslizantes de medios y texto
Configuración del control deslizante – Aquí, puede agregar animación a su control deslizante y habilitar la presentación de diapositivas
Animación de texto – Anima el texto en tus controles deslizantes
Avanzado – Agregue una clase CSS personalizada para que pueda diseñar aún más sus controles deslizantes

Aquí hay un excelente ejemplo del bloque deslizante de medios y texto en acción.

Control deslizante de imagen

Además del control deslizante de medios y texto, Getwid le ofrece la Control deslizante de imagen bloque también. Para hacerlo, navegue hasta Bloques Getwid y haga clic en Control deslizante de imagen bloquear como detallo en la captura de pantalla a continuación.

Una vez que cargue o agregue imágenes de la biblioteca de medios, puede personalizar el control deslizante desde la barra lateral derecha, como se muestra a continuación.

Desde la barra lateral derecha, tiene un par de opciones de la siguiente manera:

Configuraciones de imagen – Desde esta pestaña, puede elegir el tamaño de la imagen, recortar automáticamente las imágenes y vincular cada imagen al archivo multimedia o página adjunta. Esto es especialmente beneficioso si eres fotógrafo y usas controles deslizantes de imagen para mostrar tu trabajo.
Configuración del control deslizante – Aquí, puede especificar la cantidad de diapositivas que puede mostrar en varios dispositivos, es decir, computadora de escritorio, computadora portátil, tableta y dispositivo móvil.
Configuraciones de control – En esta pestaña, puede especificar dónde mostrar las flechas y puntos de navegación.
Avanzado – Agrega una clase CSS personalizada aquí

Para obtener una mejor imagen, aquí hay una demostración de control deslizante de imágenes para su placer visual.

Bloque de banner

Un bloque de banner le permite anunciarse en su sitio web de WordPress como un jefe. Agregar un bloque de banner es igualmente simple. Navegar a Bloques Getwid dentro del editor Gutenberg y haga clic en el Bandera bloque, como se muestra a continuación.

Una vez que agregue su archivo multimedia de banner, obtendrá un par de opciones, como se muestra en la imagen a continuación.

Como puede ver en la imagen de arriba, puede agregar fácilmente un enlace a su banner y abrir el enlace en una nueva pestaña. En la barra lateral derecha, tiene más opciones para personalizar sus pancartas. Aquí, puede personalizar el tamaño del banner, la alineación, los colores y las animaciones.

Tiene muchas opciones para crear banners atractivos para su sitio web. Siéntase libre de ver estas demostraciones de pancartas para tener una idea de lo que puede crear.

Otros bloques de Getwid Gutenberg

No importa cuán tentador, posiblemente no pueda cubrir 30 bloques más de Getwid en la revisión de hoy. Si hacemos eso, estará aquí todo el día, ya que el artículo será demasiado largo para leer.

De todos modos, espero que ahora pueda agregar y personalizar cualquier bloque Getwid Gutenberg que desee. Todo lo que tienes que hacer es navegar a Bloques Getwid y haz clic en el bloque que quieras. Después de eso, agregue su contenido y personalice el bloque desde la barra lateral derecha como lo hicimos para los otros bloques.

Para ver más ejemplos de bloques Getwid Gutenberg en acción, visite la página del complemento Getwid en MotoPress. Además, aquí hay una publicación de Meet Getwid que profundiza en lo que ofrece el complemento.

Getwid es un poderoso complemento de Gutenberg con un encantador conjunto de bloques. Además, cada bloque viene con un conjunto único de opciones que le permiten crear contenido atractivo en muy poco tiempo.

Además de eso, el complemento es increíblemente fácil de configurar y usar. No necesita conocimientos de codificación o experiencia previa para aprovechar el poder de Getwid para impulsar la participación en su sitio web.

El complemento es 100% gratuito y de código abierto, lo que significa que puede usarlo y personalizarlo ampliamente sin preocuparse por su billetera o licencia. Es la herramienta perfecta para tener en su kit de herramientas profesional de WordPress.

Espero que ahora pueda usar Getwid para dar vida a sus páginas y publicaciones de WordPress sin sudar. De lo contrario, exprese sus inquietudes y sugerencias en la sección de comentarios.