La barre latérale flottante est quelque chose que vous voyez sur la plupart des sites Web, mais aujourd'hui, vous êtes ici pour apprendre à ajouter une barre latérale flottante dans le blog WordPress . Les barres latérales flottantes sont utilisées dans les sites Web pour attirer l'attention des visiteurs et la barre latérale flottante a un taux de conversion très élevé si elle est utilisée avec le widget S'abonner .^(Subscribe)

J'utilise le widget d'abonnement flottant depuis longtemps et je peux assurer son résultat. Eh bien, vous pouvez l'utiliser avec n'importe quel type de widget, pas seulement avec le widget d'abonnement. Vous pouvez l'utiliser pour promouvoir votre dernier article, ebook ou images, etc. La barre latérale flottante augmente la visibilité de tout ce que vous souhaitez promouvoir auprès de vos visiteurs et attire sûrement l'attention.

Avant d'aller plus loin, je voudrais vous dire que parfois, l'utilisation de la barre latérale peut vraiment entraver le taux de rétention de vos visiteurs, car cela perturbe l'expérience globale du visiteur. Vous devez donc toujours utiliser un widget de conception clair et simple lorsque vous utilisez une barre latérale flottante.

Comment ajouter une barre latérale flottante dans Wordpress

Maintenant, si vous souhaitez ajouter une barre latérale flottante dans le blog WordPress , vous devez installer ce plugin appelé Q2W3 Fixed Widget . Pour l'installer depuis votre panneau d'administration, allez dans Plugins > Add New puis recherchez le plugin. Installez^(Install) et activez^(Activate) le plugin, afin que vous puissiez commencer à l'utiliser.

Après avoir activé le plugin, allez dans Appearance > Widgets et dans votre barre latérale, cliquez sur le widget que vous souhaitez rendre collant. Cochez simplement la petite case près de l' option Widget fixe^(Fixed) , puis cliquez sur Enregistrer et vous aurez une belle barre latérale flottante, des choses assez simples.

Comment configurer le widget fixe

Ne vous excitez pas car il y a plus dans le widget fixe Q2W3^{(Q2W3 Fixed Widget)} , allez dans Appearance > Fixed Widget Options du widget fixe pour configurer le plugin. Sur cette page, vous pouvez définir la marge, désactiver le plug-in pour les appareils mobiles et vous pouvez même créer un ID HTML^{(HTML ID)} personnalisé . Eh bien^(Well) , entrons dans les détails de chacun.

La marge supérieure^(Top) doit être définie en fonction de l'espace dont vous avez besoin entre votre barre latérale flottante et la marge supérieure. De même, la marge inférieure^{(Margin Bottom)} doit être définie en fonction de vos besoins.

Une chose que je voudrais partager ici est que Margin Bottom doit être défini de manière à ne pas chevaucher votre pied de page. Vérifiez toujours^(Anway) les différentes valeurs et une fois que vous êtes satisfait du résultat, cliquez pour enregistrer.

Si vous souhaitez désactiver le plugin pour les appareils mobiles, tapez simplement la valeur de la largeur d'écran en dessous de laquelle le plugin se désactivera dans Disable Width et Diable Height . Notez que les deux valeurs sont nécessaires si vous souhaitez désactiver le plugin pour une hauteur et une largeur particulières.

Des identifiants HTML personnalisés^{(Custom HTML IDs)} sont également disponibles si la hauteur de votre pied de page change de page en page, puis pour résoudre le problème de chevauchement, vous devez utiliser  l'identifiant de balise HTML . Eh bien^(Well) , le conteneur de pied de page du thème a un identifiant, par exemple  le conteneur de pied de page du thème par défaut de Twenty Sixteen a un identifiant = "colophon". Dans les identifiants HTML personnalisés^{(Custom HTML IDs)} , je dois entrer uniquement du colophon, sans aucun autre symbole ! Et la barre latérale flottante fonctionnera parfaitement.

J'espère que cet article vous a été utile et que vous avez réussi à apprendre comment ajouter une barre latérale flottante dans le blog Wordpress sans aucun problème. ^(Wordpress)Si vous avez encore des questions concernant ce guide, n'hésitez pas à les poser dans les commentaires.

Vous avez des suggestions ou des idées sur le widget fixe ? Faites le moi savoir car les suggestions sont les bienvenues.

How to Add a Floating Sidebar in Wordpress

Floating sidebar iѕ something which you see on mоst of the wеbsites but today уou are here to learn hоw to add a floating sidеbar in WordPress blog. Floating sidеbarѕ are used in websites to grab the visitors attention and floating sidebar have a very high convеrsion rate іf used wіth the Subscribe widget.

I am using the floating subscribe widget from a long time and I can assure of its result. Well, you can use this with any kind of widget not just with the subscribe widget. You can use it to promote your latest post, Ebook or images etc. Floating sidebar increase the visibility of whatever you want to promote to your visitors and it surely grabs attention.

Before moving any further I would like to tell you that sometimes using sidebar can really hamper your visitor’s retention rate because it messes with the overall experience of the visitor. So you should always use a plain and simple design widget when using with floating sidebar.

How to Add a Floating Sidebar in Wordpress

Now if you want to add a floating sidebar in WordPress blog then you must install this plugin called Q2W3 Fixed Widget. To install it from your admin panel, go to Plugins > Add New then search the plugin. Install and Activate the plugin, so that you can start using it.

After activating the plugin, go to Appearance > Widgets and inside your sidebar click on the widget that you want to make sticky. Just check the little box near Fixed widget option then click save and you will have a nice floating sidebar, pretty easy stuff.

How to configure the Fixed Widget

Don’t get to excited because there is more to the Q2W3 Fixed Widget, go to Appearance > Fixed Widget Options to configure the plugin. On this page, you can set margin, disable the plugin for mobile devices and you can even create a custom HTML ID. Well, let’s get into the details of each one.

Margin Top should be set according to how much space you need between your floating sidebar and the top margin similarly Margin Bottom must be set according to your needs.

One thing I would like to share here is that Margin Bottom must be set so that it doesn’t overlap with your footer. Anway check different values and once you are satisfied with the result click to save.

If you want to disable the plugin for mobile devices just type the value of the screen width below which the plugin will disable in Disable Width and Diable Height. Note that both the values are necessary if you want to disable the plugin for a particular height & width.

Custom HTML IDs are also available if your footer height change page to page then to fix the overlapping issue you should use  HTML tag id. Well, theme footer container has an id for example Twenty Sixteen default theme’s footer container has an id=”colophon”.  In the Custom HTML IDs, I need to enter just colophon, without any other symbols! And Floating sidebar will work perfectly.

I hope this article was helpful to you and you were successfully able to learn how to Add a Floating Sidebar in Wordpress blog without any issues. If you still have any question regarding this guide please feel free to ask them in comments.

Have some suggestions or ideas about fixed widget? Let me know as suggestions are welcome.

Related posts

• Comment déplacer WordPress site d'un hôte à un autre

• Comment installer et installer WordPress sur Microsoft Azure

• Comment faire pour exécuter rapidement WordPress sur blazingly Microsoft Azure

• Comment configurer Privacy dans WordPress et pourquoi il est important

• Comment installer WordPress sur Google Cloud Platform

• 10 plugins WordPress essentiels pour un site Web de petite entreprise

• Comment suivre Broken Links avec Google Webmaster Tool

• Comment mettre à jour PHP dans WordPress

• Protect et sécurisé WordPress website de pirates informatiques

• Tutoriel WordPress Gutenberg : Comment utiliser le nouvel éditeur

• Comment créer un blog Wix aussi bon que WordPress

• Comment créer votre propre popup de coupon dans WordPress

• Montrer l'extrait sur la page d'accueil de WordPress blog

• Comment utiliser WP Super Cache sur le blog WordPress

• WordPress Jetpack : qu'est-ce que c'est et vaut-il la peine d'être installé ?

• Comment faire un WordPress Site Secure

• 7 conseils WordPress pour un site Web adapté aux mobiles

• Comment installer un site de test WordPress sur votre ordinateur

• 11 meilleurs plugins de podcast WordPress

• Création Child Theme dans WordPress