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

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

Tanto si se trata de un pequeño icono que quieres tener en el menú como si quieres un sistema completamente diferente para manejarlo, esta guía lo tiene todo. Echa un vistazo a los consejos, trucos y algunos de los mejores plugins de menú que hemos preparado para ti en esta guía:

Crear un menú en WordPress nunca fue tan fácil. Todo lo que tienes que hacer es generar páginas y añadirlas junto a tu página de inicio. Tu menú de navegación principal estará hecho con unos pocos clics, pero probablemente tendrá un aspecto muy sencillo.

Existen numerosos plugins que pueden ayudarte a crear un menú de navegación visualmente impactante. Por supuesto, puedes codificar tú mismo uno si sabes cómo hacerlo, pero hay una forma más sencilla de hacer que tu menú habitual sea más fácil de usar: añadiendo iconos.

Los iconos se han convertido en algo sin lo que no podemos vivir. Cuando buscas algo en tu panel de control de WordPress, en tu ordenador de sobremesa o en tu smartphone y tablet, probablemente estés acostumbrado a utilizar iconos. Después de usar unas pocas veces una nueva aplicación, es más probable que recuerdes su icono que todo el texto descriptivo que la acompaña. Así que, ¿por qué no poner un icono junto a tu elemento de menú y permitir que la gente navegue por tu sitio con facilidad?

Iconos de menú

PRECIO: Gratis

Iconos de menú

Si no sabes cómo hacerlo, no te preocupes, para eso estás aquí. En esta parte de la guía, no vamos a molestarte con la codificación personalizada, pero simplemente te mostraremos un bonito plugin gratuito que podrás configurar en los próximos minutos.

  1. Ir a Plugins->Añadir nuevo
  2. Buscar "Iconos de menú"
  3. Instala y activa el plugin
  4. Navega a Apariencia -> Menús
  5. Abre tu menú de navegación
  6. Selecciona una página en la estructura de menús para la que quieras seleccionar un icono
  7. Elige el icono, edita su posición y tamaño
  8. Guardar menú

¡Eso es todo! Ahora ve a buscar algunos iconos chulos que quieras en tu menú y disfruta de tu nuevo diseño. Mientras sigues trabajando con los iconos, no olvides que también puedes añadir fácilmente un favicon a tu blog de WordPress.

Índice de Contenido
  1. Iconos de menú
  • Añade el botón de inicio/cierre de sesión al menú
  • Display WordPress menus anywhere you want
    1. Create a shortcode and display WordPress menus anywhere you want
    2. Add a search box to the menu:
    3. UberMenu Sticky Extension
    4. myStickymenu
    5. Menú adhesivo (¡o cualquier cosa!) al desplazarse
  • Cómo eliminar los elementos del menú de nivel superior en WordPress
    1. Eliminar los elementos del menú de nivel superior:
    2. Menú Uber
    3. Morph: Menú de WordPress personalizable y desplegable
    4. Menú del héroe
    5. Barra Multi-X
    6. Táctil
    7. TapTap
    8. Mobi
    9. Wah-menú
    10. Menú de estilo de ruta
    11. Scrollnav
    12. Menú ScrollTo
  • Conclusión
  • Añade el botón de inicio/cierre de sesión al menú

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

    Mientras que registrarlos es rápido y fácil, cuidar de tus usuarios puede ser un trabajo duro. Pero tienes que hacer todo lo que esté en tu mano para que su experiencia en el sitio web sea lo mejor posible.

    Una de las muchas cosas que puedes hacer por ellos es habilitar una forma fácil de iniciar y cerrar la sesión en tu sitio. Para que los enlaces de inicio de sesión/cierre de sesión estén siempre al alcance de los usuarios, puedes poner esos enlaces justo en tu menú principal. Lo primero, tener esos enlaces en el menú es muy práctico y, en segundo lugar, es probable que tus usuarios se hayan acostumbrado a la función de otras aplicaciones que utilizan la misma forma de entrar y salir.

    En este caso, no es necesario coger otro plugin Una simple función de WordPress que te vamos a mostrar en esta parte del artículo puede hacer un gran trabajo para ti. Colocará automáticamente el enlace correcto en tu menú. Eso significa que mientras un usuario esté desconectado, obtendrá el enlace de "inicio de sesión" y viceversa. Ni tú ni el usuario tendréis que volver a preocuparos por los botones de inicio de sesión.

    Si estás preparado para añadir esta sencilla pero bonita función de inicio de sesión al menú, esto es lo que tendrás que hacer:

    1. Abre functions.php
    2. Copia y pega lo siguiente:
    function add_login_logout_link($items, $args) {
    $loginoutlink = wp_loginout('index.php', false);
    $items .= '<li>'. $loginoutlink .'</li>';
    return $items;
    }
    add_filter('wp_nav_menu_items', 
    'add_login_logout_link', 10, 2);
    1. Save changes

    As with most of our snippets, you’re done simply by copying and pasting the function into the file. Once you’re done, you can go on and reload the homepage. Since you’re still logged in, you will get the “log out” link on the last spot of your main menu. Be sure to check out the entire function so try logging out and back in to assure yourself everything’s ok.

    Now that you’re done with this little feature, don’t forget that you can easily redirect users to another page after a successful login or even show content only to logged in or logged out users.

    Also, now that you have a customized menu, you might be interested in showing it anywhere on the site by providing a custom shortcode.

    We love customizing WordPress with little snippets like this one, how about you?

    Display WordPress menus anywhere you want

    After WordPress reached version 3.0 many things became easier to use. Among different new features, creating a navigational menu became accessible to anyone and today everyone can build their own menus with a few simple clicks of a mouse button.

    While creating menus where you can easily link any post, page, category or any external link is a piece of cake, showing the menu on different places along your site can be a little bit bigger bite for those who aren’t into WordPress development.

    Depending on the WordPress theme you’re using, you can easily display a newly created menu on top of your page where we’re all used to find navigation. You may have the option to place your menu on the sidebar or even right down in the footer area, but what if you wanted to show the menu in your posts, pages, or even in the widget?

    No, you don’t have to create custom lists or retype the entire HTML code in order to replicate the links; you can take the advantage of shortcodes and place an existing menu anywhere you want!

    In the following lines, we’re about to show you how to do that and we’re sure that you’re going to like your new ‘menu in the shortcode’ feature.

    Create a shortcode and display WordPress menus anywhere you want

    1. Open functions.php file
    2. Copy and paste the code which will register the shortcode:
    function menu_function($atts, $content = null) {
    extract(
    shortcode_atts(
    array( 'name' => null, ),
    $atts
    )
    );
    return wp_nav_menu(
    array(
    'menu' => $name,
    'echo' => false
    )
    );
    }
    add_shortcode('menu', 'menu_function');
    1. Save changes

    Right after you save the changes, you will be able to display WordPress menus anywhere you want. All you have to do is to write down the shortcode where you have to specify the name of the menu you’re going to use:

    [menu name=”main-menu”]

    In most cases, your main menu will have the “main-menu” name attached to itself. But if you’re going to use any other menu, simply enter its name in the shortcode. You don’t have to know every menu name by heart; instead, navigate to Appearance -> Menus and browse through the list of menus or create new ones.

    Since you’re now able to display WordPress menus practically anywhere, you can create numerous navigations that you’re going to use on your WordPress powered website. You can have one in a post, another one in template files, a Text Widget, etc.

    Unless you have removed the feature, WordPress allows your visitors to search through your entire site. We have mentioned this cool feature several times and showed you different things you could do with your search pages. For example, you could easily redirect users to the post if there’s only one result found or even set up a custom Google search.

    If you have browsed through your standard WP widgets, you have probably seen that there is a search widget ready to be placed on a sidebar. But what if you want your search box to appear next to your menu instead?

    In the following lines, we will show you a function which will take your everyday search box and put it in the navigation menu.

    Add a search box to the menu:

    1. Open functions.php
    2. Copy and paste the following:
    add_filter( 'wp_nav_menu_items','add_search_box', 
    10, 2 );
    function add_search_box( $items, $args ) {
    $items .= '<li>' . get_search_form( false ) . 
    '</li>';
    return $items;
    }
    1. Save changes

    To be sure that the code will work for you, make sure that you have a navigation menu already added to your site.

    The code is pretty simple and its only function is to add the search box to your nav menu. Most probably, your search box won’t be aligned where you wanted it to be. That means you will have to tell WordPress where to put the search box:

    1. Add a class to <li> tag found on the third line of code:
    $items .= '<li class=”searchbox-position”>' . 
    get_search_form( false ) . '</li>'
    1. Save changes
    2. Open style.css
    3. Copy and paste the CSS code:
    .searchbox-position {
    margin-top: 15px;
    margin-right: 20px;
    }
    1. Change the code to your liking
    2. Save changes

    Hopefully, you have nested the box just perfectly next to your menu. It doesn’t take much to fit the box where you want it. Don’t forget to style the search box itself and enjoy the feature.

    If you want more control over your menu and search box, check out how to add icons to your menu and how to add a voice search option for visitors who like to dictate their search terms. There is much more you can do both with your menu and your search options so test our search box and learn something new.

    You have probably seen websites where navigation menus stick on top of the page and follow you every step on your scrolling adventure. That feature might be something you want on your WordPress website and in this part of the guide, we’re about to show you how to create one.

    Not only it has a functional side where the menu is always available within the reach of your hand, but it can also look very beautiful and fluid.

    If you have a bit of CSS knowledge, you won’t be having problems with making your menu sticky. You only have to add a piece of code to your Style.css file after which you can enjoy your new menu feature.

    1. Open your Stylesheet (style.php)
    2. Find .nav-menu or .genesis-nav-menu (or similar, depending on the theme you are using)
    3. Use the following code for your main menu container:
    .nav-menu {
    position:fixed;
    background: #333;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index:99;
    }

    As you can guess from the code, the important part comes at the second line where you need to fix the position of your menu. After that, you can set the the top, right and left elements to 0 pixels or move them to any distance from the top or from the left and right margin of the page (for example: top: 10px will place your menu 10 pixels from the top margin of your site).

    1. Update your file and enjoy your sticky navigation menu

    If you don’t like messing with the code, you can use plugins to make your menus sticky.

    We taught you how to create a sticky navigation menu simply by changing a line of CSS code in your theme. But, no matter how easy this might be, not everyone likes to go through WordPress files and edit the code themselves. If you’re that type of person or you need more control over the menu, don’t worry. You can easily set up your menu and make it sticky by using plugins. In this part of the article, we’re going to show you some of the best.

    UberMenu Sticky Extension

    PRICE: $8

    Extensión UberMenu Sticky

    UberMenu Sticky Extension es un complemento para Plugin UberMenu lo que significa que tienes que instalar primero este plugin para que la extensión funcione. La extensión hace que todo sea sencillo; después de la instalación, estás listo para hacer que tu menú sea pegajoso No importa dónde coloques tu menú, una vez que el usuario comience a desplazarse, el menú se pegará en la parte superior de la página y lo hará fácilmente accesible.

    Para asegurarte de que los usuarios de móviles pueden acceder a todas las partes del menú, la opción adhesiva se desactiva cuando se detecta un dispositivo móvil. No hay mucho que añadir aquí: echa un vistazo a la demostración en el sitio oficial y, si ya tienes UberMenu, sigue adelante y haz que tu menú sea adhesivo.

    myStickymenu

    PRECIO: Gratis - DEMO

    myStickymenu

    Este plugin está diseñado para ser utilizado en el tema Twenty Thirteen. Pero si lo ajustas un poco, puedes utilizarlo en cualquier tema que quieras. Por defecto, utiliza la clase CSS de navegación del tema ".navbar" Así que si quieres utilizarlo en algún otro tema, tienes que encontrar la clase que utiliza tu tema para describir el menú de navegación y cambiar el nombre de esa clase.

    Si tu tema es responsivo, el plugin también lo será. Si quieres modificarlo más, puedes introducir tus estilos CSS personalizados y hacer que tu menú adhesivo sea aún más personalizado.

    Menú adhesivo (¡o cualquier cosa!) al desplazarse

    PRECIO: Gratis

    Menú pegajoso (¡o cualquier cosa!) en el desplazamiento

    Este plugin te permitirá colocar tu menú en la parte superior y hacerlo pegajoso. Pero no sólo eso, el plugin te permitirá hacer que cualquier elemento sea pegajoso con sólo encontrar el selector adecuado para el elemento. Eso significa que puedes hacer que tu logotipo o incluso toda la cabecera se quede pegada en la parte superior de la página mientras los usuarios se desplazan por tu sitio web. Para que todo funcione, tendrás que saber un poco de HTML y CSS para poder encontrar el selector adecuado.

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

    Probablemente ya sepas que WordPress es altamente personalizable. Si sabes codificar o, al menos, encontrar los plugins adecuados, puedes transformar tanto el backend como el frontend y mostrar un sitio web único a tus visitantes y también a tus autores.

    En esta parte, te mostraremos un código sencillo que te permitirá eliminar los elementos del menú de nivel superior de tus páginas de administración de WordPress.

    El código que encontrarás a continuación eliminará todos los elementos del menú de nivel superior para todos los usuarios en lugar de los administradores. Antes de continuar, debes saber que este fragmento sólo 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 quieres restringir completamente el acceso a determinadas páginas del menú, tendrás que cambiar las capacidades del usuario.

    Eliminar los elementos del menú de nivel superior:

    1. Abre tu 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 mi_eliminar_menús() {
    remove_menu_page( 'index.php' ); //Tablero
    remove_menu_page( 'edit.php' ); //Posts
    remove_menu_page( 'upload.php' ); //Media
    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' ); //Plugins
    remove_menu_page( 'users.php' ); //Usuarios
    remove_menu_page( 'tools.php' ); //Herramientas
    remove_menu_page( 'options-general.php' ); //Configuración
    }
    1. Guardar los cambios

    Como este código elimina todos los menús de nivel superior, lo que probablemente no quieras hacer, siéntete libre de modificar el código según tus necesidades. Cada línea "remove_menu_page" se encarga de eliminar una página (que se describe en los paréntesis así como en el comentario junto a la línea de código) Sólo tienes que añadir o eliminar una página que quieras que esté ausente de tu menú y guardar los cambios una vez más.

    Ahora que has aprendido a eliminar las páginas de nivel superior del menú, puede que quieras eliminar sólo algunas de las subpáginas que se encuentran debajo de las de nivel superior.

    Una vez que hayas empezado a construir tu nuevo sitio web, tarde o temprano vas a necesitar un menú. Puedes crear uno utilizando una opción de menú estándar en WordPress, pero si quieres uno más profesional, tendrás que conocer los códigos HTML y CSS. Eso también significa que pasarás algún tiempo diseñando todo para que funcione a la perfección y para que se vea bonito al mismo tiempo.

    Pero si necesitas una solución más rápida o simplemente no sabes cómo codificar tu propio menú elegante, WordPress te permite instalar algunos plugins fantásticos que están diseñados para hacer menús magníficos en cuestión de unos pocos clics. Sin ningún orden en particular, aquí están algunos de los mejores plugins de menú para WordPress.

    Menú Uber

    PRECIO $20 - DEMO

    Con más de 43.000 ventas, Uber Menu es uno de los plugins más populares para WordPress. Una vez que abras el sitio de demostración y veas qué aspecto tiene el menú creado con este plugin, entenderás por qué es tan popular. Y una vez que empieces a enumerar sus características, probablemente querrás uno para ti.

    Los menús creados con el menú Uber serán responsivos y táctiles para tus visitantes móviles. Puedes crear bonitos diseños y colocar iconos, imágenes, vídeos y mapas en tu menú. Todo el formulario puede colocarse en un submenú para que puedas crear un formulario de contacto sin tener que añadir una página extra para ello. El plugin es altamente personalizable y puedes jugar con más de 50 ajustes de estilo con vista previa en vivo. Puedes crear submenús automáticamente a partir de tus otros contenidos, crear pestañas bajo tu menú y mucho, mucho más.

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

    Morph: Menú de WordPress personalizable y desplegable

    PRECIO $20 - DEMO

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

    Utilizando este plugin, puedes ocultar un menú y llamarlo con un simple clic. En el área del menú, puedes crear un menú desplegable estándar, añadir imágenes, botones de búsqueda, y toda el área está widgetizada, lo que significa que puedes incrustar cualquier cosa que necesites y quieras. El plugin es muy personalizable, por lo que puedes elegir los colores que quieras, cambiar la altura de las imágenes y añadir o quitar elementos para adaptarlos a tus necesidades. Si vas a utilizarlo para dispositivos móviles, puedes establecer fácilmente las resoluciones para las que aparecerá el menú.

    • Funciona muy bien tanto en el escritorio como en los dispositivos móviles
    • Añadir/eliminar elementos personalizables
    • Puede ser activado por cualquier elemento

    Menú del héroe

    PRECIO: $19 - DEMO

    Tanto si quieres un menú sencillo como un complejo "Mega Menú", puedes crearlo con el plugin Hero Menu. Todos los menús que crees serán responsivos y se verán muy bien en cualquier dispositivo; si eliges crear un mega menú, los elementos pueden mostrarse u ocultarse para que no tengas que preocuparte por el diseño en pantallas más pequeñas.

    Hay un soporte táctil especial para Android, iOS y Windows Phone. Elige una barra de navegación de ancho completo o de ancho fijo en la que puedas añadir fácilmente elementos adicionales mediante la técnica de arrastrar y soltar. Hay más de 60 esquemas de color preestablecidos y puedes utilizar cada uno de los tipos de letra de Google gratuitos. Haz que el menú sea pegajoso, elige la distancia de activación... este gran plugin puede ofrecer mucho más, así que asegúrate de consultar la lista completa de características en CodeCanyon.

    • Constructor de estructuras de menús de arrastrar y soltar
    • Crea un menú simple o un mega menú complejo
    • Navegación especial para móviles

    Barra Multi-X

    PRECIO $16 - DEMO

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

    Hay dos temas diferentes para que elijas, además de un tema personalizado en el que puedes establecer tus propios colores, mientras que el gradiente se calculará automáticamente. La barra de navegación puede colocarse como un menú fijo o desplazable. Si eres un desarrollador, te gustará saber que hay un conjunto de ganchos listos para ti si quieres crear un nuevo plugin de la barra Multi-X. Este plugin ofrece mucho, mucho más, así que asegúrate de echar un vistazo a todas las características en CodeCanyon.

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

    Todos sabemos lo mucho que ha avanzado la tecnología. Los teléfonos inteligentes y las tabletas se han convertido en algo inevitable y cada vez hay más propietarios de dispositivos móviles. Las redes WiFi cubren todos los rincones de nuestras ciudades y, si no hay ninguna, siempre puedes conectar tu dispositivo móvil a Internet a través de tu proveedor. Lo que todo esto significa es que el número de navegantes móviles es mayor que nunca y que tienes que ocuparte de ellos si tienes un sitio web.

    Si estás construyendo un sitio móvil o quieres mejorar uno definitivamente necesitas construir un menú especial para móviles que se adapte a cualquier tamaño de pantalla y permita a los usuarios de móviles una navegación más fácil.

    Con WordPress, esta tarea no es tan difícil como podrías pensar. No tienes que saber cómo codificar o cómo configurar un menú. Todo lo que necesitas es un plugin que puedes instalar fácilmente y personalizar según tus necesidades.

    En esta parte de la guía, vamos a mostrarte algunos de los mejores plugins premium que pueden crear un menú móvil para tu sitio web de WordPress. Así que desplazémonos hacia abajo y echemos un vistazo.

    Táctil

    PRECIO $18 - DEMO

    Este plugin premium creará una cabecera móvil limpia con un menú móvil incrustado en ella. Las animaciones son muy sencillas y pueden tener un aspecto realmente agradable y fluido en la pantalla de un smartphone. Con el Táctil, puedes crear un menú acordeón de varios niveles, hacer un menú horizontal de un solo nivel que se pueda deslizar o crear una barra lateral con widgets que pueda volar en tu sitio web.

    Todo es personalizable, lo que significa que puedes pintar tus elementos del color que quieras, cambiar los fondos y establecer sus colores, opacidades y mucho más. Tu menú puede estar fijo o posicionado de forma absoluta. Si quieres tener aún más control sobre los dispositivos móviles, puedes establecer las resoluciones para las que se activará este menú.

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

    TapTap

    PRECIO $10 - DEMO

    TapTap te dará el poder de crear un menú móvil único para tu sitio web de WordPress. Como puedes ver en el sitio de demostración, puedes crear casi cualquier cosa que imagines y tus menús se verán realmente bien. Con este plugin, puedes crear menús de varios niveles, decidir qué elementos quieres mostrar, añadir descripciones o activar la opción de búsqueda integrada.

    Hay dos diseños de botones de menú y unas cuantas animaciones para elegir. La posición de tu menú puede ser fija o puedes utilizar el posicionamiento absoluto. Elige estilos de fondo y juega con numerosas opciones de estilo para que el menú se adapte perfectamente a tu tema. Por último, pero no menos importante, TapTap te permitirá elegir las resoluciones en las que se mostrará. ¿Qué más se puede pedir a un menú de navegación móvil?

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

    Mobi

    PRECIO $16 - DEMO

    Mobi es otro sencillo pero estupendo plugin de WordPress preparado para ayudar a los sitios web móviles. Con este complemento, tu tema responsivo tendrá una navegación aún mejor. Una vez que crees un menú con un constructor de menús intuitivo de arrastrar y soltarpuedes colocarlo en la parte superior o inferior de tu sitio.

    Todos los elementos del menú son personalizables y puedes añadir iconos de redes sociales a tu barra de navegación. Hay más de 700 fuentes de iconos y puedes completar tu diseño utilizando una de las fuentes de Google. Si lo necesitas, puedes controlar la visibilidad del usuario para los invitados y los usuarios registrados.

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

    Wah-menú

    PRECIO $44 - DEMO

    El Wah-menú es un menú acoplable perfecto para sitios web móviles, especialmente diseñado para la navegación táctil del iPad. Con este plugin premium, puedes añadir hasta 8 enlaces de menú que quedarán bien encajados en el lateral de tu sitio web de WordPress.

    Una vez que hagas clic en un icono específico del menú, aparecerá un submenú que permite HTML, vídeos incrustados, mapas y prácticamente todo lo que quieras. El plugin es altamente personalizable, lo que significa que puedes elegir entre 8 colores de acento, jugar con el ancho del menú, los iconos, los enlaces, etc. La creación de menús es súper fácil con el editor WYSIWYG. Tanto si eliges el tema oscuro como el claro, puedes estar seguro de que se verá bien.

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

    Menú de estilo de ruta

    PRECIO $12 - DEMO

    Este plugin premium es algo diferente a tu plugin habitual dedicado a la creación de menús En lugar de una barra de menú clásica o un menú de barra lateral, Path Style Menu crea un botón. Tras activar un botón, mostrará un menú alrededor del botón en forma de círculo, lo expandirá en línea en la dirección que quieras o incluso organizará sus iconos en un arco.

    Si hay varios niveles de menú, el botón creará un botón de retroceso que permitirá a los usuarios ir de nuevo al menú principal. Hay montones de opciones de personalización y para crear un menú, puedes utilizar simplemente el editor de menús estándar de WordPress. Si buscas un menú móvil único, dale una oportunidad a Path Style Menu.

    • Crear un menú alrededor de un botón
    • Altamente personalizable
    • Utiliza el menú estándar de WP para editar el menú

    Scrollnav

    PRECIO $10 - DEMO

    Otro plugin de menú único que te ofrece unas funciones estupendas y que puede quedar muy bien en tu 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 centro del botón, el enlace superior te lleva lógicamente a la parte superior de la página, hay un cuadro de búsqueda, un menú personalizado y un enlace personalizado parte del círculo.

    El menú personalizado dará suficiente espacio para crear los menús completos con submenús, tendrá un aspecto estupendo y te dará el espacio que tanto necesitas en tu sitio web para móviles. Hay varios esquemas de color que puedes elegir y todo es fácil de configurar. Definitivamente, deberías consultar el sitio de demostración para ver cómo funciona este pequeño plugin.

    • Botón circular con diferentes funciones
    • Menú personalizado y parte de enlace personalizada
    • Varios esquemas de color

    Menú ScrollTo

    PRECIO $24 - DEMO

    Este sencillo plugin premium te proporcionará un atractivo menú en la barra lateral construido para la navegación táctil de iOS y Android. Una vez que crees un menú, éste incluirá iconos que enlazan con otra parte de la página y se desplazan automáticamente.

    Es importante tener en cuenta que ScrollTo no es un menú de navegación completosino que sólo se desplaza a otra parte de la misma página. Puedes elegir entre más de 750 iconos o puedes utilizar tus propias imágenes como elementos del menú y hay espacio extra para anuncios. Para que todo funcione, tendrás que tener conocimientos básicos de HTML para poder seguir las instrucciones. Puede que te lleve unos minutos más de tu tiempo, pero el resultado final es estupendo.

    • Habilitado para el tacto
    • Más de 750 iconos + imágenes personalizadas
    • Espacio publicitario extra

    Conclusión

    Esperamos que a estas alturas te hayas dado cuenta de que es difícil gestionar un sitio web sin un menú. Incluso si diriges un sitio web de una sola página, querrás tener una navegación entre las secciones. Así que, ya que estás aquí, tómate el tiempo de personalizar tu menú de WordPress y haz el mejor posible.

    Si quieres conocer otros artículos parecidos a Consejos, trucos y mejores plugins para personalizar los menús de WordPress puedes visitar la categoría Tutoriales.

    ¡Más Contenido!

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Go up