Resaltado del complemento adicional - Compañero de módulo adicional

Extra es a menudo una joya escondida y pasada por alto de un tema. Utiliza Divi Builder para sus páginas y publicaciones, pero lo que distingue a Extra de Divi es su Category Builder (que utiliza su propio conjunto de módulos más pequeño para crear páginas de índice de blogs). Sin embargo, una solicitud común de los usuarios es la inclusión de los módulos clásicos de Divi Builder dentro del Generador de categorías adicionales.

Ingrese: el complemento de terceros de Divi Space, Extra Module Mate. Con este complemento, los más de 40 módulos Divi Builder ahora se pueden usar dentro del Generador de categorías adicionales para potenciar su tema adicional y las páginas de índice que crea con él.

En este complemento destacado, echaremos un vistazo a Extra Module Mate y le mostraremos algunos ejemplos de lo que se puede hacer con el Category Builder cuando se agregan los módulos Divi Builder.

¡Vamos a sumergirnos!

Módulos del generador de categorías

Una de las cosas que distingue a Extra de Divi es el Generador de categorías. Este constructor utiliza sus propios módulos para crear revistas o diseños modulares similares basados ​​en categorías. El Generador de categorías le ofrece 10 módulos nuevos. Como puede ver, la atención se centra en el contenido, las imágenes, el texto y los anuncios.

Puede hacer mucho con estos módulos para crear diseños interesantes. Usando un código o módulo de texto puede agregar códigos cortos, sin embargo, módulos como formularios de contacto, acordeones, mapas, temporizadores, carteras, comentarios, galerías, anuncios publicitarios, llamadas a la acción, búsqueda, compra, contadores, botones, etc., normalmente no lo son disponible para el Generador de categorías. Esto puede limitar sus opciones para los diseños de la página de inicio.

Adición de módulos Divi Builder al generador de categorías

Una vez que se cargue y active Extra Module Mate, los módulos Divi Builder estarán disponibles en el Category Builder. El complemento agrega los módulos Divi Builder en amarillo con el prefijo DS. Los módulos funcionan igual que en Divi Builder, incluidas todas sus funciones y configuraciones. Incluso puede convertirlos en globales para otros diseños de categorías si lo desea.

Ejemplo: diseño de revista

Para este ejemplo, cargué el diseño de la revista en el Generador de categorías y lo configuré como el diseño de mi página de inicio. Agregaré mis módulos Divi a este diseño.

Aquí hay un vistazo al diseño usando el contenido de mi maqueta. Elegí no usar una barra lateral y eliminé la fila de tres publicaciones porque era contenido repetido (sin que yo creara más categorías). Dado que este es un sitio de prueba sin visitantes reales, los populares y los mejor calificados son lo mismo. En realidad, el tráfico orgánico dará forma a su contenido, por lo que no verá los mismos artículos varias veces.

Aquí hay un vistazo al diseño con los módulos Divi que agregué. El diseño ahora incluye los módulos de búsqueda, video, llamada a la acción y mapa de Divi Builder. Los diseñé para que coincidieran con el diseño de la página de inicio.

Aquí está el diseño con los módulos Divi Builder. Agregué el cuadro de búsqueda justo debajo del control deslizante de publicaciones, que puede ser útil para sitios de reseñas o sitios con mucho contenido. En la parte inferior, he creado una llamada a la acción usando un video, CTA con imagen y botón, y un mapa para mostrar la ubicación. Esta es una excelente manera de colocar una llamada a la acción para un evento, suscripción o producto en su página de inicio.

Ejemplo: otro diseño de revista

Aquí hay otra modificación del diseño de la revista prefabricado. Agregué una imagen destacada y luego agregué dos módulos Divi: mapa y tienda. También eliminé la fila de publicaciones de dos columnas; esta vez dejando la fila de publicaciones de tres columnas.

Como puede ver, esto es solo un pequeño cambio, pero marca una gran diferencia en el diseño. Solo el mapa y la tienda son nuevos y se integran perfectamente en el diseño de la revista. En realidad, no lo haría tan ocupado, pero esto muestra la ventaja de agregar módulos Divi Builder a sus diseños de categoría adicional.

Ejemplo: cartera con blog

Para este ejemplo, quiero crear un portafolio con un blog, testimonios y una tienda para que alguien pueda vender sus fotografías, arte o productos similares. Estoy comenzando con el diseño del blog de mampostería con el diseño predefinido del control deslizante de publicaciones destacadas.

Aquí está el diseño antes de realizar modificaciones. Es un blog limpio de tres columnas con un control deslizante de publicaciones destacadas. Estoy usando el control deslizante para mostrar una sola publicación destacada.

Mi nuevo diseño incluye un portafolio filtrable, una tienda WooCommerce, un testimonio y un módulo de persona para que los lectores puedan aprender más sobre el fotógrafo o artista.

Así es como se ven los nuevos elementos dentro del diseño. Reduje el recuento de publicaciones del blog de 6 a 3 para ayudar a mantener limpio el diseño. Esto se puede utilizar para bloguear sobre los productos, mostrar los productos como proyectos y proporcionar enlaces a las páginas de la tienda donde los lectores pueden comprar.

Ejemplo: diseño personalizado con sección especializada

Para este ejemplo, construí un diseño desde cero usando una imagen como encabezado seguido de una sección especializada que incluye publicaciones con pestañas, mapas, formulario de contacto y una barra lateral.

Extra Module Mate funciona muy bien con secciones especializadas. El diseño incluye dos secciones con publicaciones con pestañas y un mapa seguido de un formulario de contacto. Esto puede ser útil para mostrar eventos, o cualquier otra cosa que podría beneficiarse de mostrar una ubicación, en publicaciones con pestañas y luego colocar pines para cada ubicación en el mapa que la sigue.

Ejemplo: blog con tabla de precios

En este ejemplo, quería crear un blog estándar y agregar tablas de precios y un mapa. Para aprovechar los módulos del Generador de categorías, agregué un carrusel de publicaciones y un feed de blog estándar para poder usar las calificaciones de estrellas. Hice la tabla de precios global para que pueda usarse con otros diseños de categorías si quiero crear una nueva página de inicio.

Aquí está mi nuevo diseño de blog con los módulos Divi agregados. Sería un blog interesante para una agencia de viajes. El mapa y las tablas de precios (los únicos módulos Divi Builder en este diseño) son excelentes para crear CTA.

Precio y documentación

El precio de Extra Module Mate comienza en $ 16 por una licencia de un solo sitio. La documentación se proporciona en la sección de información de la página de ventas.

Pensamientos finales

El Generador de categorías de Extra utiliza sus propios módulos en lugar de los módulos Divi Builder estándar para crear diseños de estilo revista. Aunque el Generador de categorías solo tiene 10 módulos, son suficientes para crear los diseños de revistas más populares y comunes con facilidad. Sin embargo, esto puede ser limitante si desea crear un diseño que sea más exclusivo.

Extra Module Mate agrega los más de 40 módulos Divi Builder estándar al Generador de categorías, lo que brinda a aquellos que desean agregar más a sus diseños los módulos Divi que necesitan. Los diseños que he creado en estos ejemplos no serían posibles con los módulos del Generador de categorías sin usar código o códigos cortos. Gracias a Extra Module Mate, crearlos fue tan simple como usar Divi Builder.

Esto es solo rascar la superficie de lo que se puede hacer con Extra y crear diseños de categorías con los módulos Divi Builder. Puedo imaginar muchas más posibilidades y estoy seguro de que no tomará mucho tiempo crear diseños aún mejores de los que he mostrado aquí. Extra Module Mate es fácil de usar y es esencial para cualquiera que desee utilizar los módulos Divi Builder dentro del Category Builder de Extra.

¡Nos gustaría saber de ti! ¿Ha utilizado Extra Module Mate? ¡Cuéntanos tu experiencia en los comentarios a continuación!

Imagen destacada a través de antishock / shutterstock.com