Schwebende Seitenleiste ist etwas, das Sie auf den meisten Websites sehen, aber heute sind Sie hier, um zu lernen, wie man eine schwebende Seitenleiste im WordPress- Blog hinzufügt. Schwebende Seitenleisten werden auf Websites verwendet, um die Aufmerksamkeit der Besucher zu erregen, und schwebende Seitenleisten haben eine sehr hohe Konversionsrate, wenn sie mit dem Abonnieren^(Subscribe) - Widget verwendet werden.

Ich verwende das schwebende Abonnement-Widget seit langem und kann mich seines Ergebnisses versichern. Nun, Sie können dies mit jeder Art von Widget verwenden, nicht nur mit dem Abonnement-Widget. Sie können es verwenden, um Ihren neuesten Beitrag, Ihr E- Book^(Ebook) oder Ihre Bilder usw. zu bewerben. Die schwebende Seitenleiste erhöht die Sichtbarkeit dessen, was Sie für Ihre Besucher bewerben möchten, und erregt mit Sicherheit Aufmerksamkeit.

Bevor ich fortfahre, möchte ich Ihnen sagen, dass die Verwendung der Seitenleiste manchmal die Bindungsrate Ihres Besuchers wirklich beeinträchtigen kann, da dies das Gesamterlebnis des Besuchers beeinträchtigt. Daher sollten Sie bei der Verwendung mit schwebender Seitenleiste immer ein schlichtes und einfaches Design-Widget verwenden.

So fügen Sie eine schwebende Seitenleiste in Wordpress hinzu^(Wordpress)

Wenn Sie nun eine schwebende Seitenleiste im WordPress^(WordPress) -Blog hinzufügen möchten, müssen Sie dieses Plugin namens Q2W3 Fixed Widget installieren . Um es über Ihr Admin-Panel zu installieren, gehen Sie zu Plugins > Add New und suchen Sie dann nach dem Plugin. Installieren^(Install) und aktivieren^(Activate) Sie das Plugin, damit Sie es verwenden können.

Nachdem Sie das Plugin aktiviert haben, gehen Sie zu Appearance > Widgets und klicken Sie in Ihrer Seitenleiste auf das Widget, das Sie sticky machen möchten. Aktivieren Sie einfach das kleine Kästchen neben der Option Fixed Widget, klicken Sie dann auf Save und Sie haben eine schöne schwebende Seitenleiste, ziemlich einfaches Zeug.

So konfigurieren Sie das feste Widget

Seien Sie nicht zu aufgeregt, denn das Q2W3 Fixed Widget hat noch mehr zu bieten , gehen Sie zu Appearance > Fixed Widget Optionen^(Options) , um das Plugin zu konfigurieren. Auf dieser Seite können Sie den Rand festlegen, das Plugin für mobile Geräte deaktivieren und sogar eine benutzerdefinierte HTML-ID erstellen . Nun^(Well) , lassen Sie uns auf die Details der einzelnen eingehen.

Der obere Rand^(Top) sollte entsprechend dem Platzbedarf zwischen Ihrer schwebenden Seitenleiste und dem oberen Rand eingestellt werden, ebenso muss der untere Rand entsprechend Ihren Anforderungen eingestellt werden.^{(Margin Bottom)}

Eine Sache, die ich hier teilen möchte, ist, dass Margin Bottom so eingestellt werden muss, dass er sich nicht mit Ihrer Fußzeile überschneidet. Überprüfen^(Anway) Sie trotzdem verschiedene Werte und wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf Speichern.

Wenn Sie das Plugin für mobile Geräte deaktivieren möchten, geben Sie einfach den Wert der Bildschirmbreite ein, unterhalb der das Plugin in Disable Width und Diable Height deaktiviert wird . Beachten Sie, dass beide Werte erforderlich sind, wenn Sie das Plugin für eine bestimmte Höhe und Breite deaktivieren möchten.

Benutzerdefinierte HTML-IDs^{(Custom HTML IDs)} sind auch verfügbar, wenn sich Ihre Fußzeilenhöhe von Seite zu Seite ändert. Um das Problem der Überlappung zu beheben, sollten Sie die  HTML -Tag-ID verwenden. Nun^(Well) , der Footer-Container des Themes hat eine ID zum Beispiel  . Der Footer-Container von Twenty Sixteen Standard-Theme hat eine ID = „colophon“. In den benutzerdefinierten HTML-IDs^{(Custom HTML IDs)} muss ich nur Kolophon eingeben, ohne andere Symbole! Und die schwebende Seitenleiste funktioniert perfekt.

Ich hoffe, dieser Artikel war hilfreich für Sie und Sie konnten erfolgreich lernen, wie man ohne Probleme eine schwebende Seitenleiste im Wordpress- Blog hinzufügt. ^(Wordpress)Wenn Sie noch Fragen zu diesem Leitfaden haben, können Sie diese gerne in den Kommentaren stellen.

Haben Sie Vorschläge oder Ideen zu festen Widgets? Lassen Sie es mich wissen, da Vorschläge willkommen sind.

How to Add a Floating Sidebar in Wordpress

Floating sidebar is something whiсh you see on most of the websites but today you are here to learn how to add a floating sidebаr in WordPress blog. Floatіng sidebarѕ are used in websites to grab the visitors attention and floating sіdеbar have a very high convеrsion rаte if used with 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

• So verschieben Sie eine WordPress-Site von einem Host auf einen anderen

• So installieren und konfigurieren Sie WordPress auf Microsoft Azure

• So führen Sie blitzschnelles WordPress auf Microsoft Azure aus

• So konfigurieren Sie den Datenschutz in WordPress und warum es wichtig ist

• So installieren Sie WordPress auf der Google Cloud Platform

• So verwenden Sie Lumen5, um Ihren Blog-Beitrag in ein Video umzuwandeln

• So beschleunigen Sie jede WordPress-Site mit .HTACCESS

• So richten Sie WordPress manuell auf einer Domain ein

• So installieren Sie eine WordPress-Testseite auf Ihrem Computer

• So verfolgen Sie defekte Links mit dem Google Webmaster Tool

• So installieren Sie ein Theme auf WordPress

• WordPress zeigt HTTP-Fehler beim Hochladen von Bildern

• WordPress Jetpack: Was ist das und lohnt es sich zu installieren?

• So finden Sie Ihr WordPress-Admin-Login

• So richten Sie Ihre eigene Twitter-ähnliche Website mit dem P2-Theme von WordPress ein

• So führen Sie effektive Split-Tests in WordPress durch

• So erstellen Sie einen Wix-Blog, der genauso gut ist wie WordPress

• 7 WordPress-Tipps für eine mobilfreundliche Website

• So schützen Sie Seiten auf Ihrer WordPress-Website mit einem Passwort

• Wix Vs WordPress: Was ist am besten für die Erstellung Ihrer Website?