Trucs, astuces et meilleurs plugins pour personnaliser les menus WordPress

Trucs, astuces et meilleurs plugins pour personnaliser les menus WordPress


Les menus sont l’une des parties les plus vitales de chaque site Web. Ils sont omniprésents et guident les utilisateurs à travers votre blog. Et bien qu’il soit relativement facile d’ajouter un menu de navigation dans WordPress, vous pouvez faire beaucoup plus pour le personnaliser pour votre site Web..

Que ce soit une petite icône que vous souhaitez avoir dans le menu ou que vous souhaitiez un système complètement différent pour le gérer, ce guide a tout pour vous. Découvrez des conseils, des astuces et certains des meilleurs plugins de menu que nous avons préparés pour vous dans ce guide:

  • Ajoutez des icônes à votre menu WordPress
  • Ajouter un bouton de connexion / déconnexion au menu
  • Affichez les menus WordPress où vous voulez
  • Comment ajouter un champ de recherche à votre menu WordPress
  • Comment faire coller le menu de navigation en haut de la page
  • Faites votre menu de navigation collant avec des plugins
  • Comment supprimer des éléments de menu de niveau supérieur dans WordPress
  • Top 4 des plugins de menu pour WordPress
  • Meilleurs plugins de menu mobile WordPress

Créer un menu dans WordPress n’a jamais été aussi simple. Il vous suffit de générer des pages et de les ajouter à côté de votre page d’accueil. Votre menu de navigation principal se fera en quelques clics mais il sera probablement très clair.

Il existe de nombreux plugins qui peuvent vous aider à créer un menu de navigation visuellement magnifique. Vous pouvez bien sûr vous en coder un si vous savez comment le faire, mais il existe un moyen plus simple de rendre votre menu régulier plus convivial – en ajoutant des icônes.

Les icônes sont devenues quelque chose dont nous ne pouvons pas nous passer. Lorsque vous recherchez quelque chose dans votre tableau de bord WordPress, sur votre bureau ou sur votre smartphone et tablette, vous êtes probablement habitué à utiliser des icônes. Après seulement quelques utilisations d’une nouvelle application, vous vous souvenez plus probablement de son icône que de tout le texte de description qui l’accompagne. Alors, pourquoi ne mettriez-vous pas une icône à côté de votre élément de menu et laissez les gens naviguer facilement sur votre site?

Icônes de menu

PRIX: gratuit

Icônes de menu

Si vous ne savez pas comment faire, ne vous inquiétez pas, c’est pourquoi vous êtes ici. Dans cette partie du guide, nous n’allons pas vous déranger avec le codage personnalisé, mais nous allons simplement vous montrer un plugin gratuit que vous pourrez configurer dans les prochaines minutes.

  1. Aller à Plugins-> Ajouter un nouveau
  2. Rechercher «Icônes de menu»
  3. Installer et activer le plugin
  4. Aller vers Apparence -> Menus
  5. Ouvrez votre menu de navigation
  6. Sélectionnez une page sous la structure du menu pour laquelle vous souhaitez sélectionner une icône
  7. Choisissez l’icône, modifiez sa position et sa taille
  8. Menu Enregistrer

C’est ça! Maintenant, allez trouver quelques icônes sympas que vous voulez sur votre menu et profitez de votre nouveau design. Pendant que vous travaillez avec des icônes, n’oubliez pas que vous pouvez également ajouter facilement un favicon à votre blog WordPress.

Ajouter un bouton de connexion / déconnexion au menu

L’une des nombreuses fonctionnalités de WordPress que nous aimons est sa manière simple d’enregistrer de nouveaux utilisateurs. Le contrôle de différents rôles d’utilisateur sur la plate-forme populaire ne pourrait pas être plus facile; il existe déjà des rôles enregistrés que vous pouvez attribuer et vous pouvez même créer de nombreux rôles utilisateur personnalisés pour les besoins de votre site.

L’enregistrement est simple et rapide, prendre soin de vos utilisateurs peut être un travail difficile. Mais vous devez tout mettre en œuvre pour rendre leur expérience sur le site aussi bonne que possible.

L’une des nombreuses choses que vous pourriez faire pour eux est d’activer un moyen facile de se connecter et de se déconnecter de votre site. Pour que les liens de connexion / déconnexion soient toujours à la portée des utilisateurs, vous pouvez placer ces liens directement dans votre menu principal. Première chose, avoir ces liens dans le menu est très pratique et deuxièmement, vos utilisateurs se sont probablement habitués à la fonctionnalité à partir de diverses autres applications qui utilisent la même façon de se connecter et de se déconnecter.

Dans ce cas, il n’est pas nécessaire de récupérer un autre plugin. Une simple fonction WordPress que nous allons vous montrer dans cette partie de l’article peut faire un excellent travail pour vous. Il placera automatiquement le lien correct sur votre menu. Cela signifie que pendant qu’un utilisateur est déconnecté, il obtiendra le lien «se connecter» et vice versa. Ni vous ni l’utilisateur n’auront à vous soucier à nouveau des boutons de connexion.

Si vous êtes prêt à ajouter cette fonctionnalité de connexion simple mais soignée au menu, voici ce que vous devrez faire:

  1. Ouvrez functions.php
  2. Copiez et collez les éléments suivants:
  3. fonction add_login_logout_link ($ items, $ args) {
    $ loginoutlink = wp_loginout ('index.php', false);
    $ items. = '
  4. '. $ loginoutlink. '
  5. » retourner $ articles; } add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2);
  6. Sauvegarder les modifications

Comme pour la plupart de nos extraits, vous avez simplement terminé en copiant et collant la fonction dans le fichier. Une fois que vous avez terminé, vous pouvez continuer et recharger la page d’accueil. Comme vous êtes toujours connecté, vous obtiendrez le lien de déconnexion au dernier endroit de votre menu principal. N’oubliez pas de vérifier l’ensemble de la fonction, essayez de vous déconnecter et de vous reconnecter pour vous assurer que tout va bien.

Maintenant que vous avez terminé avec cette petite fonctionnalité, n’oubliez pas que vous pouvez facilement rediriger les utilisateurs vers une autre page après une connexion réussie ou même afficher le contenu uniquement aux utilisateurs connectés ou déconnectés.

De plus, maintenant que vous avez un menu personnalisé, vous pourriez être intéressé à le montrer n’importe où sur le site en fournissant un shortcode personnalisé.

Nous aimons personnaliser WordPress avec de petits extraits comme celui-ci, et vous?

Affichez les menus WordPress où vous voulez

Après que WordPress ait atteint la version 3.0, de nombreuses choses sont devenues plus faciles à utiliser. Parmi différentes nouvelles fonctionnalités, la création d’un menu de navigation est devenue accessible à tous et aujourd’hui, tout le monde peut créer ses propres menus en quelques clics de souris.

Tout en créant des menus où vous pouvez facilement lier n’importe quel article, page, catégorie ou tout lien externe est un morceau de gâteau, afficher le menu à différents endroits de votre site peut être un peu plus gros pour ceux qui ne sont pas dans le développement WordPress.

Selon le thème WordPress que vous utilisez, vous pouvez facilement afficher un menu nouvellement créé en haut de votre page où nous sommes tous habitués à trouver la navigation. Vous pouvez avoir la possibilité de placer votre menu sur la barre latérale ou même directement dans la zone de pied de page, mais que faire si vous vouliez afficher le menu dans vos messages, pages ou même dans le widget?

Non, vous n’avez pas besoin de créer de listes personnalisées ou de retaper l’intégralité du code HTML pour répliquer les liens; vous pouvez profiter des shortcodes et placer un menu existant où vous voulez!

Dans les lignes suivantes, nous sommes sur le point de vous montrer comment procéder et nous sommes sûrs que vous allez aimer votre nouvelle fonctionnalité “menu dans le shortcode”.

Créez un shortcode et affichez les menus WordPress où vous voulez

  1. Ouvrez le fichier functions.php
  2. Copiez et collez le code qui enregistrera le shortcode:
  3. fonction menu_function ($ atts, $ content = null) {
    extrait(
    shortcode_atts (
    tableau ('nom' => null,),
    $ atts
    )
    );
    retourner wp_nav_menu (
    tableau (
    'menu' => $ nom,
    'echo' => faux
    )
    );
    }
    add_shortcode ('menu', 'menu_function');
    
  4. Sauvegarder les modifications

Juste après avoir enregistré les modifications, vous pourrez afficher les menus WordPress où vous le souhaitez. Tout ce que vous avez à faire est d’écrire le shortcode où vous devez spécifier le nom du menu que vous allez utiliser:

[nom du menu = “menu principal”]

Dans la plupart des cas, votre menu principal aura le nom «menu principal» attaché à lui-même. Mais si vous souhaitez utiliser un autre menu, entrez simplement son nom dans le shortcode. Vous n’avez pas besoin de connaître chaque nom de menu par cœur; au lieu de cela, accédez à Apparence -> Menus et parcourez la liste des menus ou créez-en de nouveaux.

Étant donné que vous pouvez désormais afficher les menus WordPress pratiquement n’importe où, vous pouvez créer de nombreuses navigations que vous allez utiliser sur votre site Web propulsé par WordPress. Vous pouvez en avoir un dans un article, un autre dans des fichiers de modèle, un widget texte, etc..

Comment ajouter un champ de recherche à votre menu WordPress

À moins que vous n’ayez supprimé la fonctionnalité, WordPress permet à vos visiteurs de parcourir l’ensemble de votre site. Nous avons mentionné cette fonctionnalité intéressante à plusieurs reprises et vous avons montré différentes choses que vous pouviez faire avec vos pages de recherche. Par exemple, vous pouvez facilement rediriger les utilisateurs vers la publication s’il n’y a qu’un seul résultat trouvé ou même configurer une recherche Google personnalisée.

Si vous avez parcouru vos widgets WP standard, vous avez probablement vu que il y a un widget de recherche prêt à être placé sur une barre latérale. Mais que se passe-t-il si vous souhaitez que votre champ de recherche apparaisse à côté de votre menu?

Dans les lignes suivantes, nous vous montrerons une fonction qui prendra votre boîte de recherche quotidienne et la mettra dans le menu de navigation.

Ajoutez un champ de recherche au menu:

  1. Ouvrez functions.php
  2. Copiez et collez les éléments suivants:
  3. add_filter ('wp_nav_menu_items', 'add_search_box', 10, 2);
    fonction add_search_box ($ items, $ args) {
    $ items. = '
  4. '. get_search_form (false). "
  5. » retourner $ articles; }
  6. Sauvegarder les modifications

Pour être sûr que le code fonctionnera pour vous, assurez-vous qu’un menu de navigation a déjà été ajouté à votre site.

Le code est assez simple et sa seule fonction est d’ajouter le champ de recherche à votre menu de navigation. Très probablement, votre champ de recherche ne sera pas aligné là où vous le souhaitiez. Cela signifie que vous devrez indiquer à WordPress où placer le champ de recherche:

  1. Ajouter une classe à
  2. balise trouvée sur la troisième ligne de code:
  3. $ items. = '
  4. '. get_search_form (false). "
  5. "
  6. Sauvegarder les modifications
  7. Ouvrez style.css
  8. Copiez et collez le code CSS:
  9. .position du champ de recherche {
    margin-top: 15px;
    marge droite: 20px;
    }
    
  10. Changez le code à votre guise
  11. Sauvegarder les modifications

J’espère que vous avez imbriqué la boîte juste à côté de votre menu. Il n’en faut pas beaucoup pour mettre la boîte où vous le voulez. N’oubliez pas de styliser le champ de recherche lui-même et de profiter de la fonctionnalité.

Si vous voulez plus de contrôle sur votre menu et votre zone de recherche, découvrez comment ajouter des icônes à votre menu et comment ajouter une option de recherche vocale pour les visiteurs qui aiment dicter leurs termes de recherche. Vous pouvez faire beaucoup plus avec votre menu et vos options de recherche, alors testez notre boîte de recherche et découvrez quelque chose de nouveau.

Vous avez probablement vu des sites Web où les menus de navigation restent en haut de la page et vous suivent à chaque étape de votre aventure de défilement. Cette fonctionnalité peut être quelque chose que vous souhaitez sur votre site Web WordPress et dans cette partie du guide, nous sommes sur le point de vous montrer comment en créer un.

Non seulement il a un côté fonctionnel où le menu est toujours disponible à portée de main, mais il peut aussi être très beau et fluide.

Si vous avez un peu de connaissances CSS, vous n’aurez aucun problème à rendre votre menu collant. Vous n’avez qu’à ajouter un morceau de code à votre fichier Style.css après quoi vous pourrez profiter de votre nouvelle fonction de menu.

  1. Ouvrez votre feuille de style (style.php)
  2. Trouver .menu de navigation ou .genesis-nav-menu (ou similaire, selon le thème que vous utilisez)
  3. Utilisez le code suivant pour votre conteneur de menu principal:
  4. .nav-menu {
    position: fixe;
    fond: # 333;
    haut: 0px;
    à droite: 0px;
    gauche: 0px;
    indice z: 99;
    }

    Comme vous pouvez le deviner d’après le code, la partie importante vient à la deuxième ligne où vous devez fixer la position de votre menu. Après cela, vous pouvez définir les éléments supérieur, droit et gauche sur 0 pixel ou les déplacer à n’importe quelle distance du haut ou de la marge gauche et droite de la page (par exemple: haut: 10px placera votre menu à 10 pixels de la marge supérieure de votre site).

  5. Mettez à jour votre fichier et profitez de votre menu de navigation collant

Si vous n’aimez pas jouer avec le code, vous pouvez utiliser des plugins pour rendre vos menus collants.

Nous vous avons appris à créer un menu de navigation collant en changeant simplement une ligne de code CSS dans votre thème. Mais, aussi simple que cela puisse être, tout le monde n’aime pas parcourir les fichiers WordPress et modifier le code eux-mêmes. Si vous êtes ce type de personne ou si vous avez besoin de plus de contrôle sur le menu, ne vous inquiétez pas. Vous pouvez facilement configurer votre menu et le rendre collant en utilisant des plugins. Dans cette partie de l’article, nous allons vous montrer quelques-uns des meilleurs.

UberMenu Sticky Extension

PRIX: 8 $

UberMenu Sticky Extension

UberMenu Sticky Extension est un module complémentaire pour Plugin UberMenu ce qui signifie que vous devez d’abord installer ce plugin pour que l’extension fonctionne. L’extension rend tout simple; après l’installation, vous êtes prêt à rendre votre menu collant. Peu importe où vous placez votre menu, une fois qu’un utilisateur commence à faire défiler, le menu restera en haut de la page et le rendre facilement accessible.

Pour s’assurer que les utilisateurs mobiles peuvent accéder à toutes les parties du menu, l’option collante s’éteint dès qu’un appareil mobile est détecté. Il n’y a pas grand-chose à ajouter ici – consultez la démo sur le site officiel et si vous avez déjà UberMenu, allez-y et rendez votre menu collant.

myStickymenu

PRIX: gratuit
DEMO

myStickymenu

Ce plugin est conçu pour être utilisé sur le thème Twenty Thirteen. Mais si vous le modifiez un peu, vous pouvez l’utiliser sur n’importe quel thème que vous aimez. Par défaut, il utilise la classe CSS de navigation du thème “.navbar”. Donc, si vous voulez l’utiliser sur un autre thème, vous devez trouver la classe que votre thème utilise pour décrire le menu de navigation et changer le nom de cette classe.

Si votre thème est réactif, le plugin sera également réactif. Si vous souhaitez le modifier davantage, vous êtes invité à entrer vos styles CSS personnalisés et à rendre votre menu collant encore plus personnalisé.

Menu collant (ou n’importe quoi!) Sur Scroll

PRIX: gratuit

Menu collant (ou n'importe quoi!) Sur Scroll

Ce plugin vous permettra de placer votre menu en haut et de le rendre collant. Mais pas seulement, le plugin vous permettra de rendre n’importe quel élément collant simplement en trouvant le bon sélecteur pour l’élément. Cela signifie que vous pouvez faire coller votre logo ou même l’en-tête en haut de la page pendant que les utilisateurs parcourent votre site Web. Pour que tout fonctionne, vous devrez en savoir un peu plus sur HTML et CSS afin de trouver le bon sélecteur.

Comment supprimer des éléments de menu de niveau supérieur dans WordPress

Vous savez probablement déjà que WordPress est hautement personnalisable. Si vous savez coder ou au moins trouver les bons plugins, vous pouvez transformer votre backend ainsi que le frontend et présenter un site Web unique à vos visiteurs et à vos auteurs..

Dans cette partie, nous allons vous montrer un code simple qui vous permettra de supprimer les éléments de menu de niveau supérieur de vos pages d’administration WordPress.

Le code que vous pouvez trouver ci-dessous supprimera tous les éléments de menu de niveau supérieur pour tous les utilisateurs au lieu des administrateurs. Avant de continuer, vous devez savoir que cet extrait ne supprime que les éléments de menu, mais que ces éléments seront toujours disponibles pour toute personne connaissant le chemin d’accès correct à une page de paramètres. Si vous souhaitez restreindre complètement l’accès à certaines pages de menu, vous devrez modifier les capacités de l’utilisateur.

Supprimer les éléments de menu de niveau supérieur:

  1. Ouvrez votre fichier functions.php
  2. Copiez et collez le code suivant:
  3. if (! current_user_can ('manage_options')) {
    add_action ('admin_menu', 'my_remove_menus', 999);
    }
    function my_remove_menus () {
    remove_menu_page ('index.php'); //Tableau de bord
    remove_menu_page ('edit.php'); //Des postes
    remove_menu_page ('upload.php'); //Médias
    remove_menu_page ('edit.php? post_type = page'); // Pages
    remove_menu_page ('edit-comments.php'); //Commentaires
    remove_menu_page ('themes.php'); //Apparence
    remove_menu_page ('plugins.php'); // Plugins
    remove_menu_page ('users.php'); //Utilisateurs
    remove_menu_page ('tools.php'); //Outils
    remove_menu_page ('options-general.php'); //Réglages
    }
  4. Sauvegarder les modifications

Comme ce code supprime tous les menus de niveau supérieur que vous ne voulez probablement pas faire, n’hésitez pas à modifier le code selon vos besoins. Chaque ligne «remove_menu_page» est chargée de supprimer une page (qui est décrite entre parenthèses ainsi que dans le commentaire à côté de la ligne de code). Ajoutez ou supprimez simplement une page dont vous voulez vous absenter de votre menu et enregistrez les modifications une fois de plus.

Maintenant que vous avez appris à supprimer les pages de niveau supérieur du menu, vous souhaiterez peut-être supprimer uniquement certaines des sous-pages situées sous les pages de niveau supérieur..

Top 4 des plugins de menu pour WordPress

Une fois que vous aurez commencé à créer votre nouveau site Web, vous aurez tôt ou tard besoin d’un menu. Vous pouvez en créer un en utilisant une option de menu standard dans WordPress mais si vous voulez une option plus professionnelle, vous devrez connaître vos codes HTML et CSS. Cela signifie également que vous passerez un peu de temps à tout concevoir pour fonctionner parfaitement et pour être magnifique en même temps.

Mais si vous avez besoin d’une solution plus rapide ou si vous ne savez tout simplement pas comment coder votre propre menu de fantaisie, WordPress vous permet d’installer de super plugins qui sont conçus pour créer de magnifiques menus en quelques clics. Sans ordre particulier, voici quelques-uns des meilleurs plugins de menu pour WordPress.

Menu Uber

PRIX: 20 $
DEMO

Menu Uber

Avec plus de 43 000 ventes, Uber Menu est l’un des plugins les plus populaires pour WordPress. Une fois que vous ouvrez le site de démonstration et voyez à quoi ressemble le menu créé avec ce plugin, vous comprendrez pourquoi il est si populaire. Et une fois que vous aurez commencé à lister ses fonctionnalités, vous en voudrez probablement une pour vous.

Les menus créés avec le menu Uber seront réactifs et tactiles pour vos visiteurs mobiles. Vous pouvez créer de superbes dispositions et placer des icônes, des images, des vidéos et des cartes dans votre menu. Le formulaire entier pourrait être placé dans un sous-menu afin que vous puissiez créer un formulaire de contact sans avoir à ajouter une page supplémentaire pour cela. Le plugin est hautement personnalisable et vous pouvez jouer avec plus de 50 paramètres de style avec aperçu en direct. Vous pouvez créer des sous-menus automatiquement à partir de votre autre contenu, créer des onglets sous votre menu et bien plus encore.

  • Génération dynamique d’articles
  • Sous-menus à onglets
  • Interface utilisateur améliorée

Morph: Menu WordPress Fly-Out personnalisable

PRIX: 20 $
DEMO

Morph

Morph est un menu volant conçu pour les appareils mobiles. Mais, comme vous pouvez le voir sur la page de démonstration si vous l’ouvrez sur votre ordinateur personnel, cela a aussi fière allure sur le bureau.

En utilisant ce plugin, vous pouvez masquer un menu et l’appeler d’un simple clic. Dans la zone de menu, vous pouvez créer un menu déroulant standard, ajouter des images, des boutons de recherche et toute la zone est widgetisée, ce qui signifie que vous pouvez intégrer tout ce dont vous avez besoin et que vous voulez. Le plugin est très personnalisable, vous pouvez donc choisir les couleurs que vous souhaitez, modifier les hauteurs d’image et ajouter ou supprimer des éléments selon vos besoins. Si vous comptez l’utiliser pour des appareils mobiles, vous pouvez facilement définir des résolutions pour lesquelles le menu apparaîtra.

  • Fonctionne très bien sur les appareils de bureau et mobiles
  • Ajouter / supprimer des éléments personnalisables
  • Peut être déclenché par n’importe quel élément

Menu des héros

PRIX: 19 $
DEMO

Menu des héros

Que vous souhaitiez un menu simple ou un «Mega Menu» complexe, vous pouvez en créer un avec le plugin Hero Menu. Chaque menu que vous créez sera réactif et aura fière allure sur n’importe quel appareil; si vous choisissez de créer un méga menu, les éléments peuvent être affichés ou masqués pour que vous n’ayez pas à vous soucier de la disposition sur des écrans plus petits.

Il existe un support tactile spécial pour Android, iOS et Windows Phone. Choisissez la barre de navigation pleine largeur ou largeur fixe où vous pouvez ajoutez facilement des éléments supplémentaires simplement en utilisant une technique de glisser-déposer. Il existe plus de 60 modèles de couleurs prédéfinis et vous êtes libre d’utiliser chacune des polices Google gratuites. Rendre le menu collant, choisir la distance d’activation… ce super plugin peut offrir bien plus, alors assurez-vous de consulter la liste complète des fonctionnalités sur CodeCanyon.

  • Constructeur de structure de menu par glisser-déposer
  • Créer un menu simple ou un méga menu complexe
  • Navigation mobile spéciale

Barre multi-X

PRIX: 16 $
DEMO

Multi X Bar

La barre Multi-X est un plugin modulaire et vous permet de placer pratiquement tout ce que vous voulez dans la barre de navigation. Outre les éléments de menu, vous pouvez placer jusqu’à 8 articles sur la barre – que ce soit un formulaire de contact, un formulaire de recherche, des icônes de partage social, une zone de widget, etc..

Vous avez le choix entre deux thèmes différents, plus un thème personnalisé où vous pouvez définir vos propres couleurs tandis que le dégradé sera calculé automatiquement. La barre de navigation peut être placée sous forme de menu fixe ou déroulant. Si vous êtes développeur, vous aimerez savoir qu’un ensemble de crochets est prêt pour vous si vous souhaitez créer un nouveau plugin à partir de la barre Multi-X. Ce plugin offre beaucoup, beaucoup plus, alors assurez-vous de jeter un œil à toutes les fonctionnalités de CodeCanyon.

  • 8 modules fonctionnels intégrés
  • 2 thèmes de couleurs + thème personnalisé
  • Position haute ou basse

Meilleurs plugins de menu mobile WordPress

Nous savons tous où en est la technologie. Les smartphones et les tablettes sont devenus inévitables et il y a un nombre croissant de propriétaires d’appareils mobiles. Les réseaux WiFi couvrent toutes les parties de nos villes et s’il n’y en a pas, vous pouvez toujours connecter votre appareil mobile à Internet via votre fournisseur. Cela signifie que le nombre d’internautes mobiles est plus élevé que jamais et que vous devez en prendre soin si vous exploitez un site Web..

Si vous créez un site mobile ou si vous souhaitez en améliorer un, vous devez absolument créer un menu mobile spécial qui s’adaptera à toutes les tailles d’écran et permettra aux utilisateurs mobiles de naviguer plus facilement.

Avec WordPress, cette tâche n’est pas aussi difficile que vous ne le pensez. Vous n’avez pas besoin de savoir comment coder ou comment configurer un menu. Tout ce dont vous avez besoin est un plugin que vous pouvez facilement installer et personnaliser selon vos besoins.

Dans cette partie du guide, nous allons vous montrer certains des meilleurs plugins premium qui peuvent créer un menu mobile pour votre site WordPress. Alors, faisons défiler vers le bas et jetez un œil.

Tactile

PRIX: 18 $
DEMO

Tactile

Ce plugin premium créera un en-tête mobile propre avec un menu mobile intégré. Les animations sont très simples et elles peuvent être très jolies et fluides sur un écran de smartphone. Avec tactile, vous pouvez créer un menu accordéon à plusieurs niveaux, créer un menu horizontal à un niveau qui peut être glissé ou créer une barre latérale widgetized qui peut voler dans votre site Web.

Tout est personnalisable, ce qui signifie que vous pouvez peindre vos éléments dans la couleur de votre choix, changer les arrière-plans et définir leurs couleurs, leurs opacités et bien plus encore. Votre menu peut être fixé ou positionné de manière absolue. Si vous voulez encore plus de contrôle sur les appareils mobiles, vous pouvez définir des résolutions pour lesquelles ce menu sera activé.

  • Plusieurs types de menus
  • Fonctions de recherche
  • Positionnement fixe / absolu

TapTap

PRIX: 10 $
DEMO

Tap-Tap

TapTap vous donnera le pouvoir de créer un menu mobile unique pour votre site WordPress. Comme vous pouvez le voir sur le site de démonstration, vous pouvez créer presque tout ce que vous imaginez et vos menus seront vraiment soignés. Avec ce plugin, vous pouvez créer des menus à plusieurs niveaux, décider quels éléments vous souhaitez afficher, ajouter des descriptions ou activer l’option de recherche intégrée.

Il existe deux conceptions de boutons de menu et quelques animations au choix. La position de votre menu peut être fixe ou vous pouvez utiliser le positionnement absolu. Choisissez des styles d’arrière-plan et jouez avec de nombreuses options de style afin que vous puissiez parfaitement adapter le menu à votre thème. Enfin et surtout, TapTap vous permettra de choisir les résolutions sur lesquelles il s’affichera. Que voulez-vous de plus à partir d’un menu de navigation mobile?

  • Menus à plusieurs niveaux
  • Conception et animations de 2 boutons de menu
  • Positionnement fixe / absolu

Mobi

PRIX: 16 $
DEMO

Mobi

Mobi est un autre plugin WordPress simple mais génial prêt à aider avec les sites Web mobiles. Avec cet ajout, votre thème réactif aura une navigation encore meilleure. Une fois que vous avez créé un menu à l’aide un générateur de menu glisser-déposer intuitif, vous pouvez le placer en haut ou en bas de votre site.

Tous les éléments du menu sont personnalisables et vous êtes libre d’ajouter des icônes de médias sociaux à votre barre de navigation. Il existe plus de 700 polices d’icônes et vous pouvez compléter votre conception en utilisant l’une des polices Google. Si nécessaire, vous pouvez contrôler la visibilité des utilisateurs pour les invités et les utilisateurs connectés.

  • Personnalisation par glisser-déposer
  • Positionnement du menu supérieur ou inférieur
  • Visibilité utilisateur pour les invités et les utilisateurs connectés

Menu Wah

PRIX: 44 $
DEMO

Wah-Wah

Wah-menu est un menu ancrable parfait pour les sites Web mobiles, spécialement conçu pour la navigation tactile iPad. Avec ce plugin premium, vous pouvez ajouter jusqu’à 8 liens de menu qui seront joliment adaptés sur le côté de votre site WordPress.

Une fois que vous avez cliqué sur une icône spécifique dans le menu, un sous-menu apparaît qui permet le HTML, les vidéos intégrées, les cartes et à peu près tout ce que vous voulez. Le plugin est hautement personnalisable ce qui signifie que vous pouvez choisir parmi 8 couleurs d’accentuation, jouer avec la largeur du menu, les icônes, les liens, etc. La création de menu est super facile avec l’éditeur WYSIWYG. Que vous choisissiez d’utiliser le thème sombre ou clair, vous pouvez être sûr qu’il aura fière allure.

  • Éditeur WYSIWYG
  • Sous-menus avec prise en charge du HTML, des vidéos intégrées, etc..
  • Option d’état Out ou Docked

Menu Style de chemin

PRIX: 12 $
DEMO

Style de chemin

Ce plugin premium est quelque peu différent de votre plugin habituel dédié à la création de menus. Au lieu d’une barre de menus classique ou d’un menu de barre latérale, le menu Style de chemin crée un bouton. Après avoir activé un bouton, il affichera un menu autour du bouton dans un cercle, le développera en ligne dans la direction souhaitée ou même organisera vos icônes en arc.

S’il y a plusieurs niveaux de menu, le bouton créera un bouton de retour qui permettra aux utilisateurs d’accéder à nouveau au menu principal. Il y a des tonnes d’options de personnalisation et de créer un menu; vous pouvez simplement utiliser l’éditeur de menu standard de WordPress. Si vous recherchez un menu mobile unique, donnez une chance au menu Style de chemin.

  • Créer un menu autour du bouton
  • Hautement personnalisable
  • Utiliser le menu WP standard pour modifier le menu

Scrollnav

PRIX: 10 $
DEMO

Scrollnav

Un autre plugin de menu unique qui vous offre d’excellentes fonctions et qui peut avoir fière allure sur votre site Web. Scrollnav se compose d’un cercle qui contient plusieurs options de menu. Il y a un lien vers la page d’accueil au milieu du bouton, le lien du haut vous emmène logiquement en haut de la page, il y a un champ de recherche, un menu personnalisé et une partie de lien personnalisée du cercle.

Le menu personnalisé donnera suffisamment d’espace pour créer l’intégralité des menus avec des sous-menus, il aura fière allure et vous donnera l’espace dont vous avez besoin sur votre site Web mobile. Vous pouvez choisir parmi plusieurs schémas de couleurs et tout est facile à configurer. Vous devriez certainement consulter le site de démonstration pour voir comment ce petit plugin fonctionne.

  • Bouton circulaire avec différentes fonctions
  • Menu personnalisé et lien personnalisé
  • Plusieurs schémas de couleurs

Menu ScrollTo

PRIX: 24 $
DEMO

Faire défiler jusqu'au menu

Ce plugin premium simple vous donnera un menu sympa de la barre latérale qui est conçu pour la navigation tactile iOS et Android. Une fois que vous avez créé un menu, il comportera des icônes qui pointent vers une autre partie de la page et défilent automatiquement.

Il est important de noter que ScrollTo n’est pas un menu de navigation complet, mais il ne fait défiler que vers une autre partie de la même page. Vous pouvez choisir parmi plus de 750 icônes ou vous pouvez utiliser vos propres images comme éléments de menu et il y a un espace supplémentaire pour les annonces. Pour que tout fonctionne, vous devez posséder des connaissances HTML de base afin de pouvoir suivre les instructions. Cela peut prendre quelques minutes de plus, mais le résultat final est superbe.

  • Tactile
  • Plus de 750 icônes + images personnalisées
  • Espace publicitaire supplémentaire

Conclusion

Nous espérons que maintenant, vous avez réalisé qu’il est difficile de gérer un site Web sans menu. Même si vous exécutez un seul pager, vous souhaiterez toujours une navigation entre les sections. Donc, pendant que vous êtes déjà là, prenez le temps de personnaliser votre menu WordPress et de faire le meilleur possible.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map