Consejos, trucos y los mejores complementos para personalizar los menús de WordPress

Publicado: 2018-04-04

Los menús son una de las partes más importantes de cualquier sitio web. Son omnipresentes y guían a los usuarios a través de su blog. Y aunque es relativamente fácil agregar un menú de navegación en WordPress, hay mucho más que puede hacer para personalizarlo para su sitio web.

Ya sea que se trate de un pequeño ícono que desee tener en el menú o que desee un sistema completamente diferente para manejarlo, esta guía lo tiene todo. Consulte consejos, trucos y algunos de los mejores complementos de menú que preparamos para usted en esta guía:

  • Agrega íconos a tu menú de WordPress
  • Agregue el botón de inicio de sesión / cierre de sesión al menú
  • Muestre los menús de WordPress en cualquier lugar que desee
  • Cómo agregar un cuadro de búsqueda a su menú de WordPress
  • Cómo hacer que el menú de navegación se quede en la parte superior de la página
  • Crea tu menú de navegación pegajoso con complementos
  • Cómo eliminar elementos del menú de nivel superior en WordPress
  • Los 4 mejores complementos de menú para WordPress
  • Los mejores complementos de menú móvil de WordPress

Agrega íconos a tu menú de WordPress

Crear un menú en WordPress nunca fue tan fácil. Todo lo que tiene que hacer es generar páginas y agregarlas junto a su página de inicio. Su menú de navegación principal se realizará con solo unos pocos clics, pero probablemente se verá muy simple.

Existen numerosos complementos que pueden ayudarlo a crear un menú de navegación visualmente impresionante. Por supuesto, puede codificarse uno mismo si sabe cómo hacerlo, pero hay una forma más sencilla de hacer que su menú habitual sea más fácil de usar: agregando iconos.

Los iconos se han convertido en algo sin lo que no podemos vivir . Cuando busca algo en su panel de WordPress, en su escritorio o en su teléfono inteligente y tableta, probablemente esté acostumbrado a usar íconos. Después de unas pocas veces de usar una nueva aplicación, es más probable que recuerde su icono que todo el texto de descripción que lo acompaña. Entonces, ¿por qué no pondría un ícono junto a su elemento de menú y dejar que las personas naveguen por su sitio con facilidad?

Iconos de menú

PRECIO: Gratis

Iconos de menú

Si no sabe cómo hacerlo, no se preocupe, por eso está aquí. En esta parte de la guía, no lo molestaremos con la codificación personalizada, pero simplemente le mostraremos un complemento gratuito que puede configurar en los próximos minutos .

  1. Vaya a Complementos-> Agregar nuevo
  2. Busque "Iconos de menú"
  3. Instalar y activar el complemento
  4. Vaya a Apariencia -> Menús
  5. Abra su menú de navegación
  6. Seleccione una página en la estructura del menú para la que desea seleccionar un icono
  7. Elija el icono, edite su posición y tamaño
  8. Guardar menú

¡Eso es todo! Ahora busque algunos íconos geniales que desee en su menú y disfrute de su nuevo diseño. Mientras todavía está trabajando con íconos, no olvide que también puede agregar fácilmente un favicon a su blog de WordPress.

Agregue el botón de inicio de sesión / cierre de sesión al menú

Una de las muchas características de WordPress que nos encantan es su forma fácil de registrar nuevos usuarios. Controlar diferentes roles de usuario en la popular plataforma no podría ser más sencillo; ya hay roles registrados que puede asignar e incluso puede crear numerosos roles de usuario personalizados para las necesidades de su sitio.

Si bien registrarlos es rápido y fácil, cuidar de sus usuarios puede ser un trabajo duro . Pero debe hacer todo lo que esté a su alcance para que su experiencia en el sitio web sea lo mejor posible.

Una de las muchas cosas que puede hacer por ellos es habilitar una forma fácil de iniciar y cerrar sesión en su sitio. Para que los enlaces de inicio de sesión / cierre de sesión estén siempre al alcance de las manos de los usuarios, puede colocar esos enlaces directamente en su menú principal. En primer lugar, tener esos enlaces en el menú es muy práctico y, en segundo lugar, es probable que los usuarios se hayan acostumbrado a la función de varias otras aplicaciones que utilizan la misma forma de iniciar y cerrar sesión.

En este caso, no es necesario adquirir otro complemento. Una función simple de WordPress que le mostraremos en esta parte del artículo puede hacer un gran trabajo por usted . Colocará automáticamente el enlace correcto en su menú. Eso significa que mientras un usuario está desconectado, obtendrá el enlace "iniciar sesión" y viceversa. Ni usted ni el usuario tendrán que volver a preocuparse por los botones de inicio de sesión.

Si está listo para agregar esta función de inicio de sesión simple pero ordenada al menú, esto es lo que tendrá que hacer:

  1. Funciones abiertas.php
  2. Copie y pegue lo siguiente:
 function add_login_logout_link ($ items, $ args) {
$ loginoutlink = wp_loginout ('index.php', falso);
$ artículos. = '<li>'. $ loginoutlink. '</li>';
devolver $ artículos;
}
add_filter ('wp_nav_menu_items', 
'add_login_logout_link', 10, 2);
  1. Guardar cambios

Al igual que con la mayoría de nuestros fragmentos, terminará simplemente copiando y pegando la función en el archivo. Una vez que haya terminado, puede continuar y volver a cargar la página de inicio. Como todavía está conectado, obtendrá el enlace "cerrar sesión" en el último lugar de su menú principal. Asegúrese de revisar toda la función, así que intente cerrar la sesión y volver a iniciarla para asegurarse de que todo está bien.

Ahora que ha terminado con esta pequeña función, no olvide que puede redirigir fácilmente a los usuarios a otra página después de un inicio de sesión exitoso o incluso mostrar contenido solo a los usuarios conectados o desconectados.

Además, ahora que tiene un menú personalizado, es posible que le interese mostrarlo en cualquier lugar del sitio proporcionando un código abreviado personalizado.

Nos encanta personalizar WordPress con pequeños fragmentos como este, ¿y tú?

Muestre los menús de WordPress en cualquier lugar que desee

Después de que WordPress alcanzó la versión 3.0, muchas cosas se volvieron más fáciles de usar. Entre las diferentes características nuevas, la creación de un menú de navegación se volvió accesible para todos y hoy en día todos pueden crear sus propios menús con unos simples clics de un botón del mouse.

Si bien crear menús donde puede vincular fácilmente cualquier publicación, página, categoría o cualquier vínculo externo es pan comido, mostrar el menú en diferentes lugares a lo largo de su sitio puede ser un poco más grande para aquellos que no están interesados ​​en el desarrollo de WordPress.

Dependiendo del tema de WordPress que esté utilizando, puede mostrar fácilmente un menú recién creado en la parte superior de su página donde todos estamos acostumbrados a encontrar la navegación. Es posible que tenga la opción de colocar su menú en la barra lateral o incluso en el área del pie de página, pero ¿qué pasa si desea mostrar el menú en sus publicaciones, páginas o incluso en el widget?

No, no tiene que crear listas personalizadas o volver a escribir el código HTML completo para replicar los enlaces; ¡Puede aprovechar los códigos cortos y colocar un menú existente en cualquier lugar que desee!

En las siguientes líneas, estamos a punto de mostrarle cómo hacerlo y estamos seguros de que le gustará su nueva función de 'menú en el código corto'.

Cree un código corto y muestre los menús de WordPress en cualquier lugar que desee

  1. Abrir archivo functions.php
  2. Copie y pegue el código que registrará el shortcode:
 function menu_function ($ atts, $ content = null) {
extraer(
shortcode_atts (
array ('nombre' => nulo,),
$ atts
)
);
return wp_nav_menu (
formación(
'menu' => $ nombre,
'echo' => falso
)
);
}
add_shortcode ('menú', 'función_menú');
  1. Guardar cambios

Inmediatamente después de guardar los cambios, podrá mostrar los menús de WordPress en cualquier lugar que desee. Todo lo que tienes que hacer es escribir el shortcode donde tienes que especificar el nombre del menú que vas a usar:

[nombre del menú = ”menú principal”]

En la mayoría de los casos, su menú principal tendrá el nombre de "menú principal" adjunto a sí mismo. Pero si va a usar cualquier otro menú, simplemente ingrese su nombre en el código corto. No es necesario que se sepa todos los nombres de los menús de memoria; en su lugar, navegue hasta Apariencia -> Menús y navegue por la lista de menús o cree otros nuevos.

Dado que ahora puede mostrar los menús de WordPress prácticamente en cualquier lugar, puede crear numerosas navegaciones que usará en su sitio web con WordPress. Puede tener uno en una publicación, otro en archivos de plantilla, un widget de texto, etc.

Cómo agregar un cuadro de búsqueda a su menú de WordPress

A menos que haya eliminado la función, WordPress permite a sus visitantes buscar en todo su sitio. Hemos mencionado esta característica interesante varias veces y le mostramos diferentes cosas que puede hacer con sus páginas de búsqueda. Por ejemplo, puede redirigir fácilmente a los usuarios a la publicación si solo se encuentra un resultado o incluso configurar una búsqueda personalizada de Google.

Si ha navegado a través de sus widgets WP estándar, probablemente haya visto que hay un widget de búsqueda listo para colocarse en una barra lateral . Pero, ¿qué sucede si desea que su cuadro de búsqueda aparezca junto a su menú?

En las siguientes líneas, le mostraremos una función que tomará su cuadro de búsqueda diario y lo colocará en el menú de navegación.

Agregue un cuadro de búsqueda al menú:

  1. Funciones abiertas.php
  2. Copie y pegue lo siguiente:
 add_filter ('wp_nav_menu_items', 'add_search_box', 
10, 2);
function add_search_box ($ elementos, $ args) {
$ artículos. = '<li>'. get_search_form (falso). 
'</li>';
devolver $ artículos;
}
  1. Guardar cambios

Para estar seguro de que el código funcionará para usted, asegúrese de tener un menú de navegación ya agregado a su sitio.

El código es bastante simple y su única función es agregar el cuadro de búsqueda a su menú de navegación . Lo más probable es que su cuadro de búsqueda no esté alineado donde deseaba que estuviera. Eso significa que tendrá que decirle a WordPress dónde colocar el cuadro de búsqueda:

  1. Agregue una clase a la etiqueta <li> que se encuentra en la tercera línea de código:
 $ items. = '<li class = ”searchbox-position”>'. 
get_search_form (falso). '</li>'
  1. Guardar cambios
  2. Abrir style.css
  3. Copie y pegue el código CSS:
 .searchbox-position {
margen superior: 15px;
margen derecho: 20px;
}
  1. Cambia el código a tu gusto
  2. Guardar cambios

Con suerte, ha anidado la caja perfectamente al lado de su menú. No se necesita mucho para colocar la caja donde la desea. No olvide diseñar el cuadro de búsqueda y disfrutar de la función.

Si desea tener más control sobre su menú y cuadro de búsqueda, vea cómo agregar íconos a su menú y cómo agregar una opción de búsqueda por voz para los visitantes a quienes les gusta dictar sus términos de búsqueda. Hay mucho más que puede hacer tanto con su menú como con sus opciones de búsqueda, así que pruebe nuestro cuadro de búsqueda y aprenda algo nuevo.

Cómo hacer que el menú de navegación se quede en la parte superior de la página

Probablemente haya visto sitios web en los que los menús de navegación se colocan en la parte superior de la página y lo siguen en cada paso de su aventura de desplazamiento . Esa característica puede ser algo que desee en su sitio web de WordPress y en esta parte de la guía, estamos a punto de mostrarle cómo crear una.

No solo tiene un lado funcional donde el menú está siempre disponible al alcance de tu mano, sino que también puede lucir muy bonito y fluido.

Si tiene un poco de conocimiento de CSS, no tendrá problemas para hacer que su menú sea pegajoso. Solo tiene que agregar un fragmento de código a su archivo Style.css, después de lo cual podrá disfrutar de su nueva función de menú.

  1. Abra su hoja de estilo (style.php)
  2. Encuentra .nav-menu o .genesis-nav-menu (o similar, según el tema que estés usando)
  3. Utilice el siguiente código para el contenedor del menú principal:
 .nav-menu {
posición: fija;
fondo: # 333;
arriba: 0px;
derecha: 0px;
izquierda: 0px;
índice z: 99;
}

Como puede adivinar por el código, la parte importante viene en la segunda línea donde necesita fijar la posición de su menú . Después de eso, puede establecer los elementos superior, derecho e izquierdo en 0 píxeles o moverlos a cualquier distancia desde la parte superior o desde el margen izquierdo y derecho de la página (por ejemplo: top: 10px colocará su menú a 10 píxeles de el margen superior de su sitio).

  1. Actualice su archivo y disfrute de su menú de navegación pegajoso

Si no le gusta jugar con el código, puede usar complementos para hacer que sus menús sean pegajosos.

Crea tu menú de navegación pegajoso con complementos

Le enseñamos cómo crear un menú de navegación pegajoso simplemente cambiando una línea de código CSS en su tema. Pero, no importa cuán fácil pueda ser esto, no a todos les gusta revisar los archivos de WordPress y editar el código ellos mismos. Si eres ese tipo de persona o necesitas más control sobre el menú, no te preocupes. Puede configurar fácilmente su menú y hacerlo pegajoso mediante el uso de complementos . En esta parte del artículo, le mostraremos algunos de los mejores.

Extensión adhesiva de UberMenu

PRECIO: $ 8

Extensión adhesiva de UberMenu

UberMenu Sticky Extension es un complemento para el complemento UberMenu, lo que significa que primero debe instalar este complemento para que la extensión funcione. La extensión simplifica todo; después de la instalación, estará listo para hacer que su menú sea pegajoso. No importa dónde coloque su menú, una vez que un usuario comienza a desplazarse, el menú se pegará en la parte superior de la página y lo hará fácilmente accesible.

Para asegurarse de que los usuarios móviles puedan acceder a todas las partes del menú, la opción adhesiva se apaga una vez que se detecta un dispositivo móvil. No hay mucho que agregar aquí: consulte la demostración en el sitio oficial y, si ya tiene UberMenu, continúe y haga que su menú sea pegajoso.

myStickymenu

PRECIO: Gratis - DEMO

myStickymenu

Este complemento está diseñado para usarse en el tema Twenty Thirteen. Pero si lo modifica un poco, puede usarlo en cualquier tema que desee. De forma predeterminada, utiliza la clase CSS de navegación del tema ".navbar". Entonces, si desea usarlo en algún otro tema, debe encontrar la clase que usa su tema para describir el menú de navegación y cambiar el nombre de esa clase.

Si su tema responde, el complemento también responderá. Si desea modificarlo más, puede ingresar sus estilos CSS personalizados y hacer que su menú fijo sea aún más personalizado.

Menú fijo (¡o cualquier cosa!) En el desplazamiento

PRECIO: Gratis

Menú fijo (¡o cualquier cosa!) En el desplazamiento

Este complemento le permitirá colocar su menú en la parte superior y hacerlo pegajoso. Pero no solo eso, el complemento le permitirá hacer que cualquier elemento sea pegajoso simplemente encontrando el selector correcto para el elemento. Eso significa que puede hacer que su logotipo o incluso todo el encabezado se atasque en la parte superior de la página mientras los usuarios se desplazan por su sitio web. Para que todo funcione, tendrás que saber un poco sobre HTML y CSS para poder encontrar el selector adecuado.

Cómo eliminar elementos del menú de nivel superior en WordPress

Probablemente ya sepa que WordPress es altamente personalizable. Si sabe cómo codificar o al menos encontrar los complementos adecuados, puede transformar su backend y el frontend y mostrar un sitio web único a sus visitantes y también a sus autores.

En esta parte, le mostraremos un código simple que le permitirá eliminar elementos del menú de nivel superior de sus páginas de administración de WordPress.

El código que puede encontrar a continuación eliminará todos los elementos del menú de nivel superior para todos los usuarios en lugar de para los administradores . Antes de continuar, debe saber que este fragmento solo elimina los elementos del menú, pero que esos elementos seguirán estando disponibles para cualquiera que conozca la ruta correcta a una página de configuración. Si desea restringir completamente el acceso a ciertas páginas del menú, deberá cambiar las capacidades del usuario.

Eliminar elementos del menú de nivel superior:

  1. Abra su archivo functions.php
  2. Copia y pega el siguiente código:
 if (! current_user_can ('manage_options')) {
add_action ('admin_menu', 'my_remove_menus', 999);
}
function my_remove_menus () {
remove_menu_page ('index.php'); //Tablero
remove_menu_page ('edit.php'); // Publicaciones
remove_menu_page ('upload.php'); //Medios de comunicación
remove_menu_page ('edit.php? post_type = page'); // Páginas
remove_menu_page ('editar-comentarios.php'); // Comentarios
remove_menu_page ('themes.php'); //Apariencia
remove_menu_page ('plugins.php'); // Complementos
remove_menu_page ('usuarios.php'); // Usuarios
remove_menu_page ('herramientas.php'); //Instrumentos
remove_menu_page ('opciones-general.php'); //Ajustes
}
  1. Guardar cambios

Como este código elimina todos los menús de nivel superior que probablemente no desee hacer, no dude en modificar el código según sus necesidades. Cada línea “remove_menu_page” se encarga de eliminar una página (que se describe entre corchetes y en el comentario al lado de la línea de código). Simplemente agregue o elimine una página que desea que esté ausente de su menú y guarde los cambios una vez más.

Ahora que ha aprendido cómo eliminar páginas de nivel superior del menú, es posible que desee eliminar solo algunas de las subpáginas que se encuentran debajo de las de nivel superior.

Los 4 mejores complementos de menú para WordPress

Una vez que haya comenzado a construir su nuevo sitio web, tarde o temprano necesitará un menú. Puede crear uno usando una opción de menú estándar en WordPress, pero si desea uno más profesional, tendrá que conocer sus códigos HTML y CSS. Eso también significa que pasará algún tiempo diseñando todo para que funcione a la perfección y se vea hermoso al mismo tiempo.

Pero si necesita una solución más rápida o simplemente no sabe cómo codificar su propio menú elegante, WordPress le permite instalar algunos complementos geniales que están diseñados para crear menús magníficos en cuestión de unos pocos clics. Sin ningún orden en particular, estos son algunos de los mejores complementos de menú para WordPress.

Menú Uber

PRECIO: $ 20 - DEMO

Menú Uber

Con más de 43,000 ventas, Uber Menu es uno de los complementos más populares para WordPress . Una vez que abra el sitio de demostración y vea cómo se ve el menú creado con este complemento, comprenderá por qué es tan popular. Y una vez que comience a enumerar sus características, probablemente querrá una para usted.

Los menús creados con el menú de Uber serán receptivos y táctiles para sus visitantes móviles. Puede crear hermosos diseños y colocar iconos, imágenes, videos y mapas en su menú. El formulario completo se puede colocar en un submenú para que pueda crear un formulario de contacto sin tener que agregar una página adicional para eso. El complemento es altamente personalizable y puede jugar con más de 50 configuraciones de estilo con vista previa en vivo. Puede crear submenús automáticamente a partir de su otro contenido, crear pestañas en su menú y mucho, mucho más.

  • Generación dinámica de artículos
  • Submenús con pestañas
  • Interfaz de usuario mejorada

Morph: menú desplegable de WordPress personalizable

PRECIO: $ 20 - DEMO

Morph

Morph es un menú desplegable diseñado para dispositivos móviles. Pero, como puede ver en la página de demostración si la abre en su computadora personal, también se ve muy bien en el escritorio.

Al usar este complemento, puede ocultar un menú y llamarlo con un simple clic . En el área del menú, puede crear un menú desplegable estándar, agregar imágenes, botones de búsqueda y toda el área se convierte en un widget, lo que significa que puede incrustar cualquier cosa que necesite y desee. El complemento es muy personalizable, por lo que puede elegir los colores que desee, cambiar la altura de la imagen y agregar o eliminar elementos que se adapten a sus necesidades. Si lo va a utilizar para dispositivos móviles, puede configurar fácilmente las resoluciones para las que aparecerá el menú.

  • Funciona muy bien tanto en computadoras de escritorio como en dispositivos móviles
  • Agregar / eliminar elementos personalizables
  • Puede ser activado por cualquier elemento.

Menú de héroe

PRECIO: $ 19 - DEMO

Menú héroe

Ya sea que desee un menú simple o un "Mega menú" complejo, puede crear uno con el complemento Hero Menu. Cada menú que cree responderá y se verá genial en cualquier dispositivo; Si elige crear un mega menú, los elementos se pueden mostrar u ocultar para que no tenga que preocuparse por el diseño en pantallas más pequeñas.

Hay soporte táctil especial para Android, iOS y Windows Phone. Elija una barra de navegación de ancho completo o fijo donde puede agregar fácilmente elementos adicionales simplemente usando una técnica de arrastrar y soltar . Hay más de 60 esquemas de color preestablecidos y puede usar cada una de las fuentes gratuitas de Google. Haga que el menú sea pegajoso, elija la distancia de activación ... este gran complemento puede ofrecer mucho más, así que asegúrese de consultar la lista completa de funciones en CodeCanyon.

  • Constructor de estructura de menú de arrastrar y soltar
  • Crea un menú simple o un mega menú complejo
  • Navegación móvil especial

Barra Multi-X

PRECIO: $ 16 - DEMO

Barra Multi X

La barra Multi-X es un complemento modular y le permite colocar prácticamente cualquier cosa que desee en la barra de navegación. Además de los elementos del menú, puede colocar hasta 8 elementos en la barra , ya sea un formulario de contacto, un formulario de búsqueda, íconos para compartir en redes sociales, área de widgets, etc.

Hay dos temas diferentes entre los que puede elegir, además de un tema personalizado en el que puede establecer sus propios colores mientras que el degradado se calculará automáticamente. La barra de navegación se puede colocar como un menú fijo o desplazable. Si es un desarrollador, le gustará saber que hay un conjunto de ganchos listos para usted si desea crear un nuevo complemento desde la barra Multi-X. Este complemento ofrece mucho, mucho más, así que asegúrese de echar un vistazo a todas las funciones de CodeCanyon.

  • 8 módulos funcionales integrados
  • 2 temas de color + tema personalizado
  • Posición superior o inferior

Los mejores complementos de menú móvil de WordPress

Todos sabemos lo lejos que ha llegado la tecnología. Los teléfonos inteligentes y las tabletas se han vuelto inevitables y hay un número creciente de propietarios de dispositivos móviles. Las redes WiFi cubren cada parte de nuestras ciudades y si no hay una, siempre puede conectar su dispositivo móvil a Internet a través de su proveedor. Lo que todo eso significa es que la cantidad de navegadores web móviles es más alta que nunca y que debe cuidarlos si está ejecutando un sitio web.

Si está creando un sitio móvil o quiere mejorar uno, definitivamente necesita crear un menú móvil especial que se adapte a cualquier tamaño de pantalla y permita a los usuarios móviles una navegación más fácil .

Con WordPress, esta tarea no es tan difícil como podría pensar. No es necesario que sepas cómo codificar o cómo configurar un menú. Todo lo que necesita es un complemento que puede instalar y personalizar fácilmente según sus necesidades.

En esta parte de la guía, estamos a punto de mostrarle algunos de los mejores complementos premium que pueden crear un menú móvil para su sitio web de WordPress. Así que bajemos y echemos un vistazo.

Táctil

PRECIO: $ 18 - DEMO

Táctil

Este complemento premium creará un encabezado móvil limpio con un menú móvil incrustado en él. Las animaciones son muy simples y pueden verse realmente agradables y fluidas en la pantalla de un teléfono inteligente. Con Tactile, puede crear un menú de acordeón de varios niveles, hacer un menú horizontal de un solo nivel que se puede deslizar o crear una barra lateral con widgets que puede volar a su sitio web .

Todo es personalizable, lo que significa que puede pintar sus elementos en el color que desee, cambiar fondos y establecer sus colores, opacidades y mucho más. Su menú puede ser fijo o posicionado absolutamente. Si desea tener aún más control sobre los dispositivos móviles, puede establecer resoluciones para las cuales se activará este menú.

  • Varios tipos de menú
  • Funciones de búsqueda
  • Posicionamiento fijo / absoluto

Toque Toque

PRECIO: $ 10 - DEMO

Tap-Tap

TapTap le dará el poder de crear un menú móvil único para su sitio web de WordPress. Como puede ver en el sitio de demostración, puede crear casi cualquier cosa que imagine y sus menús se verán realmente prolijos. Con este complemento, puede crear menús de varios niveles, decidir qué elementos desea mostrar, agregar descripciones o habilitar la opción de búsqueda integrada .

Hay dos diseños de botones de menú y algunas animaciones para elegir. La posición de su menú puede ser fija o puede utilizar el posicionamiento absoluto. Elija estilos de fondo y juegue con numerosas opciones de estilo para que pueda adaptar el menú a su tema a la perfección. Por último, pero no menos importante, TapTap le permitirá elegir resoluciones en las que se mostrará. ¿Qué más se puede pedir de un menú de navegación móvil?

  • Menús de varios niveles
  • 2 botones de menú diseños y animaciones
  • Posicionamiento fijo / absoluto

Mobi

PRECIO: $ 16 - DEMO

Mobi

Mobi es otro complemento de WordPress simple pero excelente, listo para ayudar con sitios web móviles. Con esta adición, su tema receptivo tendrá una navegación aún mejor. Una vez que crea un menú usando un generador de menú intuitivo de arrastrar y soltar , puede colocarlo en la parte superior o inferior de su sitio.

Todos los elementos del menú son personalizables y puede agregar íconos de redes sociales a su barra de navegación. Hay más de 700 fuentes de iconos y puede completar su diseño utilizando una de las fuentes de Google. Si es necesario, puede controlar la visibilidad del usuario para invitados y usuarios registrados.

  • Personalización de arrastrar y soltar
  • Posicionamiento del menú superior o inferior
  • Visibilidad de usuario para invitados y usuarios registrados

Wah-menú

PRECIO: $ 44 - DEMO

Wah-Wah

Wah-menu es un menú acoplable perfecto para sitios web móviles, especialmente diseñado para la navegación táctil de iPad. Con este complemento premium, puede agregar hasta 8 enlaces de menú que estarán muy bien colocados en el costado de su sitio web de WordPress.

Una vez que haga clic en un icono específico en el menú, aparecerá un submenú que permite HTML, videos incrustados, mapas y prácticamente todo lo que desee. El complemento es altamente personalizable, lo que significa que puede elegir entre 8 colores de acento, jugar con el ancho del menú, los iconos, los enlaces, etc. La creación del menú es muy fácil con el editor WYSIWYG. Ya sea que elija usar el tema oscuro o claro, puede estar seguro de que se verá bien.

  • Editor WYSIWYG
  • Submenús con soporte para HTML, videos incrustados, etc.
  • Opción de estado fuera o acoplado

Menú de estilo de ruta

PRECIO: $ 12 - DEMO

Estilo de ruta

Este complemento premium es algo diferente de su complemento habitual dedicado a la creación de menús. En lugar de una barra de menú clásica o un menú de barra lateral, el menú de estilo de ruta crea un botón . Después de activar un botón, mostrará un menú alrededor del botón en un círculo, lo expandirá en línea en la dirección que desee o incluso organizará sus íconos en un arco.

Si hay varios niveles de menú, el botón creará un botón de retroceso que permitirá a los usuarios volver al menú principal. Hay toneladas de opciones de personalización y para crear un menú; simplemente puede usar el editor de menú estándar de WordPress. Si estás buscando un menú móvil único, dale una oportunidad a Path Style Menu.

  • Crear menú alrededor del botón
  • Altamente personalizable
  • Utilice el menú WP estándar para editar el menú

Scrollnav

PRECIO: $ 10 - DEMO

Scrollnav

Otro complemento de menú único que le brinda algunas funciones excelentes y puede verse genial en su sitio web. Scrollnav consiste en un círculo que contiene varias opciones de menú . Hay un enlace a la página de inicio en el medio del botón, el enlace superior lo lleva lógicamente a la parte superior de la página, hay un cuadro de búsqueda, un menú personalizado y un enlace personalizado que forma parte del círculo.

El menú personalizado le dará suficiente espacio para crear menús completos con submenús, se verá genial y le dará el espacio que tanto necesita en su sitio web móvil. Hay varios esquemas de color entre los que puede elegir y todo es fácil de configurar. Definitivamente debería consultar el sitio de demostración para ver cómo funciona este pequeño complemento.

  • Botón circular con diferentes funciones
  • Menú personalizado y parte de enlace personalizado
  • Varias combinaciones de colores

Desplazarse al menú

PRECIO: $ 24 - DEMO

Desplazarse al menú

Este simple complemento premium le brindará un menú de barra lateral genial que está diseñado para la navegación táctil de iOS y Android. Una vez que cree un menú, incluirá iconos que enlazan con otra parte de la página y se desplazarán automáticamente.

Es importante tener en cuenta que ScrollTo no es un menú de navegación completo , sino que solo se desplaza a otra parte de la misma página. Puede elegir entre más de 750 iconos o puede utilizar sus propias imágenes como elementos de menú y hay espacio adicional para anuncios. Para que todo funcione, deberá tener conocimientos básicos de HTML para poder seguir las instrucciones. Puede que le lleve unos minutos más de su tiempo, pero el resultado final se ve muy bien.

  • Habilitado para tocar
  • Más de 750 iconos + imágenes personalizadas
  • Espacio publicitario adicional

Conclusión

Esperamos que a estas alturas se haya dado cuenta de que es difícil ejecutar un sitio web sin un menú. Incluso si ejecuta un paginador de un solo paginador, aún querrá una navegación entre las secciones. Entonces, mientras ya está aquí, tómese el tiempo para personalizar su menú de WordPress y hacer el mejor posible.