GetWid – Bloques de WordPress personalizables para Gutenberg

Gutenberg. La mera mención de esta palabra puede derretir el hielo. Por lo general, puedes escuchar una pila que cae en el silencio que aparece después de gritar “¡Gutenberg!” en algunos lugares. No deberías gritar, pero esa no es la idea. ¿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, principiantes y desarrolladores, eran escépticos. Fue una transición agonizante porque – Cambio. El nuevo editor ha significado que los usuarios deben aprender y adaptarse a una nueva forma de crear contenido en WordPress. Es cierto que cambiar los modos antiguos es difícil, por lo que Gutenberg inicialmente enfrentó una dura resistencia. Pero las cosas han cambiado enormemente con el tiempo. Si bien muchos usuarios estaban perplejos al principio, a la gente le encanta rápidamente al nuevo editor, especialmente cuando es tan fácil de usar y, lo que es más importante, se extiende con los complementos.
Gracias a los complementos como GetWid, el tema de la revisión de hoy, puede sobrecargar a Gutenberg de una manera que nunca ha imaginado. Y si el impulso continúa (y continuará), Gutenberg tiene un futuro muy brillante. En mi opinión, cada vez más usuarios no necesitarán páginas de WordPress para crear páginas y publicaciones impresionantes. En la revisión de hoy, echamos un vistazo a todas las funciones que hacen de GetWid uno de los mejores complementos de Gutenberg que jamás encontrará en la web. Para mostrarle qué esperar, probamos el complemento y pasamos brevemente más de 30 bloques que GetWid trae a un editor de Gutenberg.
Con este preámbulo, hay una tonelada de cobertura, por lo que sería bueno ampliarlo. ¿Ves lo que hice ahí? Ja ja. Bien, comencemos. ¿Qué es GetWid? Información y descarga Ver demostración

En primer lugar, ¿qué diablos está GetWid? Bueno, GetWid es un complemento inteligente que lo ayuda a expandir el editor de Gutenberg. ¿Mucho simple? En otras palabras, es una hermosa colección de 34 bloques que le permiten crear contenido brillante en Gutenberg. Según el desarrollador de MotoPress, GetWid se conecta perfectamente a Gutenberg, “… haciendo la transición general a Gutenberg menos estresante”. Una transición más suave es particularmente importante para los usuarios por primera vez. La mejor parte es que el complemento se descarga de forma gratuita de wordpress.org, lo que significa que puede presionar el suelo de inmediato.
GetWid respeta los mejores estándares de codificación de WordPress, lo que le brinda la solución perfecta para enriquecer su contenido sin bucear en el código. Además, es totalmente compatible con todos los temas de WordPress preparados para Gutenberg, lo que significa que no tendrá problemas de incompatibilidad. Además, GetWid es compatible con otros complementos de Gutenberg de terceros, lo que le brinda más funciones para crear el contenido interesante que desea. GetWid también viene con muchas opciones que le permiten estilizar cada bloque para que coincida con su marca y preferencias.
Gutenberg bloques fáciles de usar Además, el suplemento es increíblemente fácil de configurar y usar, lo que significa que no necesita un desarrollador para sostener su mano. Ni siquiera necesitas conocimientos de codificación. Además, GetWid ofrece los últimos trucos de rendimiento, como la reducción de CSS para que pueda crear contenido fantástico sin preocuparse por la velocidad de su sitio de WordPress. Por el camino de contenido fantástico, GetWid lo ayuda a “… crear páginas de destino efectivas, presentar páginas de servicio vibrantes, crear carteras atractivas”, agregar hermosas diapositivas, implementar títulos fantásticos, mostrar tablas de precios y más. Le ofrece todos los bloques que necesita para sobrecargar “… Sitios web de negocios, nuevas empresas, proyectos creativos y una variedad de otros nichos”. GetWid List Gutenberg GetWid viene con una gran cantidad de bloques de Gutenberg. Recuerde, trabaje con los bloques básicos de Gutenberg, lo que significa que nada debería evitar que cree contenido maravilloso que funcione para su sitio web. Aquí está la lista de bloques de Gutenberg disponibles en GetWid (precaución: es un loong):
Sección
Medios deslizantes y texto
Diapositiva
ICONO
Caja de iconos
Banner (sí, completo con animaciones – ¡Woo Hoo!)
Acordeón
pestañas
conmutación
La galería de imágenes
Mapas de Google
Mensajes recientes
Encabezado avanzado
Cuadro de imagen
Espaciador avanzado
Conexiones sociales
Botón de grupo
Testigo
La caja de personas
Instagram
Barra de progreso
La barra de ganga circular
Encimera
Caja de precios
Formulario de contacto
Corousel
Slider de post
Tipo de publicación personalizada
Lista de precios
Mailchimp
Ventana emergente de video
Imagen de punto de acceso
La cuenta regresiva
La cronología del contenido
UF, ¿qué lista? Y piense que cada uno de los bloques anteriores viene con muchas configuraciones, estilos y opciones, para que pueda diseñar su contenido como desee.
Hasta ahora, bueno, los bloques de Getwid Gutenberg de complementos se ven muy prometedores. Ahora que sabe en qué estamos trabajando, permítanos instalar GetWid y superar los diferentes bloques. Espero que disfrutes de la siguiente sección tanto como probé el complemento. Cómo se instala el complemento GetWid Gutenberg Blocks, al ver que GetWid está disponible en el almacén oficial de complementos de WordPress, no perderemos el tiempo descargando el complemento a la computadora. En cambio, instalaremos el complemento directamente desde el interior del administrador de WordPress. Sin otras preguntas, inicie sesión en el tablero de su administrador de WordPress y explore complementos> Agregar nuevo como lo hemos mostrado en la pantalla a continuación.
En la página Agregar complementos, ingrese “GetWid” en el cuadro de búsqueda de palabras clave y presione el botón Instalar, como se muestra a continuación.
Sin perder un segundo, haga clic en el botón de activación, ya que resalto a continuación para completar la instalación.

Y eso es; No mentí cuando te dije que era fácil configurar GetWid ahora, para ver qué ofrece GetWid en el editor de Gutenberg. Para averiguar 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 para fines ilustrativos. Y también porque uso el tema total de WordPress de reverencia que viene con una plantilla de página de destino

Hasta ahora, probablemente ya sepa cómo agregar una nueva página a WordPress, pero si es un principiante absoluto, navegue por las páginas> Agregar una nueva, como se ve a continuación. Page el título de la página y elija la configuración necesaria. Por ejemplo, si realmente desea crear una página de ancho completa como la suya, seleccione la opción en la sección Atributo de la página, como se muestra a continuación.

Tenga en cuenta que puede tener diferentes opciones en la sección de atributos de la página dependiendo de su tema agregando que GetWid Gutenberg adición de bloques GetWid es lo mismo que agregar bloques típicos de Gutenberg. Haga clic en el botón Plus (+), desplácese los bloques GetWid y elija el bloque deseado.
Bloque Sección para agregar una sección de GetWid, por ejemplo, simplemente agregue el bloque de sección, como se muestra a continuación.

Tan simple como A, B, C. Después de eso, debe diseñar / estilizar la sección como lo considera apropiado. El bloque de secciones le permite crear una sección de páginas hermosas con sección sin codificación. Puede agregar fácilmente a su sección deslizante, imágenes de fondo, videos, paralaje, animaciones, formas, múltiples colores, etc. Para ver una página creada usando bloques de secciones, consulte la 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, puede personalizar la sección como desee.
A la derecha de la página, tiene muchas opciones para personalizar la sección. Vamos a pasar en breve opciones de arriba a abajo.

Tamaño – Establezca aquí las dimensiones de la sección. Al momento de escribir, tiene tres opciones de ancho, a saber, en caja, ancho completo y personalizado. Además, puede establecer diferentes alturas de las secciones para escritorio, tabletas y dispositivos móviles. Finalmente, tiene la opción de especificar los espacios entre los bloques de contenido dentro del bloque de sección.

Margen: agregue bordes alrededor del bloque de secciones para diferentes dispositivos.

Alineación: aquí puede especificar vertical y horizontalmente para su sección para diferentes dispositivos.
Color de fondo: puede agregar cualquier color de fondo que desee secciones.
Gradiente de fondo: esta opción lo ayuda a crear gradientes de fondo para su sección. La opción es útil si no desea usar fondos de color sólidos.
Imagen de fondo: aquí puede agregar una imagen de fondo a su sección, en lugar de usar colores.
Diapositiva de fondo: ¿ahora puede agregar diapositivas de fondo a las secciones de su página? ¿Qué tan bien?
Sótano de video: ¿desea enriquecer su sección con un video de fondo? En caso afirmativo, GetWid te respalda.
Primer plan: agregue los efectos del primer plan a su sección.
Divisores: agregue separadores entre sus secciones.
Animación de entrada: gracias a GetWid, puede animar diferentes secciones como desee.
Avanzado: aquí puede agregar un ancla HTML y una clase CSS
Bloque de control deslizante de medios y texto Para agregar un bloque de medios y texto GLISOR, haga clic en el icono más (+), desplácese a GetWid y haga clic en Glisor Media y Text, como se muestra a continuación.
Una vez que haya agregado el bloque, puede cargar el promedio y agregar texto. Además, puede personalizar el bloque en la barra lateral derecha, como se muestra en la imagen a continuación. Aquí, algunas notas para las opciones de bloqueo de medios y texto en la barra lateral derecha, como se muestra arriba:
Configuración: en la pestaña Configuración, puede especificar el número de diapositivas, tamaño de imagen, altura de diapositivas, ancho de contenido y alineación vertical / horizontal.
Color de texto: la opción le permite personalizar el color de texto en el control deslizante
Color de superposición: puede configurar el color de superposición y especificar la opacidad de la superposición

Relleno: use esta opción para agregar fácilmente el relleno alrededor de los medios y las diapositivas de texto

Configuración Gisor: aquí puede agregar animación al control deslizante y activar la presentación de diapositivas
Animación de texto: anime el texto en los controles deslizantes
Avanzado: agregue una clase CSS personalizada para que pueda estilizar las diapositivas en
Aquí hay un excelente ejemplo de los medios y el bloque de texto en acción. Imagen Glisor Además de Media & Text Slider, GetWid también le brinda el bloque de Imagen Slider. Para hacer esto, navegue por los bloques GetWid y haga clic en el bloque de control deslizante de imagen como lo detallé en la captura de pantalla a continuación.
Después de cargar o agregar imágenes desde la biblioteca de medios, puede personalizar la diapositiva desde la barra lateral derecha, como se muestra a continuación.
Desde la barra lateral derecha, tiene algunas opciones de la siguiente manera:
Configuración de la imagen: en esta pestaña, puede elegir el tamaño de la imagen, cortar automáticamente las imágenes y atar cada imagen al archivo de medios o la página de archivos adjuntos. Esto es especialmente beneficioso si usted es un fotógrafo y usa diapositivas de imágenes para mostrar su trabajo. Conjuntos Slisor: aquí puede especificar la cantidad de diapositivas que puede mostrar en diferentes dispositivos, es decir, escritorio, computadora portátil, tableta y móvil.
Configuración de control: en esta pestaña, puede especificar dónde mostrar flechas y puntos de navegación.
Avanzado: agregue una clase CSS personalizada aquí

Para obtener una mejor imagen, aquí hay una demostración con diapositiva de imagen para su placer visual. Banner Bloque Un bloque Banner le permite anunciar en su sitio de WordPress como jefe. Agregar un bloque de banner es igual de simple. Navegue a los bloques GetWid en el editor de Gutenberg y haga clic en el bloque de banner, como se muestra a continuación.

Después de agregar el archivo de banner de medios, obtendrá algunas 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 puede abrir el enlace a 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 pancartas atractivas para su sitio web. Siéntase libre de consultar estas demostraciones para que el banner pruebe de lo que puede crear. Otros bloques de Getenberg Getwid, sin importar cuán tentadores sean, no puedo cubrir 30 bloques de GetWid más en la revisión de hoy. Si hacemos esto, estará aquí todo el día, porque el artículo será demasiado largo para leer. Sin embargo, espero que ahora pueda agregar y personalizar cualquier bloque de GetWid Gutenberg que desee. Todo lo que tiene que hacer es navegar por los bloques GetWid y hacer clic en el bloque deseado. Después de eso, agregue el contenido y personalice el bloque en la barra del lado derecho como lo hice 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 reunión de GetWid que ofrece una mirada más profunda de lo que ofrece el complemento.