Cómo crear una navegación pegajosa en el pie de página en Elementor: Guía completa de implementación y personalización

Implementado en Elementor Navegación pegajosa a pie de página(menú de pie de página) puede lograrse con un diseño personalizado y algunos ajustes inteligentes. Se trata de una solución que combina efectos adhesivos e interfaz de usuario con el objetivo principal:

• Pie de página pegajoso:Cuando la página se desplaza, la barra de navegación se sitúa en la parte inferior en lugar de en la superior.
• La marca está en la cabecera:Sólo aparece la marca en la parte superior de la página.

Asegúrese de haber instaladoversión gratuitaresponder cantandoElementor versión Pro(CSS personalizable) Proporcionamos instrucciones de instalación. Opciones del tema Hola Elementortal vezAstray otros temas compatibles con elementor.

Etapas de realización:

1. Cree una navegación pegajosa a pie de página

1.1 Creación de una plantilla de pie de página

Seleccione la página que desea modificar, o pase el plantilla > Creador de temas Cree una nueva plantilla de pie de página.

La creación de una nueva plantilla de pie de página garantiza que todas las páginas utilicen el mismo diseño. De este modo, aunque realice cambios en otras páginas, el estilo y el contenido del pie de página no se verán afectados, garantizando un estilo uniforme en todo el sitio. La zona de pie de página puede gestionarse por separado.

Cree un nuevo pie de página y no inserte un bloque de pie de página que interfiera con el pie de página existente.

1.2 Creación de pies de página

Añada un nuevo contenedor:Donde desee insertar la plantilla de pie de página, pulse el signo más en el área de contenido de la página para añadir una nueva Contenedor.

Añada los elementos de navegación que desee en esta sección, que podrían sermenúybuscar algoypágina de inicioyMarcador (Internet) responder cantando Mi cuenta funciones, etc., etc.

• Establezca la estructura en dos o más columnas para facilitar la adición de elementos de navegación.

ejemplo típico: Si está trabajando en unCreación de navegación a pie de página adhesiva para sitios web de comercio electrónicoLa columna de la izquierda puede utilizarse para "página de inicio", columna derecha para "carro" para que los usuarios puedan acceder fácilmente a las páginas importantes.

1.3 Ajuste del embalaje

Ha añadido columnas, necesitamos el mismo tamaño para cada contenedor por el bien de la estética de la navegación, y en la siguiente configuración, los elementos en los contenedores también deben ser coherentes, así que echemos un vistazo a los contenedores.

Por ejemplo, elegimos añadir 4 columnas

Es decir, 1 contenedor grande contiene 4 contenedores pequeños (1 dividido en 4), por lo que es posible instalar contenedores grandes o pequeños.

Unidades de redimensionamiento de contenedores de uso común px(píxeles),%(escala), cada pequeño contenedor en el diagrama anterior representa que es25%.

Se selecciona el contenedor grande y se muestra el menú de contenedores en la barra lateral izquierda.

Comprensión del menú de contenedores:

• Avanzado

Responsive: se puede configurar para ocultar lo que se añade en escritorio, tableta, móvil.

El menú contenedor consta principalmente de diseño (Layout), estilo (Style), avanzado (Advanced).

• Diseño

• Estilo

Comprobando los pequeños contenedores individualmente, podemos añadir elelemento de un conjuntoEs decir, añada elwidgetsEsos.

Pasando a la estructura, una comprensión clara de la misma hará que se presenten diferentes ediciones cuando seleccione diferentes contenidos.

Esta vez lo haremos. Navegación pegajosa a pie de páginaImagínese que es algo así.