Widget de menú de navegación (Pro)

los Menú de navegación widget te permite usar menús que ha creado en WordPress y diseñarlos de la manera que desee.
Vea este video que explica las diversas características de este widget.

Contenido

Diseño

1. Menú: Seleccione un menú que haya configurado previamente mediante Apariencia > Menús
2. Diseño: Elija un diseño horizontal, vertical o desplegable
3. Alinear: Establece la alineación del elemento del menú, ya sea a la izquierda, al centro, a la derecha o justificada
4. Puntero: Seleccione un puntero, ya sea Ninguno, Subrayado, Doble línea, Enmarcado, Fondo o Texto
5. Animación: Elija la animación del puntero, ya sea Desvanecer, Deslizar, Crecer, Colocar, Abandonar o Ninguno
6. Indicador de submenú: Elija el icono que indica que un elemento tiene elementos de submenú, ya sea Ninguno, Clásico, Chevron, Ángulo o Más

Menú desplegable móvil

1. Breakpoint: Seleccione en qué punto se activa el menú desplegable móvil, ya sea en Móvil, Tableta o Ninguno.
2. Ancho completo: Seleccione si el menú desplegable móvil abarca todo el ancho del dispositivo, ya sea Sí o No
3. Alinear: Elija si los elementos del menú móvil se muestran a la izquierda o en el centro, seleccionando Aparte o Centro
4. Botón de activación: Muestra el icono de la hamburguesa como botón de alternancia o no
5. Alternar alinear: Muestra el botón de alternancia a la izquierda, centro o derecha de la pantalla

Estilo

Menú principal

Tipografía: Establece las opciones de tipografía para el texto del elemento del menú.

Los siguientes elementos se pueden configurar de forma independiente para los tres estados: Normal, Hover y Activo.

Tenga en cuenta que si se establece un color de desplazamiento pero no se establece ningún color activo, el color activo utilizará el color de desplazamiento por defecto.

1. Color de texto: Elija el color del texto del elemento del menú
2. Color del puntero: Elija el color de los estados activos o de desplazamiento del puntero. El estado normal utiliza el conjunto de colores como Color de acento en la configuración de Colores predeterminados.
3. Ancho del puntero: Establece el ancho del puntero
4. Acolchado horizontal: Establece el relleno horizontal alrededor del texto de los elementos del menú
5. Acolchado vertical: Establece el relleno vertical alrededor del texto de los elementos del menú
6. Espacio entre: Establece el espacio entre cada elemento del menú

Desplegable

En el escritorio, esto afectará al submenú. En el móvil, esto afectará a todo el menú.

Los siguientes elementos se pueden configurar de forma independiente para los tres estados: Normal, Hover y Activo.

1. Color de texto: Elija el color del texto del elemento del menú
2. Color de fondo: Elija el color de fondo de los elementos del menú
3. Tipografía: Establece las opciones de tipografía para los elementos del menú
4. Tipo de borde: Seleccione un tipo de borde alrededor del menú desplegable, eligiendo Ninguno, Sólido, Doble, Punteado, Punteado o Surco
5. Anchura: Establece el ancho del borde
6. Color: Elige el color del borde
7. Radio de borde: Establece el radio del borde para controlar la redondez de las esquinas
8. Sombra de la caja: Crea una sombra de cuadro alrededor del menú desplegable
9. Acolchado horizontal: Establece el relleno horizontal alrededor del texto de los elementos del menú
10. Acolchado vertical: Establece el relleno vertical alrededor del texto de los elementos del menú

Divisor

1. Tipo de borde: Seleccione un tipo de borde para el divisor, eligiendo Ninguno, Sólido, Doble, Punteado, Punteado o Surco
2. Color: Si se elige el borde divisor, elija el color del borde divisor
3. Ancho del borde: Si se elige el borde divisor, establezca el ancho del borde divisor
4. Distancia: Establece la cantidad de espacio entre la palanca y el menú desplegable

Consejo: vaya a Elementor> Configuración> Avanzado y asegúrate Soporte de Load Font Awesome 4 se establece en si para que los indicadores del submenú se muestren correctamente.

Botón de activación

Los siguientes elementos se pueden configurar de forma independiente para los estados normal y flotante.

1. Color: Elija el color del icono del botón de alternancia
2. Color de fondo: Elija el color de fondo del botón de alternancia
3. Talla: Establece el tamaño del botón de alternancia
4. Ancho del borde: Establece el ancho del borde alrededor del botón de alternancia
5. Radio de borde: Establece el radio del borde del botón de alternancia

Nota: El botón de alternancia se refiere al icono del menú de hamburguesas.

Atributos de accesibilidad

los Widget de menú de navegación tiene los siguientes atributos de accesibilidad:

• tabindex
• aria-expandido
• aria oculta
• role = «navegación»

Avanzado

Establecer las opciones avanzadas que son aplicables a este widget

• Lea la publicación de lanzamiento completa sobre el widget de menú
• Lea cómo crear y diseñar un menú de navegación personalizado