Pro Menu - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder

Pro Menu

Pro Menu
21 de julio de 2021
Oxigenados Tip del dia

El Pro Menu muestra los menús creados a través de Appearance > Menus  en el área de administración de WordPress. El elemento Pro Menu proporciona opciones de estilo avanzadas para los menús desplegables y móviles.

Añade el Pro Menu a la página a través de +Add > WordPress > Pro Menu.

OPCIONES DE ESTILO DEL PRO MENU
El  Pro Menu puede ser estilizado a través de la pestaña Primary en el Panel de Propiedades.
img-6

 

Menu


Elige el menú de WordPress que desea mostrar. Los menús se pueden crear a través de Apariencia > Menús en el área de administración de WordPress.

Mobile Menu / Toggle Below


Elige el punto de interrupción en el que desea que se muestre el menú móvil (menú hamburguesa).

Desktop Menu

img-7

Orientation

Selecciona si desea un menú horizontal o vertical.

Typography

Controles tipográficos completos sobre los elementos del menú de escritorio de Pro Menu.

Spacing, Align, Border

Establece el espacio entre los elementos del menú, la alineación de los elementos del menú y el radio del borde de los elementos del menú.

Hover & Active

Establece el color y los bordes de los elementos de menú activos y suspendidos. También puede controlar la duración de la transición para el estado hover de los elementos del menú aquí.

Desktop Dropdowns

img-8

Enable Dropdown

Habilitar o deshabilitar los elementos del menú hijo.

Dropdown Border Radius

Establece el radio del borde del menú desplegable.

Animation Type

Selecciona el tipo de animación que se aplica cuando el menú desplegable entra en la ventana gráfica. Los menús desplegables animados heredan su configuración (aparte del tipo de animación) de la configuración global de Animación al Desplazamiento en Manage > Settings > Global Styles > Animate On Scroll.

Box Shadow

Añade una sombra de caja al menú desplegable

Dropdown Icon

Establece y estilice el icono del menú desplegable.

Dropdown Colors

Establece los colores del fondo, del fondo flotante, del enlace y del enlace flotante.

Dropdown Child Links

Estiliza la tipografía de los enlaces del menú desplegable.

Mobile Menu

img-9

Open Icon Layout

Establece el icono y el texto que se mostrarán cuando se cierre el menú del móvil. Cambia el tamaño del icono, el texto, el color, el color de relleno, el radio del borde y la duración de la transición.

Open Icon Typography

Si has configurado el texto del icono en la pestaña Open Icon Layout , entonces puedes estilizar la tipografía aquí.

Close Icon Layout

Establece el icono y el texto que se mostrará cuando el menú móvil esté abierto. Cambia el tamaño del icono, el texto, la posición, el color, el color de relleno, el radio del borde y la duración de la transición.

Close Icon Typography

Si has configurado el texto del icono en la pestaña Close Icon Layout, entonces puedes estilizar la tipografía aquí.

Menu Styles

Off Canvas: Escoge si deseas que el menú móvil se anime desde fuera del lienzo. Establece el tipo de animación y su duración.

Estiliza el color de fondo del menú móvil, el color del enlace, el relleno del enlace, el relleno del contenedor y la alineación del texto.

Typography

Escoge la tipografía del menú móvil..

Mobile Dropdowns


img-10

Incluir enlaces desplegables en el menú responsive

  • Hide: Los enlaces desplegables no se mostrarán cuando el Menú Pro esté en modo móvil.
  • Show in line: Los enlaces desplegables se mostrarán como elementos regulares del menú, listados en línea con los elementos del menú de nivel superior, cuando el Pro Menu esté en modo móvil.
  • Toggle: Al hacer clic en el icono del menú desplegable en un elemento del menú de nivel superior que tiene un menú desplegable hijo, el menú desplegable se expandirá o se abrirá.


Cuando se selecciona Alternar, también podrás establecer la duración de la animación de la alternancia, el tamaño del icono del menú desplegable, el color de fondo del menú desplegable y el borde superior del contenedor del menú desplegable.

Presets


Selecciona un preajuste para utilizar un menú preestablecido.

Exporta e importa menús utilizando su código JSON.

Para guardar su menú existente como un preajuste para que pueda ser utilizado en otra parte de su sitio, introduce un nombre en la casilla y haga clic en "Guardar".

Usa el botón "Borrar estilos actuales" para borrar los estilos asignados al selector actual del elemento Pro Menu.

Última modificación: 12 de junio de 2020

VOLVER AL LISTADO COMPLETO