Cómo agregar efectos de desplazamiento de imagen en Elementor (3 formas)

La misma imagen antes flota en escala de grises y en color

Conclusiones clave Puede agregar efectos flotantes de Elementor a una imagen de tres maneras. El widget Imagen tiene opacidad y configuraciones de filtro CSS para el estado de desplazamiento. También tiene ajustes preestablecidos de animación flotante que mueven la imagen. Para un título y una descripción que aparecen sobre la imagen, necesita crear un widget, como [...]

Pestañas Elementor en dispositivos móviles: arregla la tira aplastada

Pestañas Elementor en la pantalla de un teléfono, apiladas como un acordeón

Las pestañas de conclusiones clave son un patrón de escritorio. Asumen espacio horizontal para varios títulos más un panel, y un teléfono tiene aproximadamente un tercio de ese ancho. Elementor te ofrece dos salidas y los widgets complementarios se comportan de manera diferente nuevamente. Las capturas de pantalla del teléfono a continuación son capturas de 390px de una página de prueba real, entonces, lo que ves [...]

Cómo mostrar u ocultar una sección al hacer clic en Elementor

Un botón que revela una sección de detalles ocultos al hacer clic

Conclusiones clave Para mostrar u ocultar una sección al hacer clic en Elementor, coloque la sección dentro de algo que se abra al hacer clic. El widget Accordion hace esto sin ningún complemento adicional. Una opción de contenido le brinda un interruptor Mostrar y ocultar. Un botón con algunas líneas de script puede revelar cualquier contenedor en la página. [...]

Cómo crear una cartera filtrable en Elementor sin Pro

Una cuadrícula de cartera de Elementor filtrable con pestañas de categorías y tarjetas de proyecto

Conclusiones clave Una página de portafolio tiene que mostrar el trabajo, permitir que las personas lo limiten al tipo de trabajo que solicitaron y brindarles una idea detallada. La barra de filtro maneja la parte central, convirtiendo un desplazamiento largo en dos clics. Elementor tiene un widget para esto y se encuentra detrás [...]

Cómo hacer pestañas verticales en Elementor (2 formas)

Pestañas de Elementor vertical con cuatro títulos de iconos en una columna de la izquierda

Conclusiones clave Las pestañas horizontales se rompen una vez que los títulos se vuelven largos o numerosos. Seis títulos en una columna de 1200 px se envuelven en dos líneas o reducen el texto hasta que nadie los lee. Las pestañas verticales giran la tira hacia un lado: una estrecha columna de títulos con el panel activo al lado. Cada título obtiene un [...] completo

Cómo hacer una galería de mampostería en Elementor (3 formas)

Una galería Elementor con mampostería, imágenes a su altura

Key Takeaways Masonry es el diseño donde las imágenes se ubican a su altura natural y las columnas se tambalean, la forma que Pinterest le hizo familiar. Se adapta a la fotografía, donde recortar un marco de retrato en un cuadrado tira la mitad de la imagen. Elementor puede acercarse a esto de tres maneras diferentes, y no todas producen el [...]

Alternar Elementor vs Acordeón vs Tabs vs Content Switcher

Un acordeón y un cambio de contenido se muestran como dos cartas

Conclusiones clave La diferencia entre un interruptor Elementor y un acordeón es cuántos elementos se pueden abrir juntos. Un acordeón cierra el elemento abierto cuando haces clic en otro. Una palanca lo deja abierto. Las pestañas y los conmutadores de contenido vuelven a ser herramientas diferentes: intercambian lo que se muestra en un espacio fijo, donde un acordeón y [...]

Pestañas anidadas de Elementor: qué cambió y qué puede hacer

Pestañas anidadas Elementor en el extremo frontal con el primer panel abierto

Conclusiones clave Las pestañas de Elementor solían ser un cuadro de texto dentro de un cuadro de texto. Escribías el título en un campo y el contenido en otro, y si querías un formulario de contacto allí, mala suerte. Las pestañas anidadas cambiaron el modelo. Cada panel es un contenedor ahora, lo que significa que toda la biblioteca de widgets es [...]

Cómo agregar un cambio de precios mensual/anual en Elementor

Tres planes de precios con un cambio mensual y anual encima de ellos

Conclusiones clave Para agregar un cambio de precios de Elementor, cree sus planes mensuales y anuales como dos plantillas guardadas, luego cargue ambos en un widget de cambio de contenido. Los visitantes hacen clic en Mensual o Anual y los precios se intercambian en su lugar. La página mantiene una pantalla alta y nadie tiene que leer seis columnas de precios a la vez. [...]

Widget de la galería Elementor: gratuito, profesional y complementos

Una cuadrícula de galería Elementor con pestañas de filtro al lado del panel de widgets

Conclusiones clave Busque una galería en el panel Elementor y no obtendrá una respuesta. Existe el widget que se envía gratis, el que está detrás de Pro y cualquiera que sea su complemento que haya agregado, y todos se ven similares en una lista. Esta publicación establece lo que cada uno puede hacer realmente, control por control, entonces [...]