Getwid – Bloques de WordPress personalizables para Gutenberg

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 es?


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, En el tema de la revisión de hoy, puede sobrecargar Gutenberg de formas que nunca antes había 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 mejor obtener wid eso. ¿Ves lo que hice ahí? Jaja. Ok, comencemos.

¿Qué es Getwid??

Getwid - Bloques de Gutenberg

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 te permiten crear contenido brillante en Gutenberg.

De acuerdo a 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 ejecutar de inmediato.

Getwid sigue a los mejores Estándares de codificación de WordPress, ofreciéndole la solución perfecta para enriquecer su contenido sin profundizar 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 necesita 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 hermosos controles deslizantes, 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, ¡guau!)
  • 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.

cómo instalar un nuevo complemento de wordpress

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.

cómo instalar el complemento getwid gutenberg blocks para wordpress

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

cómo activar el plugin getwid wordpress

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

Agregar una nueva página en WordPress

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

atributos de página en gutenberb

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.

bloque de sección getwid

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 lo siguiente sección de demostración.

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

configuración de bloque de sección getwid

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,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 las brechas 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 como quieras.
  • 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.

Bloque deslizante de medios y texto getwid

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.

configuración del bloque deslizante de texto de medios getwid

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

control deslizante de imagen getwid

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

configuración del control deslizante de imagen getwid

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 los puntos y las flechas de navegación..
  • Avanzado – Agrega una clase CSS personalizada aquí

Para obtener una mejor imagen, aquí hay un demostración del control deslizante de imagen 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.

bloque de banner de getwid

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

configuración de bloqueo de banner de getwid

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

Tienes muchas opciones para crear atractivos banners para tu sitio web. Siéntase libre de ver estos demostraciones de banner para probar lo que puedes 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 leerlo..

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 haga clic en el bloque que desee. 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 el Complemento Getwid página en MotoPress. Además, aquí hay un Conoce la publicación de 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 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.

Aparte de eso, ¿cuál es tu complemento favorito de bloques de Gutenberg??

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map