DiviGrid: añadir 27 módulos al Editor Visual!

Tuve la oportunidad de probar DiviGrid Y como cada vez, estoy feliz de compartir mis comentarios... Te estoy diciendo todo en este artículo...

1 - ¿Qué es DiviGrid?

DiviGrid es un Ampliación Premium que permite implementar 27 nuevos módulos en el Editor Visual.

He probado esta extensión hace varias semanas, y acabo de probar de nuevo para hacer este artículo. Tengo que decir eso DiviGrid creció bien durante este período, se agregaron unos diez nuevos módulos, ¡sólo eso! Y no se acabó, otros vienen...

Las tarifas son bastante correctas, pero lo que más me gusta es que una versión Multisite Lifetime está disponibleLo cual no es siempre el caso. Si me conoces, sabes que me encantan las licencias de vida: definitivamente, no me gusta pagar por sitio y por período...

Las tasas propuestas son las siguientes:

• $29 para 1 sitio y 1 año de actualizaciones
• $39 para un número ilimitado de sitios y 1 año de actualizaciones
• $199 para un número ilimitado de sitios y actualizaciones de la vida

Ahora que usted sabe más sobre el modelo económico de esta extensión, le sugiero que descubra cómo funciona y qué tiene que ofrecer.

2 - Instalación y configuración de DiviGrid

Nos vemos primero. sitio web oficial para adquirir DiviGrid. Se creará una cuenta personal y se encontrará dentro de ella la extensión para descargar y su clave de licencia.

Instala DiviGrid a través de la pestaña Prórrogas Añadir Ø Button "Download Extension". Activarlo y haga clic Licencia para introducir su clave de licencia y disfrutar de todas las características.

Una vez que la licencia esté activa, usted no tendrá un ajuste particular para realizar. ¡Ya son buenas noticias! Sin embargo, visitando el Dashboard DiviGrid, encontrarás algunas opciones útiles:

1. En la pestaña Dashboard > Generalencontrará documentación, soporte, etc.
2. La pestaña Divigrid √≥ Dashboard Módulos permite habilitar o desactivar los módulos en el Editor Visual. Esto es algo bueno, porque si algunos módulos no son de interés para usted en absoluto, pueden ser eliminados.
3. Finalmente, la ficha Dashboard > Plantillas ofrece enlaces a páginas demo de algunos módulos. El icing en el pastel es que estos demos están disponibles para su descarga en su sitio... Voy a explicar cómo hacerlo justo después!

3 - Importar plantillas listas para usar

Esperemos a estas plantillas por un momento. Pensé que te gustaría que te mostrara cómo funciona...

Así que, yendo a la pestaña Dashboard > Plantillas Puede visitar las páginas demo, aquí está el procedimiento detallado para importarlas a su sitio:

1. Visita las páginas demo, notarás un botón rojo llamado "Descargar Demo", haga clic en él para descargarlo desde su computadora.
2. Desactiva la carpeta descargada.
3. Dentro de la carpeta verá las diferentes plantillas en formato .json

4. Luego vaya a la administración de su sitio, en la pestaña Bibliothèque Divi Importación " Export ".
5. Una ventana se abre, vaya a la pestaña Importación a continuación, elegir una plantilla descargada previamente en su computadora. Validar la importación.
6. Este nuevo modelo ahora debe ser visible en la lista de sus plantillas en la biblioteca.

7. Luego, dentro de una página donde el Editor Visual está activo, agregue una nueva sección haciendo clic en un "+" azul.
8. Abre la pestaña "Agregar biblioteca"para elegir una de las demos DiviGrid importado anteriormente.
9. Una vez importada la sección, edita el módulo DiviGrid para utilizar su propio texto / imágenes y hacer varios cambios de las pestañas Índice y Estilo.

En un módulo DiviGrid, usted encontrará la misma lógica de ajuste que un módulo nativo tradicional, por lo que en ese lado no se perderá ...

Ahora, vamos a seguir, te sugiero una presentación rápida de algunos módulos añadidos por DiviGrid...

¿Lo sabías? Puedes probar Divi gratis visitando en esta página y haciendo clic en "Pruébalo GRATIS"

4 - Los 27 módulos de DiviGrid

Cuando haga clic en "+" gris, aparece la lista de módulos disponibles en el Editor Visual. No perderás todos estos módulos naranjas que han sido añadidos por DiviGrid... Aquí están:

Usted notará que en mi captura de pantalla, sólo 24 módulos aparecen pero 3 nuevos serán añadidos en pocos días, lo que conducirá a 27 el número de módulos añadidos por DiviGrid. Pronto podrá disfrutar de los siguientes módulos:

25. Encabezamiento avanzado
26. Carousel
27. Imagen de hotspot

Déjame mostrarte algunos de estos módulos en acción...

Galería Justificada

Esta es una de las principales razones para usar DiviGrid : el módulo "Galería Justificada".

Muchos clientes o estudiantes me preguntan si tengo una extensión de galería de imágenes a su asesor. Porque, afrontémoslo, las galerías de Gutenberg o Divi no están en el punto... Finalmente, este es un módulo que hace su trabajo muy bien!

El módulo es simple de configurar, pero sobre todo, ofrece una multitud de opciones para personalizar la galería de imágenes. Puede configurar la superposición, marco, zoom, colores... De todos modos, creo que es un módulo completo.

El módulo Galería de Masonería - son petit cousin - fonctionne de la même manière, sauf que les images ne seront pas alignées en bas de la galerie.

Antes de la imagen

C'est un style d'image que vous avez certainement déjà dû voir passer. C'est parfait sur des sitios de moda, peluquería, cambio de imagen, o incluso sitios web de diseñadores o diseñadores gráficos qui veulent montrer la refonte d'un logo par exemple...

Vous voyez de quoi je parle : un avant-après, où l'internaute peut faire glisser une poignée et voir deux images comparatives...

J'ai testé avec 2 images identiques, l'une en couleur et l'autre en noir et blanc. Le rendu est parfait ! Dans les options du module, vous trouverez de nombreuses fonctionnalités dont celle de choisir une poignée qui se tire verticalement ou horizontalement.

Hora de negocios

Cela semble simple comme module mais ce n'est pas toujours facile d'afficher sur un site les horaires d'ouverture avec un "style" un sympa. Ce module est utile pour les commerces de proximité, les Restaurantespara colocar el siguiente código:

Vous ajoutez les jours d'ouverture, les horaires et vous pourrez ensuite vous rendre dans l'onglet Estilo pour utiliser les nombreuses options de design qui vous permettront d'obtenir un joli visuel de vos horaires.

Honeycomb

J'ai trouvé ce module original. Il permet d'afficher une sorte de galerie d'images sous la forme d'alvéoles.

Dans les options, vous aurez la possibilité de choisir parmi deux styles, d'ajouter des titres, des overlays (couleur semi-transparente qui apparait au survol de la souris), etc.

Pour une question d'optimisation, j'ai dû fortement compresser mon GIF, cela entraine une dégradation des couleurs et l'apparition de pixels... Mais j'ai pensé que cela pourrait vous donner une idée du rendu que vous pourriez obtenir avec le module Honeycomb.

Imagen individual

Ce module a également attiré mon attention. Il permet simplement d'ajouter un Efecto de la fractura una foto.

L'effet de scroll apparaît lorsque l'internaute passe la souris sur l'image. Cela peut vous donner quelques idées de design. Vous pourrez également ajouter du texte sur l'image (un badge) ainsi qu'un overlay.

Popup en línea

Ce module permet d'ouvrir une popup lorsque l'utilisateur clique dessus. Je dirais que ce n'est pas vraiment une popup, c'est plutôt un accordéon mais l'effet que l'on peut obtenir est assez original.

Vous pouvez utiliser une image et lui appliquer une forme en particulier. Ensuite, lorsque la popup s'ouvre, vous pourrez ajouter une image et/ou du texte. Le module offre de très nombreuses options, reste à savoir comment l'utiliser à bon escient au sein de votre mise en page.

¿Necesitas dominar Divi? Descubre mi entrenamiento que te acompaña paso a paso en la comprensión y uso de Divi! Más información sobre Divi training.

5 - Mis impresiones finales...

J'espère que cet article vous a permis d'obtenir une vision globale de ce que propose DiviGrid. J'ai trouvé cette extension facile à utiliser car la logique du paramétrage est similaire à celle proposée par les modules natifs de Divi.

J'ai été séduite par la diversité des modules et les options très complètes de ceux-ci, tout est parfaitement personnalisable. Enfin, les tarifs sont assez attractifs comparé à d'autres plugins pour Divi.

En conclusión, si desea traer un viento fresco a su sitio con nuevos diseños, DiviGrid est certainement un outil à envisager...

Aquí hay algunos enlaces para explorar más adelante:

• Descubre todos los módulos DiviGrid Y su demo.
• Visita Sitio de demostración DiviGrid.
• Descubre Image Mask SliderUn primo pequeño de DiviGrid.
• Parcourrez la catégorie "Plugin para Divi" pour découvrir mes autres reviews.