DiviMenus On Media

El enlace de una imagen no sale siempre del mismo sitio

Pones fotos en tu página de Divi y esperas que al hacer clic pase algo coherente en todas. En una galería se abre la imagen ampliada. En un módulo de imagen suelto, hay que escribir el enlace a mano. En un blog o un portafolio, cada elemento ya trae el suyo, el de su entrada o su proyecto.

En Divi, cada módulo decide por su cuenta adónde lleva el clic sobre una imagen, y quien diseña la página hereda esa decisión.

DiviMenus On Media es un complemento de DiviMenus que coloca un menú de DiviMenus encima de imágenes y vídeos de Divi. Cada elemento del menú puede ampliar la imagen, abrir su enlace o descargar el archivo, así que esa decisión pasa a ser tuya.

Un menú sobre la imagen y tres acciones

• Tipo de enlace On Media: se añade a los elementos del menú con tres comportamientos: abrir en lightbox, abrir el enlace del medio y descargar el archivo.
• Lightbox: muestra la imagen o el vídeo en una ventana y atenúa el resto de la página.
• Enlace del medio: abre la dirección del elemento. En los módulos de blog, portafolio o tienda abre la de la entrada, el proyecto o el producto.
• Descarga: descarga la imagen o el vídeo al hacer clic. Los vídeos externos, como los de YouTube o Vimeo, se abren en una pestaña nueva.
• Visibilidad: el menú se muestra siempre o solo al pasar el cursor, y el campo es adaptable, de modo que puedes elegir un comportamiento por dispositivo.
• Posición: nueve ubicaciones, arriba, en el centro o abajo, y a la izquierda, al centro o a la derecha.

Funciona en los módulos Blog, Blurb, Portafolio filtrable, Imagen de ancho completo, Portafolio de ancho completo, Slider de entradas de ancho completo, Slider de ancho completo, Galería, Imagen, Portafolio, Slider de entradas, Tienda, Slider, Vídeo y Slider de vídeos.

Una galería con acciones al pasar el cursor

Imagina una galería donde cada foto muestra, al pasar el cursor, dos iconos en el centro: uno que la amplía y otro que descarga el archivo. Se monta con un solo menú de DiviMenus, guardado en la biblioteca de Divi y asignado al módulo Galería, con la visibilidad en hover y la posición en el centro.

Es una combinación que debes probar en tu página antes de publicarla. Revisa la ampliación, la descarga y el comportamiento en el teléfono, donde no hay cursor que pase por encima, y fija ahí si el menú se muestra siempre.

Seis detalles que cambian el montaje

• Necesita DiviMenus instalado y activo. Por sí solo no hace nada.
• El menú debe existir antes: se crea en DiviMenus y se guarda en la biblioteca de Divi para que aparezca en el selector del módulo.
• No se puede previsualizar en el Visual Builder. Los cambios se ven al salir del constructor.
• El módulo Imagen necesita un enlace puesto a mano si quieres usar la acción de abrir el enlace; Blog y Portafolio usan el suyo.
• Este menú tiene prioridad sobre las demás superposiciones del módulo.
• Algunos módulos ignoran los estilos globales de texto. Si el título del menú sale con otro color, ajústalo en Design, Titles del módulo DiviMenus.

Cómo ponerlo sobre una imagen

Necesitas Divi y DiviMenus activos, además de este complemento.

1. Crea un menú con DiviMenus y asigna a cada elemento el tipo de enlace On Media con la acción que quieras.
2. Guarda el menú en la biblioteca de Divi.
3. Abre un módulo compatible, por ejemplo Imagen, y entra en la pestaña Design.
4. Abre el apartado DiviMenus On Media y elige el menú.
5. Define cuándo se muestra y en qué posición, guarda la página y mírala fuera del Visual Builder.

DiviMenus y DiviFlash en el catálogo

El producto base está en el catálogo: DiviMenus, un módulo para construir grupos de elementos interactivos, entre ellos botones colocados sobre una imagen o un vídeo.

Si buscas ampliar el constructor con muchos elementos de presentación y no una pieza concreta, tienes DiviFlash entre las opciones.

Preguntas sobre DiviMenus On Media

¿Funciona sin DiviMenus?

No. DiviMenus debe estar instalado y activo, y el menú debe estar guardado en la biblioteca de Divi.

¿Puedo descargar un vídeo de YouTube?

No. En los vídeos externos, como YouTube o Vimeo, el clic abre el vídeo en una pestaña nueva.

¿Se ve el resultado en el Visual Builder?

No. Las superposiciones se ven al salir del constructor.

¿Puedo mostrar el menú solo al pasar el cursor?

Sí. Elige entre mostrarlo siempre o solo en hover, y el ajuste puede ser distinto en cada dispositivo.