Passer au contenu principal




La navegación y los en-têtes adhesivos solían ser un detalle estilístico y muchas de las principales marcas de hoy los usan. Encontrarás navegación fija en Sony, Facebook, Google+, Adidas, Nike, CNN y muchos otros sitios la toile, y todos se ven modernos. Pero a la vez de tener un aspecto elegante, hay muchos beneficios de agregar un brancher de encabezado fijo a su sitio web de WordPress:

  • Une navigation plus facile
  • Meilleure note
  • Plus de pages vues par visite
  • Taux de rebond más baja

Dans le même temps, il y a des inconvénients à avoir une navigation fixe sur votre site Web, car elle introduit plus d'encombrement et donne aux utilisateurs la possibilité de naviguer plus rapidement, il n'est donc pas bon de l'avoir sur vos pages de destination. De nombreux sites Web n'en ont pas besoin, mais ils l'implémentent souvent juste pour être cool.

Si lo decide e implementa, consulte sus datos de Google Analytics para ver si su plugin de encabezado fijo realmente mejora sus métricas clave de rendimiento. Los encabezados fijos pueden ayudar a la usabilidad web y al SEO, de esta manera solo verifique si es adecuado para su sitio. Tener algo tan importante en su sitio web que no mejora la experiencia del Nom d'utilisateur y se interpone en el camino del objectif de su sitio web puede ser un gran problema.

Il existe de nombreux didacticiels pour vous aider à effectuer vous-même la navigation fixe. Si vous ne voulez pas perdre de temps à coder et à concevoir votre navigation collante, vous pouvez essayer d'installer un thème WordPress avec un en-tête collant intégré. Thème WordPress total Il propose une navigation collante (qui est super personnalisable d'ailleurs), mais si votre thème actuel ne prend pas en charge les en-têtes collants, continuez à lire. Je vais couvrir les meilleures options de plugin d'en-tête collant pour WordPress, à la fois gratuit et premium.

Lorsqu'il s'agit d'étendre les fonctionnalités de votre site Web, il existe plusieurs options et elles se présentent toutes sous la forme de plugins gratuits ou premium (payants). Les options gratuites sont plutôt bonnes, mais généralement un plugin d'en-tête fixe premium sera livré avec de nombreuses fonctionnalités que vous ne pouvez pas obtenir gratuitement. Cela inclut des options qui vous permettent de contrôler chaque segment de votre en-tête ou même de le remplacer, ainsi que le support premium et les mises à jour. Pour quelque chose d'aussi important que l'en-tête WordPress, je pense que cela vaut la peine d'y jeter un coup d'œil.

Avertissement: R Le marketing numérique c'est un affilier de uno o más de los productos que se enumeran a continuación. Si hace clic en un relier y completa una compra, podríamos hacer una comisión.

1. Menú fijo (o cualquier cosa) en el plugin Faire défiler Free WordPress

menu-collant-tout-pluin-6555960

Sticky Menu (o Anything) on ​​Scroll es su respuesta si desea que cualquier elemento de su página web être pegajoso. El plugin de forma general se usa para arreglar el menú en la parte de arriba de la página, pero al mismo tiempo puede usarlo para hacer un encabezado adhesivo.

Aunque funciona bastante bien en la mayoría de las situaciones, no es una solución sencilla ya que necesita que uses un poco de codificación. Pero si eres de los que no le importa lidiar con CSS, sigue leyendo. Las características incluyen:

  • Rendre tout élément de votre page collant dès qu'il atteint le haut
  • L'élément doit avoir un nom, une classe ou un identifiant unique
  • Option pour ajouter un espace entre l'en-tête fixe et le haut de la page
  • Spécifiez les tailles d'écran minimum et maximum pour la fonction rémanente
  • Cela n'affecte pas la barre d'outils de l'administrateur en haut de la page

A pesar de todo, un inconveniente es que, en algunos casos, el encabezado no cambia de tamaño para adaptarse al tamaño del le navigateur. A parte de esto, le posibilita activar algunos estilos de los items solo cuando están pegajosos.

Avec ce plugin, vous pouvez en même temps rendre d'autres objets collants: des boîtes d'appel à l'action, des logos ou même des bannières promotionnelles. Mais comme cela oblige les utilisateurs à choisir manuellement le sélecteur correct pour l'élément de page à corriger, il se peut que ce ne soit pas le favori de tout le monde. À la fois, ce plugin fonctionne pour ne rendre qu'un seul élément collant à la fois.

2. Mega Main Menu Plugin WordPress Premium

méga-menu-principal-8024581

Informations et téléchargementsVoir la démo

Le Mega Main Menu est l'un des principaux plugins de menu du marché. Non seulement il offre des options pour les méga menus, les menus déroulants, l'optimisation du téléphone portable, la prise en charge de la traduction et des tonnes de personnalisations, mais en même temps, il comprend une option collante très utile.

Une fois que vous avez installé et activé le plugin, utilisez simplement les options faciles sous Apparence> Menu principal Mega pour le configurer. Vous y trouverez des options pour:

  • Activer un menu persistant
  • Déterminer le déplacement du rouleau adhésif
  • Polices, couleurs et icônes personnalisées
  • Listes pliables
  • RTL et traduction prêts
  • Masquer / afficher les éléments dans le défilement
  • Códigos cortos y widgets facile à utiliser

Les options de ce plugin d'en-tête fixe sont faciles à utiliser, il ne devrait donc pas falloir longtemps avant que vous ayez une navigation et une image de marque fixes sur votre site Web.

3. En-tête collant simple dans le plugin WordPress sans défilement

simple-sticky-header-scroll-free-plugin-3812964

Agregue un encabezado adhesivo simple a cualquier tema de WordPress con el encabezado adhesivo simple gratuito en Scroll. Este plugin de encabezado adhesivo ofrece una configuración rápida con opciones fáciles para su Logo, colores, un «botón de siguiente publicación», menús desplegables y más. Este plugin gratuito te posibilita controlar muchas cosas, como:

  • Logo personnalisé
  • Options de couleur intégrées
  • Option de lien «Entrée suivante»
  • Menu déroulant sur téléphone portable
  • Visibilité du menu de distance de décalage personnalisé
  • Incorporation avec WordPress Live Customizer

Cette dernière fonctionnalité est pratique car vous pouvez prévisualiser les modifications d'en-tête collantes en direct au fur et à mesure que vous les effectuez. Publiez ensuite vos modifications pour mettre à jour rapidement votre site Web.

4. Complemento de WordPress de Awesome Entête Prime

génial-en-tête-image-de-couverture-2423366

Informations et téléchargementsVoir la démo

Awesome Header est un plugin d'en-tête fixe "professionnel". Ce que vous trouverez intéressant ici, c'est qu'il peut non seulement servir de navigation collante, mais vous pouvez également remplacer l'intégralité de votre en-tête WordPress.

Il vous suffit de remplacer votre balisage d'en-tête existant par une petite fonction et votre en-tête WordPress sera remplacé par Awesome Header. À partir de là, vous pouvez modifier tout ce que vous pouvez imaginer. Il y a tout ce que vous trouvez dans la version gratuite et certains:

  • Possibilité de remplacer l'intégralité de l'en-tête WordPress
  • 3 niveaux de navigation
  • 100% réceptif
  • Mejor SEO con Miette de pain Microdata
  • Soporte de WooCommerce y bbPress para Chapelure
  • Options de couleur illimitées
  • Image ou motif d'arrière-plan
  • Sous-menu (3 points verticaux)
  • Navigation fixe
  • 3 types de recherche (souligné, champ de recherche simple et diapositive sous l'en-tête)
  • Remplissage des éléments de menu (gauche / droite); en même temps pour l'en-tête collant
  • Arrière-plan de l'élément de menu
  • Tailles de police pour tous les éléments
  • Transparence des menus et sous-menus
  • Le menu social avec Genericons vous prépare à la rétine
  • Étiquettes de navigation

Si vous êtes un développeur et que vous souhaitez avoir encore plus de contrôle sur vos zones d'en-tête, vous le pouvez, car Awesome Header est très extensible à l'aide de ses nombreux Hooks Filter & Action.

5. Plugin de menu WordPress Premium Hero Mega

heromenu_preview-5080514

Informations et téléchargementsVoir la démo

Il présente une mise en page entièrement flexible et personnalisable, remplie d'options pour quelques-unes de ses fonctions d'en-tête. Hero Mega Menu est très facile à utiliser car il utilise une interface glisser-déposer pour créer une disposition de menu personnalisée. Et le constructeur de structure fonctionne comme les menus WordPress normaux: il suffit d'imbriquer des éléments pour créer des menus déroulants et de les modifier pour créer des méga menus. En même temps, il a:

  • Options de transparence
  • 60 préréglages de couleurs
  • Conception réactive
  • Prise en charge des cartes, des images, des listes, des publications et du texte
  • Arrière-plans personnalisés
  • 270 icônes ElegantThemes
  • Navigation par téléphone portable
  • Menu collant (de toute façon!)

Y puedes hacer mucho más. El plugin al mismo tiempo admite CSS personalizado, incluye opciones de diseño de ancho fijo y completo, opciones de sombras y esquinas redondeadas, varias animaciones, compatibilidad con fuentes de Google et de plus.

6. Plugin WordPress gratuit myStickymenu

mystickymenu-gratuit-wp-plugin-9798331

myStickymenu est un plugin allégé qui fait simplement ce qu'il se propose de faire: ajouter une fonction rémanente à un élément de vos pages Web. Réactif et prend en charge plusieurs langues. Les principales caractéristiques comprennent:

  • Flexible et personnalisable
  • Vous pourrez ajouter du code CSS personnalisé pour concevoir votre en-tête fixe
  • Vous pouvez définir des valeurs pour corriger l'en-tête en fonction de la distance parcourue par l'utilisateur
  • L'en-tête peut être pleine largeur ou toute limite que vous spécifiez

myStickymenu est simple et fonctionne principalement hors de la boîte. Même lorsqu'il est conçu avec le thème Twenty Thirteen à l'esprit, il fonctionne assez bien pour la plupart des autres thèmes, bien qu'il puisse nécessiter une certaine quantité de CSS personnalisé pour styliser l'en-tête comme vous le souhaitez.

7. Plugin WordPress QuadMenu Premium

quadmenu-thèmes-méga-menu-plugin-5900545

Informations et téléchargementsVoir la démo

QuadMenu est un générateur de menu personnalisé facile à utiliser avec une interface glisser-déposer. Vous pouvez utiliser les éléments intégrés pour une conception de méga menu, des icônes, des liens sociaux, un panier, des widgets, etc. pour créer le menu parfait pour votre site Web. Dans le même temps, le plugin comprend un menu fixe dans l'option de défilement, ce qui rend la navigation encore plus conviviale pour vos lecteurs. D'autres fonctionnalités étonnantes comprennent:

  • Générateur de menu par glisser-déposer
  • Logo personnalisé
  • Thèmes de style de menu illimités
  • Disposition horizontale ou verticale
  • Sticky dans le défilement
  • Compatible avec le méga menu
  • Polices personnalisées
  • Compatible avec Visual Composer

Otra característica única que distingue a QuadMenu de los demás son las capacidades de desarrollo. Es una excelente opción para desarrolladores de temas o autónomos que trabajan en sitios de clientes personalizados, ya que hay funciones integradas para archivos .less, opciones personalizadas, les filtres, estilos y más.

8. Plugin WordPress gratuit d'en-tête fixe et fixe

en-tête-collant-fixe-wp-plugin-1156765

L'en-tête fixe et collant fait un bon travail pour rendre votre en-tête ou votre menu collant et le rendre visible sur votre site Web à tout moment. Vous devrez spécifier la classe d'en-tête ou l'identifiant dans les paramètres du plugin. Vous pouvez en même temps:

  • Choisissez la couleur d'arrière-plan de l'en-tête
  • Choisissez la couleur du texte pour l'en-tête
  • Définissez la distance de décalage à laquelle l'en-tête doit devenir collant

9. En-tête fixe dans le plugin Scroll Premium pour WordPress

sticky-header-on-scroll-plugin-2143000

L'en-tête collant dans Scroll pour WordPress est un simple plugin pour ajouter un en-tête collant qui offre des tonnes d'options de personnalisation. L'installation est facile et vous aurez un en-tête fixe en un rien de temps. Il est parsemé d'options utiles, notamment:

  • Personnalisation par pointer-cliquer pour faire correspondre l'en-tête à n'importe quel thème
  • Réactif en douceur, s'adaptant à n'importe quelle taille d'écran
  • Comprend un autre design mince
  • Comprend une étiquette de bouton personnalisée pour le menu déroulant, éventuellement masquer le menu
  • Télécharger l'image du logo ou afficher le texte, éventuellement masquer le logo
  • Úselo para mostrar el título de la publicación o los botones para compartir o la próxima publicación en las publicaciones del Blog
  • Désactivez l'adhésion sur les mobiles, si vous le souhaitez
  • Ajout d'un personnalisateur en direct pour vous aider à prévisualiser les modifications

En dehors de cela, ce plugin léger peut en même temps masquer l'en-tête de votre thème existant. En même temps, vous pouvez définir la distance de décalage à laquelle l'en-tête deviendra collant et modifier les couleurs, la couleur d'arrière-plan, l'image d'arrière-plan, l'opacité, etc. Solution de guichet unique pour ajouter une touche accrocheuse à votre titre.

10. Plugin de navigateur de contenu de site premium pour WordPress

navigateur-contenu-site-menu-collant-4329304

Si crea muchas páginas de destino o Contenu extenso (como guías o estudios detallados), el navegador de contenido del sitio es un plugin útil que quizás desee verificar. Con este plugin, puede habilitar una navegación fija en cualquiera de sus publicaciones, páginas y / o tipos de publicaciones personalizadas. Luego, use las opciones para configurar el final de la barra, la superposición, los selectores CSS de sección (encabezados, divs, etc.), información sobre herramientas, visibilidad y más.

  • Menu collant
  • Barre de progression personnalisable
  • Déterminer les sections de page
  • Réglages avancés
  • Informations sur l'outil
  • Police personnalisée et options CSS
  • Options par article
  • Widget de la barre latérale

conclusion

Veremos más y más sitios que adoptan encabezados fijos y navegación fija, pero si no se hace correctamente, estos items fijos del sitio web pueden distraer y contribuir a bajas tasas de conversion. La navegación pegajosa puede ser demasiado grande para algunas pantallas, por lo que debe asegurarse de que no ocupe demasiado espacio en las pantallas de los dispositivos móviles.

La marque et la navigation de votre site Web doivent contribuer à la sensation agréable de navigation et doivent être facilement accessibles.

Les titres collants ne doivent jamais rivaliser avec votre contenu pour attirer l'attention.

Considere experimentar con encabezados fijos, supervise su circulation, conversiones y comportamiento del usuario utilizando plataformas analíticas. Si se configuran correctamente, los plugins de WordPress de encabezado fijo pueden brindarle más clientes que regresan, usuarios más satisfechos y, en última instancia, más conversiones.