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 a pie de página(menú de pie de página) puede lograrse con un diseño personalizado y algunos ajustes inteligentes. Esta es una solución que combina efectos pegajosos y la interfaz de usuario con el objetivo principal:

• Pie de página adhesivo: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. Crear un pie de página de navegación fijo

1.1 Crear una plantilla de pie de página

Seleccione la página que desea modificar o pase el botón 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 esta forma, 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. El 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 Crear pies de página

Añade un nuevo contenedor:En el lugar donde desee insertar la plantilla de pie de página, haga clic en el signo más en el área de contenido de la página para añadir un nuevo 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 etc. funciones, etc.

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

ejemplo típicoSi está trabajando en unCómo crear una navegación a pie de página adhesiva para sitios web de comercio electrónicopuede utilizar la columna de la izquierda 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

Usted ha añadido las columnas, que para la belleza de la navegación, cada contenedor tiene que ser del mismo tamaño, en la siguiente configuración, los elementos en el contenedor también debe ser coherente, vamos a entender el contenedor.

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),%(ratio), 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, tablet, móvil.

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

• Disposición

• Estilo

Comprobando los pequeños contenedores individualmente, podemos añadir elelementalEs decir, añadirwidgetsEsos.

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

Lo haremos esta vez. Navegación a pie de páginaImagina que es algo así.