Cómo desactivar la animación por defecto de las galerías de imágenes de Divi

Divi tema nuevas características – Divi Global Defaults Editor

En caso de que quieras utilizar el módulo Galería Divi en tu sitio web WordPress, pero no quieras que las imágenes se abran en lightbox (lightbox significa que cada imagen se abre en su tamaño completo al hacer clic sobre ella), puedes desactivar el lightbox en ellas. En este artículo, te explicaré cómo puedes hacerlo.

En primer lugar, vamos a mencionar algunas de las razones por las que es posible que desee hacerlo. Una de ellas podría ser que no tienes imágenes de alta resolución para mostrar en tu galería. Puede que estés trabajando en un proyecto que no lo requiera o que tu cliente no te las haya proporcionado.

Hablando desde mi propia experiencia, hace poco estaba construyendo un sitio web para un cliente y quería que incluyera unas 20 imágenes en una galería, pero sólo tenía esas imágenes descargadas del sitio web de su filial. Y tenían un tamaño de 200 x 200 píxeles. Este cliente no necesitaba mostrar ningún detalle en estas imágenes, por lo que una galería con estas pequeñas imágenes sin lightbox era una solución adecuada para este caso.

Como alternativa, para mantener las cosas limpias y sencillas, también puedes deshacerte de la superposición por encima estableciendo el Color del icono de zoom y el Color de superposición por encima en transparente (en la configuración del módulo de la galería > Diseño > Superposición), pero esto no desactivará la caja de luz ni el cursor del puntero. Sólo hará que el icono de zoom y la superposición sean transparentes, por lo que no los verás cuando pases el ratón por encima de las imágenes.

Eliminar animación de texto de Divi Full-Width Slider

Hay veces que realmente odio las animaciones, no porque no sean geniales, sino porque son demasiado repetitivas. Así que tener demasiados elementos en la página con las mismas animaciones o efectos es a veces… aburrido. Para la mayoría de los módulos de Divi, como el módulo Imagen, el módulo Blurb o el módulo Contador, esas animaciones se pueden desactivar, pero para algunos, como el módulo Slider, no se puede.

Dado que el módulo deslizante es el tema aquí, más exactamente sólo imágenes deslizadores, permítanme decirles mi molestia con él: es la animación no es uniforme. Se deslizan desde la izquierda, pero se desvanecen. Así que sigo viendo las imágenes deslizándose y desapareciendo. Creo que me habría gustado más que las imágenes también se deslizaran hacia fuera, pero quizá también habría encontrado algún problema.

La solución es bastante simple. Dado que el tipo de animación está controlado por la declaración CSS animation-name, y en el caso anterior es animation-name: fadeLeft;, era lógico usar animation-name: none;. Pero como los nombres de las animaciones tienen que ser definidos primero, cualquier otro nombre que no fuera declarado podría haber funcionado para eliminar la animación fadeLeft.

Cómo personalizar su Divi Slider para cambiar específica

Usted probablemente sabe por ahora que Divi lanzado su propia función de tamaño de vista previa incorporada después de nuestro plugin se hizo popular. Sin embargo, la nueva característica es limitada y frustrante. Debido a estas limitaciones y frustraciones, hemos creado un ajuste en el Divi Responsive Helper para desactivar completamente esta característica Divi. Aquí hay algunas cosas a tener en cuenta al considerar esta decisión en comparación con las características de nuestro plugin tenía primero y todavía tiene hoy:

Esta característica hace una tarea muy simple. Se elimina por completo la función de Divi vistas sensibles que se introdujo con la versión 4.7 de Divi. El Divi Responsive Helper desactiva esta función y la función Divi está desactivada por defecto en la configuración del plugin. Puede activar o desactivar esta función en cualquier momento.

De forma predeterminada, la función incorporada Divi vistas repsonsive está desactivada cuando nuestro plugin Divi Responsive Helper está instalado y activado. Si desea habilitar esto, simplemente vaya a Divi> Opciones de tema. Allí verás una nueva pestaña que nuestro plugin añade llamada “Divi Responsive Helper”. Una vez que haga clic en eso, verá más pestañas. Haga clic en “Tamaño de vista previa” y busque el ajuste “Desactivar Divi Responsive Views”. Puede activar o desactivar esta opción en cualquier momento.

Cómo reemplazar el icono de sobreimpresión de imagen Divi con texto

Hay un montón de efectos Hover disponibles aquí como Push Up, Push Down, Flip Horizontal, Flip Vertical, Shutter In vertical, Shutter Inout Horizontal, Zoom In, Zoom out, Image Rotate Left, Circle up, Bounce out, Flash top left, etc.

Estiliza tus imágenes con todas las funciones proporcionadas. En esta opción puede obtener la opción de Esquina redondeada de la imagen, Estilos de borde, Ancho de borde, así como Color de borde, Estilo, además de la opción de Sombra de caja de imagen.

Habilitando el icono Hover y la superposición puede cambiar el icono Hover, el color del borde del icono, el tamaño del icono, el color de fondo del icono, los estilos de borde y el color de la superposición, además del estilo que añadirá un toque especial.