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?

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

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 a continuación.

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

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

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

control deslizante de imagen getwid

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.

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

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

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.

Aparte de eso, ¬Ņcu√°l es tu complemento favorito de bloques de Gutenberg?