Conseils, astuces et les meilleurs plugins pour personnaliser les menus dans WordPress

Conseils, 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, il ya tellement plus que vous pouvez faire pour le personnaliser pour votre site Web.

Qu’il s’agisse d’une petite icône que vous voulez avoir sur le menu ou que vous voulez un système complètement différent pour le gérer, ce guide a tout.Découvrez des conseils, astuces et quelques-uns des meilleurs plugins de menu que nous avons préparés pour vous dans ce guide:

  • Ajoutez des icônes à votre menu WordPress
  • Ajouter le bouton login/logout au menu
  • Consultez les menus WordPress où vous voulez
  • Comment ajouter une boîte de recherche au menu WordPress
  • Comment garder le menu de navigation en haut de la page
  • Créez votre propre menu de navigation collant avec des plugins
  • Comment supprimer les éléments de menu de haut niveau dans WordPress
  • Top 4 des plugins de menu pour WordPress
  • Les meilleurs plug-ins de menu mobile WordPress

Créer un menu dans WordPress n’a jamais été aussi facile.Tout ce que vous avez à faire est de générer des pages et de les ajouter à côté de votre page d’accueil.Le menu de navigation principal s’exécutera en quelques clics, mais il aura probablement l’air très simple.

Il existe de nombreux plugins qui peuvent vous aider à créer un menu de navigation visuellement magnifique.Bien sûr, vous pouvez en coder un si vous savez comment le faire, mais il ya un moyen plus facile de rendre votre menu régulier plus convivial – l’ajout d’icônes.

Les icônes sont devenues quelque chose dont nous ne pouvons pas nous passer.Lorsque vous cherchez quelque chose dans votre tableau de bord WordPress, bureau, smartphone et tablette, vous êtes probablement habitué à utiliser des icônes.Après seulement quelques fois d’utilisation d’une nouvelle application, vous êtes plus susceptible de se souvenir de son icône que tout le texte descriptif qui vient avec elle.Alors, pourquoi ne pas mettre une icône à côté de votre élément de menu et permettre aux gens de naviguer à travers votre site facilement?

Icônes de menu

PRIX: gratuit

Icônes de menu

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

  1. Aller à Plugin-> Ajouter de nouveaux
  2. Recherche d’icônes de menu
  3. Installer et activer le plugin
  4. Aller à l’apparence -> menu
  5. Ouvrez votre menu navigation
  6. Sélectionnez une page ci-dessous la structure du menu pour laquelle vous souhaitez sélectionner une icône
  7. Choisissez l’icône, changez d’emplacement et de taille
  8. Enregistrer le menu

C'est tout!Maintenant, allez trouver quelques icônes intéressantes que vous voulez sur votre menu et profiter de votre nouveau design.Alors que vous travaillez toujours avec des icônes, n’oubliez pas que vous pouvez facilement ajouter un favicon à votre blog WordPress ainsi.

Ajouter le bouton login/logout au menu

Une des nombreuses fonctionnalités WordPress que nous aimons est son moyen facile d’enregistrer de nouveaux utilisateurs.Le contrôle des différents rôles des utilisateurs sur la plate-forme populaire ne pouvait 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 d’utilisateur personnalisés pour vos besoins de site.

Bien que leur inscription soit rapide et facile, prendre soin de vos utilisateurs peut être un travail difficile.Mais vous devez faire tout ce qui est en votre pouvoir pour faire de leur expérience de site web le meilleur possible.

Une des nombreuses choses que vous pourriez faire pour eux est de permettre un moyen facile de se connecter et de sortir de votre site.Pour faire des liens de connect-in/sign-out toujours au bout des doigts des utilisateurs, vous pouvez mettre ces liens directement dans le menu principal.Tout d’abord, avoir ces liens dans le menu est très pratique, et deuxièmement, vos utilisateurs ont probablement pris l’habitude de la fonctionnalité de diverses autres applications qui utilisent la même façon d’accéder et de sortir.

Dans ce cas, vous n’avez pas besoin de prendre un autre plugin.Une fonctionnalité WordPress simple que nous allons vous montrer dans cette partie de l’article peut faire un excellent travail pour vous.Il insérera automatiquement le lien correct dans votre menu.Cela signifie que pendant qu’un utilisateur est déconnecté, il recevra le lien « Connectez-vous » et vice versa.Ni vous ni l’utilisateur n’aurez à vous soucier des boutons de connexion à nouveau.

Si vous êtes prêt à ajouter cette fonctionnalité d’accès simple mais précise au menu, voici ce que vous devez faire :

    1. Fonctions ouvertes.php
    2. Copiez et coller les éléments suivants :
add_login_logout_link fonction ($ articles, $ args) {
$ loginoutlink = wp_loginout ('index.php', faux);
$ articles. = '<li>'.</li> $ loginoutlink. '';
retourner les articles en dollars;
}
add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2);
  1. Enregistrez vos modifications

Comme avec la plupart de nos fragments, le jeu se fait simplement en copiant et en parant la fonction dans le fichier.Une fois terminé, vous pouvez continuer et recharger la page d’accueil.Puisque vous êtes toujours connecté, vous obtiendrez le lien « Exit » au dernier point du menu principal.Assurez-vous de vérifier l’ensemble de la fonctionnalité, puis essayez de déconnecter et de 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 inscription réussie ou même afficher du contenu uniquement pour les utilisateurs qui sont connectés ou déconnectés.

En outre, maintenant que vous avez un menu personnalisé, vous pourriez être intéressé à le montrer n’importe où sur le site en fournissant du code personnalisé.

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

Consultez les menus WordPress où vous voulez

Après wordpress atteint la version 3.0, beaucoup de choses sont devenues plus faciles à utiliser.Parmi les différentes nouveautés, la création d’un menu de navigation est devenue accessible à tous et aujourd’hui chacun peut créer ses propres menus en quelques clics du bouton souris.

Tout en créant des menus où vous pouvez facilement lier n’importe quelle publication, page, catégorie, ou tout lien externe est un jeu d’enfant, montrant le menu dans différents endroits le long de votre site peut être une morsure un peu plus grande 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 au bas de la zone footer, 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 des listes personnalisées ou de re-taper l’intégralité du HTML pour reproduire les liens; vous pouvez profiter des codes courts et placer un menu existant où vous voulez!

Dans les lignes suivantes, nous allons vous montrer comment le faire et nous sommes sûrs que vous aimerez votre nouveau menu « dans le shortcode ».

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

    1. Ouvrez le fichier Fonctions.php
    2. Copiez et collerez le code qui enregistrera le code court :
menu_function fonction ($ atts, $ contenu = nul) {
extrait(
shortcode_atts (
tableau (« nom » => nul,),
$atts
)
);
retour wp_nav_menu (
Vecteur(
'menu' => $ nom,
'echo' => faux
)
);
}
add_shortcode (« menu », « menu_function »);
  1. Enregistrez vos modifications

Juste après avoir enregistrez vos modifications, vous pourrez afficher les menus WordPress où vous voulez.Tout ce que vous avez à faire est d’écrire le code court où vous devez spécifier le nom du menu que vous avez l’intention d[nome menu = “menu principale”]’utiliser:

Dans la plupart des cas, le menu principal aura le nom de « menu principal » attaché à lui-même.Mais si vous allez utiliser n’importe quel autre menu, il suffit d’entrer son nom dans le shortcode.Vous n’avez pas besoin de connaître tous les noms de menu par cœur; Au lieu de cela, allez > menu et parcourez la liste des menus ou créez de nouveaux menus.

Puisque vous pouvez maintenant afficher les menus WordPress à peu près n’importe où, vous pouvez créer de nombreuses navigations que vous utiliserez sur votre site Web basé sur WordPress.Vous pouvez en avoir un dans un post, un autre dans les fichiers de modèle, un widget texte, etc.

Comment ajouter une boîte de recherche au menu WordPress

Sauf si vous avez supprimé la fonctionnalité, WordPress permet à vos visiteurs de rechercher l’ensemble du site.Nous avons mentionné cette grande fonctionnalité à plusieurs reprises et vous a montré plusieurs choses que vous pourriez faire avec vos pages de recherche.Par exemple, vous pouvez facilement rediriger les utilisateurs vers la publication si un seul résultat est trouvé ou même configurer une recherche Google personnalisée.

Si vous avez regardé vos widgets WP standard, vous avez probablement vu qu’il ya un widget de recherche prêt à être placé sur une barre latérale.Mais que faire si je veux afficher la boîte de recherche à côté du menu à la place?

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

Ajouter une boîte de recherche au menu :

    1. Fonctions ouvertes.php
    2. Copiez et coller les éléments suivants :
add_filter ('wp_nav_menu_items', 'add_search_box', 10, 2);
add_search_box fonction ($ articles, $ args) {
$ articles. = '<li>'.</li> get_search_form (faux). '';
retourner les articles en dollars;
}
  1. Enregistrez vos modifications

Pour vous assurer que le code fonctionne pour vous, assurez-vous d’avoir un menu de navigation déjà ajouté à votre site.

Le code est assez simple et sa seule fonction est d’ajouter la boîte de recherche au menu de navigation.Très probablement, votre boîte de recherche ne sera pas alignée là où vous vouliez qu’elle soit.Cela signifie que vous devrez dire à WordPress où placer la zone de recherche :

    1. Ajouter une classe à l’étiquette <li> trouvé sur la troisième ligne de code:</li>
$ articles. = '<li class="searchbox-position">'.</li> get_search_form (faux). ''
    1. Enregistrez vos modifications
    2. Style ouvert.css
    3. Copier et coller le code CSS :
.searchbox-position {
marge supérieure : 15 px;
marge droite: 20px;
}
  1. Changez le code à votre goût
  2. Enregistrez vos modifications

J’espère que vous avez mis la boîte juste à côté de votre menu.Il ne faut pas longtemps pour s’adapter à la boîte où vous le voulez.N’oubliez pas de personnaliser la zone de recherche et profitez de la fonctionnalité.

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

Vous avez probablement vu des sites Web où les menus de navigation collent en haut de la page et vous suivent à chaque étape de votre aventure de défilement.Cette fonctionnalité peut être quelque chose que vous voulez sur votre site WordPress, et dans cette partie du guide, nous allons 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 également sembler très agréable et fluide.

Si vous avez quelques connaissances du CSS, vous n’aurez aucun problème à rendre votre menu collant.Vous avez juste besoin d’ajouter un morceau de code à votre style.css après quoi vous pouvez profiter de votre nouvelle fonctionnalité de menu.

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

Comme vous pouvez l’imaginer à partir du code, la partie importante vient à la deuxième ligne où vous devez corriger l’emplacement du menu.Ensuite, vous pouvez définir les éléments en haut, à droite et à gauche à 0 pixels, ou les déplacer à n’importe quelle distance du bord supérieur ou gauche et droit de la page (par exemple: en haut: 10px placera le menu 10 pixels à partir du bord supérieur de votre site).

  1. 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 peu importe comment il est facile, tout le monde n’aime pas passer par les fichiers WordPress et modifier le code eux-mêmes.Si vous êtes ce genre de personne ou avez besoin de plus de contrôle sur le menu, ne vous inquiétez pas.Vous pouvez facilement définir votre menu et le rendre collant à l’aide de plugins.Dans cette partie de l’article, nous allons vous montrer quelques-uns des meilleurs.

Extension adhésive UberMenu

PRIX: $8

Extension adhésive UberMenu

UberMenu Sticky Extension est un add-on pour le plugin UberMenu, ce qui signifie que vous devez installer ce plugin d’abord pour faire fonctionner l’extension.L’extension rend tout simple; après l’installation, vous êtes prêt à rendre votre menu collant.Peu importe où vous placez le menu, une fois que l’utilisateur commence à défiler, le menu collera au haut de la page et le rendra facilement accessible.

Pour s’assurer que les utilisateurs mobiles peuvent accéder à chaque partie du menu, l’option adhésif s’éteint lorsqu’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 rendre votre menu collant.

méthode myStickymenu

PRIX: gratuit
Démo

méthode myStickymenu

Ce plugin est conçu pour être utilisé sur le thème Twenty Thirteen.Mais si vous le changez un peu, vous pouvez l’utiliser sur n’importe quel thème que vous aimez.Par défaut, 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 voulez le changer davantage, vous pouvez entrer vos propres styles CSS personnalisés et rendre votre menu collant encore plus personnalisé.

Menu collant (ou quoi que ce soit!) À propos de Scroll

PRIX: gratuit

Menu collant (ou quoi que ce soit!) À propos de Scroll

Ce plugin vous permettra de placer votre menu en haut et de le rendre collant.Mais non seulement cela, le plugin vous permettra de faire n’importe quel élément collant juste en trouvant le sélecteur droit pour l’élément.Cela signifie que vous pouvez verrouiller votre logo ou même l’en-tête entier en haut de la page que les utilisateurs défilent à travers votre site Web.Pour que tout fonctionne, vous aurez besoin d’en savoir un peu plus sur html et CSS afin que vous puissiez trouver le sélecteur droit.

Comment supprimer les éléments de menu de haut niveau 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 et frontend et montrer un site unique à vos visiteurs et même à vos auteurs.

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

Le code ci-dessous supprimera tous les éléments de menu de haut niveau pour tous les utilisateurs au lieu des administrateurs.Avant de continuer, vous devez savoir que ce fragment supprime uniquement les éléments de menu, mais que ces éléments seront toujours disponibles pour toute personne qui connaît le bon chemin vers une page de paramètres.Si vous souhaitez restreindre complètement l’accès à certaines pages de menu, vous devrez modifier les fonctionnalités de l’utilisateur.

Supprimez les éléments de menu de haut niveau :

    1. Ouvrez votre fichier Fonctions.php
    2. Copiez et coller le code suivant :
si (! current_user_can ('manage_options')) {
add_action ('admin_menu', 'my_remove_menus', 999);
}
my_remove_menus fonction {
remove_menu_page ('index.php'); Panneau
remove_menu_page ('edit.php'); Messages
remove_menu_page ('upload.php'); Moyenne
remove_menu_page ('edit.php? post_type = page »); Pages
remove_menu_page ('edit-comments.php'); Commentaires
remove_menu_page (« thèmes.php »); Regarder
remove_menu_page ('plugins.php'); Plugins
remove_menu_page (« utilisateurs.php »); Utilisateurs
remove_menu_page (« outils.php »); Outils
remove_menu_page (« options générales.php »); Paramètres
}
  1. Enregistrez vos modifications

Étant donné que ce code supprime tous les menus de haut niveau que vous ne voulez probablement pas faire, n’hésitez pas à modifier le code à vos besoins.Chaque ligne « remove_menu_page » a pour tâche de supprimer une page (qui est décrite entre parenthèses et commentaires à côté de la ligne de code).Il suffit d’ajouter ou de supprimer une page où vous souhaitez être loin du menu et enregistrer vos modifications une fois de plus.

Maintenant que vous avez appris à supprimer les pages de haut niveau du menu, vous pouvez supprimer seulement quelques-unes des sous-pages qui sont en dessous des pages de haut niveau.

Top 4 des plugins de menu pour WordPress

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

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

Menu Uber

PRIX: $20
Démo

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 de voir ce que le menu créé avec ce plugin ressemble, vous comprendrez pourquoi il est si populaire.Et une fois que vous commencez à énumérer ses fonctionnalités, vous en voudrez probablement une pour vous-même.

Les menus créés avec le menu Uber seront réactifs et tactiles pour les visiteurs mobiles.Vous pouvez créer de belles mises en page et insérer des icônes, des images, des vidéos et des cartes dans votre menu.L’ensemble du formulaire peut être placé dans un submenu 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 submenus automatiquement à partir de votre autre contenu, créer des onglets dans votre menu, et bien plus encore.

  • Génération dynamique d’éléments
  • Sous-marin tabbed
  • Amélioration de l’interface utilisateur

Morph: Menu Personnalisable WordPress Fly-Out

PRIX: $20
Démo

Morph

Morph est un menu pop-up 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, il semble vraiment super sur le bureau aussi.

En utilisant ce plugin, vous pouvez masquer un menu et l’invoquer d’un simple clic.Dans la zone de menu, vous pouvez créer un menu de drop-down standard, ajouter des images, des boutons de recherche, et toute la zone est widgetized, ce qui signifie que vous pouvez intégrer tout ce dont vous avez besoin et que vous voulez.Le plugin est très personnalisable, de sorte que vous pouvez choisir les couleurs que vous voulez, changer la hauteur de l’image, et ajouter ou supprimer des éléments en fonction de vos besoins.Si vous l’utilisez pour les appareils mobiles, vous pouvez facilement définir des résolutions pour lesquelles le menu apparaîtra.

  • Fonctionne très bien sur le bureau et mobile
  • Ajouter/supprimer des éléments personnalisables
  • Peut être activé à partir de n’importe quel élément

Menu Héros

PRIX: $19
Démo

Menu du héros

Que vous le souhaitez, un menu simple ou un complexe « Mega Menu », vous pouvez en créer un avec le plug-in Hero Menu.Chaque menu créé sera réactif et bien paraître sur n’importe quel appareil; si vous choisissez de créer un menu méga, les éléments peuvent être affichés ou cachés de sorte que vous n’avez pas à vous soucier de la mise en page sur les petits écrans.

Il existe un support tactile spécial pour Android, iOS et Windows Phone.Choisissez la barre de navigation pleine largeur ou fixe où vous pouvez facilement ajouter des éléments supplémentaires simplement en utilisant une technique de drag-and-drop.Il existe plus de 60 jeux 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 grand plugin peut offrir tellement plus, alors n’oubliez pas de consulter toute la liste des fonctionnalités sur CodeCanyon.

  • Constructeur de structure de menu de traînée et de chute
  • Créez des menus simples ou des menus méga complexes
  • Navigation mobile spéciale

Barre Multi-X

PRIX: $16
Démo

Barre Multi X

La barre Multi-X est un plug-in modulaire et vous permet de placer à peu près tout ce que vous voulez dans la barre de navigation.En plus des éléments de menu, vous pouvez placer jusqu’à 8 éléments sur la barre, qu’il s’agisse d’un formulaire de contact, formulaire de recherche, icônes de partage social, zone widget, etc.

Il y a deux thèmes différents à choisir ainsi qu’un thème personnalisé où vous pouvez définir vos propres couleurs tandis que le gradient sera calculé automatiquement.La barre de navigation peut être placée comme menu fixe ou coulissant.Si vous êtes un développeur, vous souhaitez savoir qu’il ya une série de crochets prêts pour vous si vous voulez créer un nouveau plugin à partir de la barre Multi-X.Ce plugin offre beaucoup, beaucoup plus, alors n’oubliez pas de vérifier toutes les fonctionnalités de CodeCanyon.

  • 8 modules fonctionnels intégrés
  • 2 thèmes de couleur + thème personnalisé
  • Position supérieure ou inférieure

Les meilleurs plug-ins de menu mobile WordPress

Nous savons tous jusqu’où la technologie est venue.Smartphones et tablettes sont devenus inévitables et il ya 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 de navigateurs Web mobiles est plus élevé que jamais et que vous devez prendre soin de vous si vous dirigez un site Web.

Si vous construisez un site mobile ou si vous souhaitez l’améliorer, vous devez absolument créer un menu mobile spécial qui s’adaptera à n’importe quelle taille d’écran et permettra aux utilisateurs mobiles de naviguer plus facilement.

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

Dans cette partie du guide, nous allons vous montrer quelques-uns des meilleurs plugins haut de gamme qui peuvent créer un menu mobile pour votre site WordPress.Alors faites défiler vers le bas et jetons un coup d’oeil.

Toucher

PRIX: $18
Démo

Toucher

Ce plugin haut de gamme créera un en-tête mobile propre avec un menu mobile intégré dedans.Les animations sont très simples et peuvent avoir l’air vraiment agréable et fluide sur un écran de smartphone.Avec Tactile, vous pouvez créer un menu accordéon à plusieurs niveaux, créer un menu horizontal d’un niveau qui peut être déplacé, ou créer une barre latérale widget qui peut voler vers votre site Web.

Tout est personnalisable, ce qui signifie que vous pouvez peindre vos éléments dans n’importe quelle couleur que vous voulez, changer d’arrière-plan, et définir leurs couleurs, l’opacité, et bien plus encore.Votre menu peut être réparé ou placé absolument.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é.

  • Différents types de menus
  • Fonctions de recherche
  • Positionnement fixe/absolu

Appuyez sur Appuyez sur

PRIX: $10
Démo

Appuyez sur Appuyez sur

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 auront l’air vraiment trié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 y a deux conceptions de bouton de menu et quelques animations à choisir.La position du menu peut être fixée ou le placement absolu peut être utilisé.Choisissez des styles de fond et jouez avec de nombreuses options de style afin que vous adaptiez parfaitement le menu au thème.Enfin, TapTap vous permettra de choisir les résolutions sur lesquelles il sera affiché.Que puis-je vouloir de plus à partir d’un menu de navigation mobile ?

  • Menu à plusieurs niveaux
  • Dessins et animations de 2 boutons de menu
  • Positionnement fixe/absolu

Mobi

PRIX: $16
Démo

Mobi

Mobi est un autre plugin WordPress simple mais grand prêt à aider avec les sites Web mobiles.Avec cet ajout, votre thème réactif aura une navigation encore meilleure.Après avoir créé un menu à l’aide d’un menu intuitif avec drag-and-drop, vous pouvez le placer en haut ou en bas du site.

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

  • Personnalisation glisser et laisser tomber
  • Placement du menu en haut ou en bas
  • Visibilité de l’utilisateur pour les invités et les utilisateurs inscrits

Menu Wah

PRIX: $44
Démo

Wah Wah

Wah-menu est un menu crochetable 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 bien adaptés au côté de votre site WordPress.

Après avoir cliqué sur une icône spécifique dans le menu, vous verrez un submenu qui permet HTML, vidéos intégrées, 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’accent, jouer avec la largeur du menu, icônes, liens, etc. Créer des menus 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 sera agréable.

  • Editeur WYSIWYG
  • Submenus avec prise en charge du HTML, des vidéos intégrées, etc.
  • Option d’état out ou docked

Menu Path Style

PRIX: $12
Démo

Style de chemin

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

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

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

Scrollnav, Nav

PRIX: $10
Démo

Scrollnav, Nav

Un autre plugin menu unique qui vous donne quelques fonctionnalités intéressantes et qui peut sembler parfait sur votre site Web.Scrollnav se compose d’un cercle qui contient plusieurs options de menu.Il ya un lien vers la page d’accueil au milieu du bouton, le lien supérieur vous emmène logiquement vers le haut de la page, il ya une boîte de recherche, un menu personnalisé et une partie de lien personnalisé du cercle.

Le menu personnalisé donnera suffisamment d’espace pour créer des menus entiers avec submenus, bien paraître et vous donner l’espace dont vous avez tant besoin sur votre site web mobile.Il ya plusieurs schémas de couleurs à choisir, et tout est facile à mettre en place.Vous devriez certainement visiter le site de démonstration pour voir comment ce petit plugin fonctionne.

  • Bouton circulaire avec différentes fonctions
  • Menu personnalisé et partie de lien personnalisé
  • Différentes combinaisons de couleurs

ScrollTo Menu

PRIX: $24
Démo

Faites défiler vers le menu

Ce plugin premium simple vous offrira un menu de barre latérale fantastique qui a été créé pour iOS et Android touch navigation.Une fois qu’un menu est créé, il contiendra des icônes qui se lieront à une autre partie de la page et défileront automatiquement.

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

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

Conclusion

Nous espérons que vous avez réalisé maintenant qu’il est difficile de gérer un site Web sans menu.Même si vous exécutez un téléavertisseur, vous aurez toujours besoin de navigation entre les sections.Ainsi, pendant que vous êtes déjà ici, prenez le temps de personnaliser votre menu WordPress et de le rendre le meilleur possible.