So erstellen Sie eine klebrige Seitenleiste in WordPress mit einem Plugin

Wenn Sie diesen Blog regelmäßig lesen oder dies Ihr erster Besuch ist, sind Ihnen vielleicht einige klebrige Elemente in der Seitenleiste des Blogs aufgefallen?

Eines davon ist das Newsletter-Anmeldeformular.

Manchmal ersetze ich es durch andere wichtige Elemente, die ich präsentieren möchte. Wie bei den Black Friday Deals. Ich hatte die Blog-Post-Kategorie des schwarzen Freitags in der Seitenleiste angeheftet.

Sie können jedes Element in Ihrem Blog klebrig machen, unabhängig davon, was das sein könnte. Es könnte das Blog-Navigationsmenü, Seitenleistenelemente, Fußzeilenmenü, schwebende Widgets usw. sein.

Das Hauptziel ist es, es für Ihre Blog-Benutzer jederzeit sichtbar zu machen.

Entweder sie scrollen nach oben oder unten, das Sticky-Element bleibt an seiner Position und jederzeit sichtbar. Dies hilft, mehr Aufmerksamkeit auf das klebrige Element zu lenken, die Konversionsrate zu verbessern, Engagements zu steigern usw.

Aber lassen Sie uns zuerst, besonders für Anfänger, definieren, was die klebrige Seitenleiste ist? Und warum müssen Sie ein Element Ihres Blogs in der Seitenleiste festhalten?

Was ist die Sticky Sidebar in WordPress?

Eine klebrige Seitenleiste in WordPress oder feste Seitenleiste ist ein Seitenleistenelement, das sichtbar bleibt oder an einer Position bleibt, während Benutzer auf den Webseiten der Website nach oben und unten scrollen.

Es führt zu einer Verbesserung der Call-to-Action-Engagement-Rate, zur Steigerung der Konversion und zur Verbesserung der allgemeinen Benutzererfahrung.

Beispielsweise sorgt eine klebrige Seitenleiste dafür, dass Benutzer schnellen Zugriff auf Ihre wichtigen Nachrichten haben.

Anstatt nach oben zu scrollen, um auf das gewünschte Seitenleistenmenü zu klicken, können Benutzer das Seitenleistenelement schnell finden und auf das klicken, was wirklich wichtig ist, ohne die Seite nach oben zu scrollen.

Warum sollten Sie Sticky SideBar in Ihrem Blog implementieren?

Ich habe die Vorteile der Implementierung einer klebrigen Seitenleiste auf Ihrer Website im obigen Abschnitt ein wenig angesprochen. Aber es lohnt sich, hier etwas weiter nach unten zu gehen.

Als jemand, der in seinem Blog praktische Erfahrungen mit Sticky Sidebar gemacht hat, kann ich Ihnen aus eigener Erfahrung mehr über die Vorteile erzählen.

Erstens, welche Elemente Sie auch immer in Ihrem Blog haften bleiben, dieses Element bleibt jederzeit für jeden sichtbar, der Ihre Website besucht.

Damit lenken Sie mehr Aufmerksamkeit auf dieses bestimmte Element. Sie müssen also priorisieren, was Sie brauchen, um klebrig zu machen.

Wenn Benutzer Ihre Website besuchen, möchten Sie außerdem sicherstellen, dass sie schnellen Zugriff auf Ihre wichtigsten Informationen/Seiten/Inhalte usw. haben. Sie können dies erreichen, indem Sie diese wichtigen Elemente auf der Seite festhalten.

Dies trägt dazu bei, das Engagement der Benutzer zu verbessern, die Konversionsrate zu steigern, die Bekanntheit zu steigern usw.

Ich empfehle jedoch nicht, zu viele Elemente an derselben Website-Position festzuhalten. Beispielsweise sollte die maximale Empfehlung in der Seitenleiste zwei klebrige Elemente sein.

Wenn Sie zu viele klebrige Elemente haben, die an derselben Stelle um Aufmerksamkeit konkurrieren, werden Sie keine bessere Konversionsrate für Ihre wichtigste Botschaft erzielen.

Ich habe nur das Suchfeld und das Anmeldeformular für den Blog-Newsletter in der Seitenleiste dieses Blogs angebracht.

Das Anmeldeformular für den Blog-Newsletter ist das wichtigste Element in der Seitenleiste. Wie Sie sehen können, sorge ich dafür, dass es an dieser Stelle die allgemeine Aufmerksamkeit erhält.

Dies liegt daran, dass der Aufbau einer E-Mail-Liste ganz oben auf der Prioritätenliste steht.

So erstellen Sie eine klebrige Seitenleiste mit einem WordPress-Plugin

Einer der Vorteile von WordPress gegenüber anderen Blogging-Plattformen ist die Möglichkeit, Ihre gewünschte Blog-Funktionalität schnell zu aktivieren, ohne zu wissen, wie man codiert.

Welche Funktion Sie auch immer Ihrem WordPress-Blog hinzufügen möchten, es gibt immer ein Plugin dafür. Sie müssen nur die Einstellungen installieren, aktivieren und aktivieren/konfigurieren.

Das macht WordPress heute zum führenden Content-Management-System der Welt. Eine große Community von Entwicklern unterstützt es gut.

WordPress-Plugins machen es super einfach, alle Elemente in Ihrem Blog klebrig zu machen. Es sind keine Programmierkenntnisse erforderlich. Sie müssen nur installieren und aktivieren.

Das Finden des richtigen WordPress-Plugins für die Aufgabe könnte jedoch eine mühsame Sucherfahrung sein. Sie könnten Stunden damit verbringen, nach dem richtigen Plugin zu suchen.

Was ich hier also tun möchte, ist, Ihnen das Rätselraten zu ersparen.

Heutzutage gibt es viele Sticky Sidebar-WordPress-Plugins, aber ich habe festgestellt, dass das My StickySidebar- WordPress-Plugin ziemlich einfach zu verwenden und zu konfigurieren ist.

Mein StickySidebar-WordPress-Plugin macht es einfach, Ihr Sticky-Sidebar-Element in wenigen Minuten einzurichten. Mit dem Plugin My Sticky Sidebar können Sie in WordPress ein Sticky Floating Sidebar-Widget erstellen.

Es macht den Prozess einfach, auch für Anfänger.

Installation des My StickySidebar-Plugins

Das erste, was Sie tun müssen, um Ihr Sticky-Sidebar-Element einzurichten, ist die Installation des Plugins. Danach aktivierst du es…

Hier ist der Link zu MyStickySidebar im Plugin-Repository von WordPress.org. Laden Sie das Plugin von WordPress.org oder Ihrem WordPress-Adminbereich herunter.

Nach der Installation und Aktivierung müssen Sie die Einstellungsseite öffnen, um das Plugin zu konfigurieren.

Es gibt zwei CSS-Elementklassen oder IDs, die Sie finden müssen.

Das Seitenleistenelement, das Sie fixieren möchten, und die Containerelemente class oder id, die im Seitenleistenelement enthalten sind.

Im Feld Sidebar-Elemente CSS-Klasse oder -ID müssen Sie die Sidebar-Elementklasse oder -ID eingeben, die Sie fixieren möchten.

Wenn Sie den Quellcode der Seite durchsuchen, um die CSS-Klasse oder ID des Sidebar-Elements zu finden, kann dies mühsam sein. Sie können es über den Seitenquellcode finden, aber es erfordert ein paar technische Fähigkeiten, um die Klassen-ID über die Quellseite nachzuschlagen.

In diesem Beitrag erfahren Sie jedoch, wie Sie CSS-Klassen oder -IDs finden.

Sobald Sie die CSS-Klasse oder -ID gefunden haben, müssen Sie den Wert in das Feld eingeben, wie in der Abbildung oben gezeigt.

Scrollen Sie dann die Seite nach unten, um auf die Schaltfläche Speichern zu klicken.

Zusätzliche Einstellungen

Möglicherweise möchten Sie sich andere Einstellungen ansehen, z. B. den oberen und unteren Rand des Seitenrands. Hier können Sie den oberen und unteren Rand in Pixel definieren.

Außerdem können Sie die Regel so einstellen, dass sie deaktiviert wird, wenn die Bildschirmbreite des Benutzers kleiner als ein xxx-Pixel ist.

Hinzufügen eines benutzerdefinierten CSS-Stils

Wenn Sie die kostenpflichtige Version von MyStickySidebar verwenden, können Sie das CSS bearbeiten, vollständig benutzerdefiniertes CSS hinzufügen oder erstellen.

Diese zusätzlichen Funktionen sind nützlich, wenn Sie gut programmieren können und wissen, was Sie tun.

Es besteht die Möglichkeit, MyStickySidebar auf ausgewählten Seiten zu deaktivieren. Dies ist für den Fall, dass Sie die klebrige Seitenleiste auf bestimmten Seiten nicht möchten.

Denken Sie daran, immer auf die Schaltfläche Speichern unten auf der Seite zu klicken, nachdem Sie Änderungen an den Standardeinstellungen vorgenommen haben.

Fazit…

Es gibt viele Gründe, warum Sie ein oder mehrere Elemente in der Seitenleiste festkleben möchten. Was auch immer es ist, stellen Sie sicher, dass Sie die Benutzererfahrung in Ihrem Blog nicht unterbrechen.

Wenn es richtig gemacht wird, sollte eine klebrige Seitenleiste die Benutzererfahrung verbessern und Ihre wichtige Botschaft in den Vordergrund und in die Mitte der Sicht Ihres Publikums bringen.

My Sticky Sidebar ist eines der besten kostenlosen WordPress Sticky-Plugins, mit denen Sie Ihr Ziel erreichen können.