skip to Main Content

Quelques plugins WordPress pour créer des entêtes Sticky

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 554.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

La barre de navigation collante et les entêtes collantes sont utilisés comme un détail stylistique et beaucoup de grandes marques les utilisent aujourd’hui (même nous ici sur BlogPasCher). Vous trouverez une barre de navigation fixe sur Sony, Facebook, Google+, Adidas, Nike, CNN et de bien d’autres sites et ils ont tous un aspect moderne. Mais, outre la recherche du style, il y a de nombreux avantages à les avoir sur votre site web:

  • Une navigation plus facile
  • Une meilleure image de marque
  • Plus de pages vues par visite
  • Un faible taux de rebond

Il y a aussi quelques inconvénients à avoir une barre de navigation fixe sur votre site, car ça introduit pas mal d’encombrement et donne aux utilisateurs la possibilité de naviguer loin plus rapidement, il n’est donc pas recommandé d’avoir cette barre de navigation sur les pages d’accueil. De nombreux sites web n’en ont pas besoin, mais la mettent souvent en œuvre juste pour le plaisir d’être à la mode.

Si vous décidez de la mettre en œuvre sur votre blog, consultez vos données Google Analytics pour voir si votre entête collante améliore réellement votre trafic ou votre indice de performance. Les entêtes collantes peuvent contribuer à du SEO, donc vérifiez juste pour voir s’il est bon pour votre site. Avoir quelque chose d’aussi important sur votre site n’améliore pas toujours l’expérience utilisateur, et peut constituer un problème dans l’atteinte de l’objectif de votre site.

Il vous revient donc d’utiliser des outils adaptés qui vous permettront de créer des entêtes efficaces et responsives. Dans cette liste de plugins, je vous propose donc quelques outils que vous pouvez utiliser sur votre blog pour créer des en

1. Sticky Header

Si vous recherchez un moyen facile d’installer et de configurer l’image de votre marque sur une barre de navigation omniprésente, alors Sticky Header est un bon choix. C’est un plugin gratuit développé avec simplicité.

sticky-header-thematosoup

Télécharger

Une fois que vous l’aurez installé et activé, vous aurez besoin d’accéder à l’interface de personnalisation du thème pour le configurer. Vous y trouverez des options pour :

Monstroid : Le thème WordPress le plus Polyvalent

Découvrez "ONE", l'offre de TemplateMonster qui vous permet de Télécharger plus de 8500 thèmes et plugins WordPress pour le prix de $19/mois seulement !!! [ Recommandé ]

  • Votre logo
  • La sélection de votre menu principal
  • L’arrière-plan et les couleurs de texte
  • Le réglage de la largeur maximale de votre entête collante
  • Rendre visible la barre après un défilement précis de la fenêtre en pixel
  • Cacher si l’écran est plus étroit qu’une taille précise (au cas où vous voulez le cacher pour les utilisateurs mobiles)

Ce plugin n’affiche pas de sous-menus et il est idéal pour les petits blogs. Il ne devrait pas vous prendre trop de temps pour créer un menu fonctionnelle et efficace sur votre blog. Toutes les fonctionnalités sont disponible dans l’interface de personnalisation du thème, de sorte que vous serez en mesure de les prévisualiser si vous apportez des modifications.

2. Awesome Sticky Header

Awesome Sticky Header est un plugin gratuit bien complexe et il vous permet d’affiner votre navigation collante.

awesome-sticky-header-devcanyon

Télécharger

Ce plugin gratuit vous donne un contrôle sur beaucoup de choses, comme:

  • L’orientation de l’entête
  • La description du site
  • Les effets de transition
  • L’option sticky
  • Les sous-menus, jusqu’à 3 niveaux de profondeur
  • Plusieurs types de logo
  • La position du menu Centré
  • L’URL de l’image de fond ou la couleur d’arrière-plan
  • La taille des polices et des options de couleurs pour tous les éléments de l’entête
  • La barre de recherche
  • Le menu secondaire

Une fois que vous activez le plugin, il active automatiquement l’option d’entête collante. Vous devez aller à Appearence > Awesome Sticky Header pour configurer l’aspect et la fonctionnalité. Vous pouvez également voir toutes les modifications que vous apportez immédiatement, vu que ce plugin offre un aperçu en direct sur votre tableau de bord WordPress.

3. Awesome Header

Awesome Header est une version « pro » de Awesome Sticky Header. Ce que vous trouverez intéressant ici est que non seulement il peut créer une barre de navigation collante, mais vous pouvez remplacer l’ensemble de votre entête WordPress par ce dernier.

awesome-header-cover-image

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Télécharger

Vous avez juste besoin de remplacer votre balise d’entête existante avec une petite fonction et votre entête WordPress sera remplacé par Awesome Header. A partir de là, vous pouvez modifier tout ce que vous pouvez imaginer. Il y a tout ce que vous trouverez dans la version gratuite et en plus:

  • La possibilité de remplacer l’ensemble de votre entête WordPress
  • 3 niveaux de navigation
  • 100% reponsive
  • Optimisation SEO avec des micro-données en fil d’Ariane
  • Un support WooCommerce & bbPress
  • Des options illimitées de couleurs
  • L’image de fond ou le motif
  • Le menu secondaire (3 points verticaux)
  • La navigation fixe
  • 3 types de recherche (souligner, champ de recherche ordinaire et diapositives d’entêtes)
  • Menu de remplissage d’articles (gauche / droite)
  • Menu d’article unique
  • Les tailles de police pour tous les éléments
  • La transparence pour les menus et sous-menus
  • Menu social avec Genericons
  • Les étiquettes de navigation

Si vous êtes développeur et que vous voulez encore plus de contrôle sur vos zones d’entête, c’est possible. Awesome Header est très extensible, utilisant ses nombreux Filtres & Actions Hooks.

4.Hero Mega Menu

Celui-ci dispose d’un aménagement entièrement flexible et personnalisable, emballé avec des options pour un accès à toutes les caractéristiques de votre entête.

HeroMenu_Preview

Télécharger

Le plugin Hero Mega Menu est super facile à utiliser, car il utilise une interface glisser-déposer pour créer un modèle de menu personnalisé. Et le concepteur de la structure fonctionne comme sur la version par défaut de WordPress. Il vous suffit simplement d’imbriquer des éléments pour créer des listes déroulantes, et les modifier pour créer des méga menus. Vous avez en plus :

  • Des options de transparence
  • 60 couleurs prédéfinies
  • Un design responsive
  • Arrière-plans personnalisés
  • 270  icônes de thèmes élégants
  • Une navigation mobile
  • Un menu collant (bien sûr!)

Et vous pouvez faire encore plus. Le plugin supporte également le CSS personnalisé, y compris des options de mise en page fixes et détaillées, des options de coin arrondies et ombres, des animations diverses, le prise en charge des polices Google.

Conclusion

Nous verrons de plus en plus de sites adoptant les entêtes collants et la navigation fixes, mais si ce n’est pas fait correctement, ces éléments fixes du site  peuvent être source de distraction et de contribuer réduire le taux de conversion.

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [GRATUIT]

La navigation collante peut être trop grande pour certains écrans, vous devez donc vous assurer qu’elle ne prend pas trop de place sur les écrans mobiles.

C’est tout pour cette liste de plugins. N’hésitez pas à nous contacter si vous avez des questions.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
6 Partages
Partagez2
Tweetez1
Enregistrer3
WhatsApp