Aspecto destacado del complemento Divi: Pie de página revelador para Divi y Extra

Uno de los elementos de diseño de pie de página más interesantes es un pie de página revelador. Un pie de página revelador es cuando su pie de página permanece bloqueado en su lugar pero no se ve hasta que la página web se desplaza más allá para revelar el pie de página debajo. Es como si el pie de página estuviera detrás de una cortina. Cuando se levanta el telón, se revela el pie de página. Una de las maneras más fáciles de hacer un pie de página revelador es usar un complemento de terceros llamado Pie de página revelador para Divi y Extra .

Se puede crear un pie de página revelador a mano si desea profundizar en CSS. CSS se puede agregar al personalizador de temas , las opciones de temas o una sola página. También agregaría el código para cambiar la altura del pie de página. Incluso podría agregar un toque adicional de código para un efecto de sombra de cuadro en la última sección para que se destaque del área del pie de página. Para crear un pie de página revelador a mano, consulte el artículo Cómo crear un pie de página revelador con Divi . Si desea algo de inspiración para los diseños de pie de página, consulte el artículo 15 sitios web de Divi con excelente diseño de pie de página .

Por supuesto, la ventaja de un complemento es que no tiene que manejar ningún código. Esto es ideal para aquellos que no tienen las habilidades o no quieren lidiar con el código. En este artículo, veremos cómo crear un pie de página revelador tanto para Divi como para Extra usando este complemento.

Instalación de pie de página revelador para Divi y Extra

Este complemento es sorprendentemente simple de usar. Simplemente cargue y active el complemento. En el tablero, vaya a Complementos > Agregar nuevo > Cargar complemento. No se requiere ninguna otra configuración. Una vez que activa el complemento, funciona automáticamente. Es en todo el sitio. Cualquier cosa que tenga en su área de pie de página se revela en el desplazamiento. No hay módulos o configuraciones para tratar. La última sección se mostrará con una sombra de cuadro.

Este complemento solo funciona en el pie de página estándar de Divi . Si está creando un pie de página personalizado utilizando la plantilla de página en blanco, este complemento no funcionará en esa página porque técnicamente no tiene un pie de página.

Responde y funciona dentro de las tres áreas de pie de página:

  • Widgets
  • Menú
  • Barra inferior

Dar estilo a su área de pie de página

Su área de pie de página mostrará la barra inferior, que incluye el mensaje Diseñado por Elegant Themes | Desarrollado por WordPress, y sus íconos de redes sociales. También mostrará los widgets que haya colocado dentro del área de widgets de pie de página y un menú de pie de página si ha asignado uno. Todo esto se puede personalizar con el personalizador de temas. Puede ver el pie de página que se revela en la imagen de arriba.

Crear un pie de página interesante y revelador

En este ejemplo, quiero agregar imágenes para acompañar el sitio web. En ellas se mostrarán los distintos servicios que ofrece el sitio web. Estoy mostrando cuatro columnas con un widget de imagen en cada columna. Las imágenes están configuradas para mostrar miniaturas y he agregado un título a cada una. Las imágenes comienzan a mostrarse en la imagen de arriba.

Aquí está el área de pie de página después de desplazarse. Las imágenes muestran los servicios y al hacer clic en ellos lleva al visitante a esa página.

Este usa un menú de pie de página.

Aquí se completa el pie de página después del desplazamiento. A continuación, combinaré los elementos y les daré algo de estilo.

Decidí jugar con los colores y el texto. Aumenté el tamaño y cambié los colores del texto, los enlaces, el pie de página y los íconos sociales. También he ajustado los colores de fondo. Para el menú de pie de página, agregué espacio entre las letras. He añadido mi propio texto en la parte inferior. La sección sobre el pie de página crea una bonita sombra.

Aquí, el pie de página se vuelve visible a medida que me desplazo hasta la parte inferior de la página.

Y aquí está el pie de página completamente revelado cuando llegué al final de la página.

Incluso se adapta a la altura del pie de página. Esto es excelente para pies de página grandes o pies de página que tienen contenido dinámico . En este ejemplo, que usa texto aleatorio solo para ocupar espacio, la sección anterior se ha movido completamente fuera de la pantalla. Al hacer zoom, la sección es visible encima del pie de página.

En el móvil, la sección se desplaza para revelar el pie de página de forma normal.

Después de que la última sección haya terminado de desplazarse, el pie de página se desplazará hasta llegar al final del sitio.

Aquí hay un vistazo al pie de página revelador en movimiento.

Uso del pie de página revelador con extra

Como se prometió, Pie de página revelador para Divi y Extra funciona con Extra. Los elementos del pie de página son diferentes de Divi a Extra, pero el efecto revelador es exactamente el mismo. Extra coloca el menú de pie de página en la esquina inferior derecha y utiliza tres widgets de forma predeterminada. Este ejemplo usa el mismo diseño con una barra lateral.

Aquí está el pie de página completamente revelado. Este es el estilo predeterminado.

Licencia

Hay dos opciones de compra. Ambas opciones incluyen soporte de por vida.

  • Sitio único – $9.99
  • Sitios ilimitados – $24.99

Puede comprar Pie de página revelador para Divi y Extra desde el sitio web del desarrollador.

pensamientos finales

El pie de página revelador es un excelente diseño que hace que sus pies de página se destaquen. El uso del pie de página revelador para Divi y el complemento Extra facilita su creación. Divi y Extra pueden crear agradables pies de página que incluyen el área de widgets, el menú de pie de página y la barra inferior, y se pueden diseñar fácilmente con el personalizador de temas.

Aunque puede agregar esta característica a Divi o Extra usando CSS, este complemento hace todo el trabajo por usted. Solo instálalo y actívalo. No se requiere ninguna otra configuración. Me gustaría ver algunas configuraciones para la sombra para que pueda ajustarse, pero se ve bien tal como está, por lo que la mayoría de los usuarios probablemente no querrán ajustarla de todos modos.

Si está interesado en crear un pie de página revelador para Divi o Extra sin tener que usar código, el complemento Pie de página revelador para Divi y Extra podría ser la solución que necesita.

Queremos escuchar de ti. ¿Has probado el pie de página revelador para Divi y Extra? Háganos saber cómo le gustó en los comentarios.

Imagen destacada a través de Maisei Raman / shutterstock.com