Tener un sitio web atractivo es importante. Son pocos los segundos que tienes para que un visitante se interese por seguir haciendo scroll en tu sitio web, y atraerlo con efectos llamativos es una buena estrategia.
Aunque no siempre mas llamativo es mejor, porque en ciertos casos, se pierde la idea de lo que se quiere ofrecer o mostrar.
Si querés hacer un footer como el de este sitio, con este efecto:
Te explico como. Es muy sencillo…
Una vez que tenemos nuestro Footer hecho, abrimos el diseño en el Theme Builder de Elementor.
Una vez allí, hacemos click en el contenedor principal y en el panel izquierdo, vamos a Avanzado > Efectos de Movimiento y en la opcion Stick seleccionamos la opcion Bottom.
Una vez hecho esto, el footer se fijara al final de la pagina. Pero esto no es todo. Porque el mismo se verá por encima del sitio web, logrando un efecto no deseado.
Para terminar, debemos ir a la plantilla de nuestro sitio (todas en las que el footer se mostrará, como por ejemplo el Home page) y hacer una leve modificacion en el Z-index.
Para esto, en nuestro panel de WordPress, abrimos el Theme Builder de Elementor, y seleccionamos una plantilla en donde el footer se mostrará, por ejemplo el Home page.
Una vez allí, debemos hacer click en cada contenedor principal, e ir a la opcion Avanzado > Disposición y utilizar un Z-index, mayor a cero, para que dicho contenedor se muestre por encima del footer.
Por ultimo, para lograr el efecto de las puntas redondeadas, en el ultimo contenedor, debemos ir al panel izquierdo y seleccionar Estilo > Borde y en Radio del borde, elegir el valor deseado en los campos Abajo e Izquierda de la siguiente forma:
¡Y ya esta!..
Elementor permite hacer casi cualquier cosa, y este es un afecto sencillo, pero muy vistoso. Ideal para sitios profesionales y sutiles.
Espero este articulo les sirva, y ante cualquier consulta, pueden dejarla en los comentarios y estare encantado de responder.
