Banner - WP Bistro Sparringspartner für WordPress

Custom Sidebars – Mehr Flexibilität für die Seitenleiste

Individuelle Sidebars in WordPress

Individuelle Sidebars in WordPressDieser Beitrag wurde ursprünglich am 24.02.2014 veröffentlicht und am 28.09.2015 aktualisiert.

****

Die Möglichkeit, in einer Seitenleiste (sogenannte „Sidebars“) flexibel Inhalte unterzubringen ist eine der wirklich großartigen Errungenschaften von WordPress.

Mit Hilfe von unzähligen Widgets, die WordPress standardmäßig oder auch über Plugins zur Verfügung stellt ist es ein Kinderspiel, wichtige Informationen wie zum Beispiel die nächsten Seminar-Termine, Hinweise auf besondere Angebote oder einfach nur die Kontaktdaten gut sichtbar zu platzieren und schnell zu aktualisieren.

Aber kennen Sie das? Sie möchten auf Ihrer Startseite gern ein Newsletter-Anmeldeformular und Ihre Kontaktdaten in der Sidebar zeigen, auf der Seite „Leistungen“ hätten Sie aber gern einen Eventkalender, der Ihre nächsten Seminar-Termine anzeigt und im Blog wünschen Sie sich eine Seitenleiste mit der Übersicht der letzten Artikel und Kommentare. In Ihrem Theme besteht aber nur die Möglichkeit, eine einzige Sidebar anzulegen. Was tun?

WordPress wäre nicht WordPress wenn es kein Plugin gäbe, dass hier Abhilfe schafft. Meine Plugin-Empfehlung: Custom Sidebars

Was kann Custom Sidebars?

Mit Hilfe von Custom Sidebars ist es möglich, beliebig viele eigene Sidebars anzulegen, die dann anstelle der Standard-Sidebars des Themes verwendet werden können.

Sie können festlegen, welche der vorhandenen Widgetbereiche (Sidebar = Widgetbereich 🙂 ) durch eine der neu angelegten Sidebars ersetzt werden können und Standard-Sidebars festlegen, z.B. für den Blog, Archivseiten oder für jede einzelne Beitragskategorie.

Darüber hinaus ist es auch möglich, jeder einzelnen Seite und jedem einzelnen Beitrag eine individuelle Seitenleiste zuzuordnen. Der Kreativität sind also keine Grenzen mehr gesetzt.

Einrichtung

Nach der Installation und Aktivierung es Plugins finden Sie im WordPress-Dashboard unter dem Menüpunkt „Design“ – „Widgets“ einen neuen Button mit der Aufschrift „Neue Sidebar erstellen“

Custom Sidebars - Button unter Widgets
Zum Vergrößern bitte Bild anklicken

Die Export / Import-Version steht nur in der Pro-Version des Plugins zur Verfügung, daher gehe ich darauf hier nicht näher ein.

Nach Klick auf den Button öffnet sich ein Fenster, in dem man für die neue Sidebar einen Namen und einen Beschreibungstext vergeben kann.

Achten Sie darauf, dass Sie einen eindeutigen Namen für die neue Sidebar vergeben, so dass Sie auch in einigen Wochen oder Monaten noch wissen, wofür Sie diese angelegt haben. Hilfreich ist es auch, eine kurze Beschreibung anzugeben. Das hilft insbesondere bei sehr vielen individuellen Widgetbereichen die Übersicht zu bewahren.

Name für die Sidebar vergeben
Zum Vergrößern bitte Bild anklicken

Nachdem Sie auf „Sidebar erstellen“ geklickt haben, erscheint diese neue Sidebar unter „Design“ – Widgets und kann dort ganz normal wie alle anderen Seitenleisten mit Inhalten gefüllt werden.

Individuelles Widget erstellen
Zum Vergrößern bitte Bild anklicken

Anzeigeoptionen

Durch Klick auf „Anzeigeoptionen“ (unten rechts in der Sidebar) haben Sie jetzt die Möglichkeit, festzulegen ob die neue Sidebar standardmäßig für bestimmte Bereiche Ihrer Website angezeigt werden soll. So können Sie z.B. definieren, dass eine bestimmte Sidebar auf allen Blogseiten angezeigt wird oder zu allen Artikeln, die Sie einer bestimmten Kategorie zugeordnet haben.

Anzeigeoptionen für Custom Sidebars
Zum Vergrößern bitte Bild anklicken

Individuelle Sidebar je Seite oder Beitrag

Wenn Ihnen diese Flexibilität noch nicht ausreicht, weil Sie gern eine ganz individuelle Seitenleiste für bestimmte Seiten oder Blogartikel wünschen – Auch dann hilft Ihnen Custom Sidebars weiter.

Wenn das Plugin aktiviert ist, finden Sie im Seiten- bzw. Beitragseditor in der rechten Spalte ein neues Kästchen mit der Überschrift „Sidebars“. Hier haben Sie die Möglichkeit, für alle Widgetbereiche die im Theme zur Verfügung stehen, eine alternative Sidebar definieren. Dafür müssen Sie lediglich im Dropdown die gewünschte Sidebar auswählen. Ganz einfach 🙂

Individuelle Sidebar für Seiten und Beiträge festlegen
Zum Vergrößern bitte Bild anklicken

Damit bin ich am Ende dieses kleinen Tutorials angelangt.

Brauchen Sie vielleicht noch ein paar Ideen, wie die perfekte Sidebar aussehen könnte? Dominik Horn hat auf seinem Blog media affin ein paar interessante Gedanken dazu veröffentlicht.

Nutzen Sie bereits individuelle Sidebars für Ihre WordPress-Website? Wenn ja, wofür? Ich freue mich auf Ihre Erfahrungen in den Kommentaren.

Bildquelle:
© vladischern – Fotolia.com

Kommentare

47 Kommentare zu „Custom Sidebars – Mehr Flexibilität für die Seitenleiste“

  1. Hallo,
    ein sehr interessanter und nützlicher Artikel. Habe hier auf dem Blog auch noch einige andere nützliche dinge gefunden. Daher habe ich auch gleich den Rundbrief abonniert 🙂
    Viele Grüße
    Ann-Bettina

    1. Michaela Steidl

      Hallo Ann-Bettina, ich freue mich sehr, dass Dir mein Blog so gut gefällt, dass Du den Rundbrief gleich mit abonniert hast 🙂

      Vielleicht hast Du ja auch Lust, einmal bei einem meiner Bistro-Webinare mit dabei zu sein? Ich würde mich freuen 🙂

      Herzliche Grüße
      Michaela

  2. […] Custom Sidebars – Dieses Plugin habe ich hier im Blog schon einmal vorgestellt […]

  3. Melanie

    Super Beitrag! Hat mir gerade weitergeholfen!
    LG Melli

    1. Heike

      Hallo Michaela,
      gilt die Beschreibung dieses Plugins für die Pro-Version? Die hier beschriebenen Möglichkeiten stehen mir nach dem Aktivieren nicht zur Verfügung – und auch nicht in Deutsch. Downlowad heute!

      LG
      Heike

      1. Michaela Steidl

        Hallo Heike, die Einstellungen des Plugins wurden in den letzten Monaten von den Entwicklern komplett überarbeitet, so dass diese Anleitung leider nicht mehr aktuell ist.

  4. Ingrid

    Hallo Michaela !
    Du hast immer tolle Beiträge, man merkt das Herzblut für die Sache!

    LG!
    Ingrid

    1. Danke sehr für die nette Rückmeldung 🙂

      Herzliche Grüße
      Michaela

  5. Fimo

    Hallo Michaela,

    mittlerweile hat sich deine Seite zum Thema WordPress zu meiner Lieblingsseite entwickelt. Great Job !
    Kannst Du mir sagen warum sich die Schrift auf meiner in Custom Sidebar erstellten Sidebar ändert. Wie kann ich das anpassen ?

    Danke

    1. Hallo Fimo,
      ich freue mich, dass Dir mein Blog gefällt.

      Wegen der Schrift in der Sidebar kann ich nur vermuten dass sich die Klasse der Sidebar irgendwie ändert und daher die CSS-Regeln des Themes nicht mehr korrekt greifen.

      Hast Du mal einen Beispiel-Link zu einer „normalen“ Sidebar und einer Sidebar, die über Custom Sidebar eingestellt wurde.

      Herzliche Grüße
      Michaela

  6. Hallo,

    vielen Dank für diesen interessanten Beitrag. Ich werde mir die Funktionalität des Plugins mal genauer anschauen, da ich schon länger auf der Suche nach einer Lösung für eine individuelle Sidebar bin.

    viele Grüße
    Stefan

    1. Michaela Steidl

      Viel Spaß beim Testen 🙂

      Herzliche Grüße
      Michaela

  7. Hallo! Auch wenn der Artikel schon etwas älter ist, habe ich ihn mit Interesse gelesen. Ich bin gerade dabei auf WordPress umzustellen und sogesehen noch ein Neuling mit diesem CMS! Ich suche gerade händeriingend nach einer Möglichkeit ein Inhaltsverzeichnis in der Sidebar anzuzeigen, mit dem der leser gleich auf die entsprechenden Kapitel bzw. Überschriften auf der gleichen Seite klicken kann. Also praktisch ein table of contents welches die Textüberschriften anzeigt und dabei gleich auf die entsprechende Stelle im Text verlinkt. Hoffe, es kann mir hier jemand weiterhelfen. Ob es sich dabei um ein Template oder ein Widget handelt, was sich mit dem Content auf der Seite verknüft ist eigentlich egal, auf das Resultat kommt es an. Schon mal vielen Dank im Voraus und an die Autorin für den spannenden Artikel!

    1. Hallo Florian,

      schau mal, ich glaube, das ist genau das, was Du suchst:
      https://de.wordpress.org/plugins/table-of-contents-plus/

      Herzliche Grüße
      Michaela

  8. Hallo Michaela,

    Tausend Dank!!!! Das war genau das was wirh gesucht haben und es scheint sehr gut zu funktionieren 🙂

    Liebe Grüße,

    Florian

  9. Sebastian

    Hallo Michaela,
    wie sieht es mit der Performance aus, nachdem ich das Plugin installiert habe. Drückt das Plugin auf die Schnelligkeit der Seite?
    Vielen Dank im Voraus
    Sebastian

    1. Michaela Steidl

      Hallo Sebastian, ich empfehle Plugins grundsätzlich nur, wenn ich selber gute Erfahrungen damit gemacht habe und ich keine negativen Einflüsse auf die Performance der Website erkennen kann.

      Das trifft auch auf Custom Sidebars zu – mir ist bisher nicht aufgefallen dass es sich irgendwie negativ auf die Ladezeiten ausgewirkt hätte.

      Herzliche Grüße
      MIchaela

      1. das kann ich nur bestätigen. Nach mehreren Tests läuft das Plugin einwandfrei und beeeinträchtigt auch nicht die Ladezeit der Seite.

        Viele Grüße,

        Florian

  10. Nicola

    Hallo, bei mir geht dieses PlugIn nicht mehr.. Ich klicke auf „neue Sidebar erstellen“ und es kommt einfach nichts.. Hab ich zuviele?

    1. Hallo Nicola,
      das könnte auch ein Konflikt mit einem anderen Plugin sein.

      Teste mal ob das Problem bestehen bleibt wenn Du alle anderen Plugins deaktivierst. Wenn ja, dann aktiviere ein Plugin nach dem anderen um so den Übeltäter zu identifizieren.

      Herzliche Grüße
      Michaela

  11. Hallo Michaela,
    ich bin mittlerweile von WordPress begeistert und habe gleich noch eine Frage an die Expertin 🙂

    Ich suche für eine Reiseveranstalterseite eine CRM Plugin für WordPress oder Woocomerce mit dem man Produkte und Preise hinterlegen kann und dann auch automatisch Angebote, Rechnungen und Bestätigungen an Kunden versenden kann. Ich habe gesehen, dass es sehr viele CRM Plugins für beides gibt, aber vielleicht hast du ja einen Tipp. Wichtig für den Shop wäre natürlich eine Kalenderfunktion, da ja keine normalen Produkte verkauft werden. Wenn man Kunden manuell anlegen kann, aber auch eine E-Mail Verbindung bzw, eine Kundenhistorie existiert wäre das perfekt. Hast du einen Tipp?

    1. Hallo Florian,
      ich muss zugeben, hier bin ich leider völlig überfragt. Ich könnte zwar nach CRM-Plugins googeln, aber aus eigener Erfahrung kenne ich leider keines, ich hatte so etwas noch nie im Einsatz.

      Herzliche Grüße
      Michaela

  12. Hallo Michaela,

    danke dir trotzdem für deine schnelle Rückmeldung! Vielleicht kennt sich ja jemand anderes hier damit aus.

    Falls ich was finde, poste ich mal hier!

    Viele Grüße

    Florian

    1. Ja, das wäre Klasse. Danke!

      Herzliche Grüße
      Michaela

  13. hallo Michaela,
    ich nutze das Plungin schon länger. Jetzt habe ich ein neues Element (Text) in die Sidebar eingefügt. Es ist aber nur sichtbar, wenn ich selbst eingeloggt bin. Die Einstellungen sind dieselben wie bei anderen Elementen. Hast Du eine Idee, woran das liegen könnte?
    Gruß, Birgit

    1. Hallo Birgit,

      nutzt Du eventuell ein Caching-Plugin? Dann könnte es sein dass Du im ausgeloggten Zustand noch eine gecachte Version der Seite siehst und deswegen das neue Element noch nicht.

      Wenn du ein Caching-Plugin nutzt einfach mal den Cache leeren, eventuell löst das Dein Problem bereits.

      Herzliche Grüße
      Michaela

  14. hallo Michael,
    danke für den Hinweis. Das Caching-Plugin war’s nicht. Habe rumprobiert und es herausgefunden. Es reicht nicht, nur das Widget zu verändern. Man muss die Seite selbst noch einmal aktualisieren…
    Gruß, Birgit

    1. Danke Birgit dass Du das hier noch teilst. Das hilft anderen bestimmt auch weiter!

      Herzliche Grüße
      Michaela

  15. Gibt es die Möglichkeit diese Custom Sidebar zwischen einem Textblock und einer Tabelle einzufügen?
    Leider habe ich es bis dato nur geschafft eine horizontale Sidebar nach dem Textblock und der Tabelle darzustellen und so will ich es nicht haben 🙁
    Vielen Dank für einen guten Tipp.

    Viele Grüße

    1. Michaela Steidl

      Hallo Sonja, die Custom Sidebar kannst Du nur dort einfügen, wo Dein Theme standardmäßig eine Sidebar vorsieht. Zwischen Text und Tabelle wäre ja in der Seite bzw. im Beitrag selbst.

      Ich glaube, dieses Plugin ist da eher, was Du suchst:
      https://de.wordpress.org/plugins/widgets-on-pages/

      Ich hoffe, das hilft Dir weiter.

      Herzliche Grüße
      Michaela

  16. Interessanter Beitrag. Gibt es auch ein Möglichkeit, die Sidebar breiter zu machen? Ich habe ein Plugin gefunden, welches Daten in der Sidebar anzeigt, doch es ist zu breit, so dass man nur die Hälfte sieht.

    1. Michaela Steidl

      Hallo E.B.,

      die Sidebar breiter machen kannst Du – wenn Dein Theme keine entsprechenden Theme-Options bietet – leider nur über Anpassungen im CSS Deines Themes. Mit einem Plugin ist das leider nicht machbar.

      Herzliche Grüße
      Michaela

  17. Lara

    Liebe Michaela,
    ich werde Dich wohl öfter besuchen. Wirklich klasse Deine Seite! Danke dafür. Ein tolles Gefühl, als Neuling endlich mal etwas zu verstehen 🙂
    Da kann ich mich ja bald an die Arbeit machen LG Lara

  18. Steffen

    Hallo Michaela,

    Ich nutze selber dieses Plugin und und bin soweit eigentlich sehr zufrieden mit der Funktionsweise. Allerdings wirkt sich das Plugin sehr auf die Ladezeit aus. Kennst du vielleicht eine alternative die die selben Funktionen mit sich bringt? liebe Grüße Steffen

    1. Hallo Steffen,

      als Ladezeitenfresser ist mir das Plugin bisher noch nicht aufgefallen, aber ich habe das auch nicht immer 100%ig im Auge 🙂

      Eine wirklich sinnvolle Alternative habe ich nicht – es sei denn, Du verwendest ein Theme, dass die Möglichkeit der alternativen Sidebar bereits von Haus aus mitbringt.

      Herzliche Grüße
      Michaela

  19. Paul Stähli

    Hallo Michaela,
    Ich verwende diese Plugin schon seit einiger Zeit. Nun ist plötzlich ein Problem aufgetreten: Im Seiten- und Blog Editor erscheint die Sidebar Auswahl nicht mehr.
    Eine Ahnung, an was das liegen könnte?

    Danke und Gruss
    Paul

    1. Hallo Paul,

      bei so merkwürdigen Fehlern wäre meine erste Idee, immer erstmal alle anderen Plugins zu deaktivieren um zu schauen, ob vielleicht ein anderes Plugin einen Konflikt verursacht.

      Alternativ mal mit einem anderen Theme versuchen – wenn der Fehler dann nicht auftritt, ist es vermutlich ein Konflikt mit dem Theme.

      Ich hoffe, das hilft Dir weiter?

      Herzliche Grüße
      Michaela

  20. Hallo Michaela, vielen Dank für die tolle Anleitung und überhaupt für deinen Blog, den ich immer wieder gerne aufrufe. Vielleicht hast du einen Tipp für mich bei meinem aktuellen Problem: Ich habe eine Custom Sidebar eingerichtet, die auch auf den Seiten wie gewünscht aussieht, auf den Beiträgen aber komplett anders (obwohl sie dort genau so eingebettet wurde). Woran kann das liegen? Dank & Gruß, Regina

    1. Hallo Regina,

      Danke für das schöne Feedback zu meinem Blog 🙂

      Wegen Deiner Sidebar: Das ist so von „außen“ leider schwer zu sagen. Wir die Sidebar denn bei den Beiträgen angezeigt, aber in einem anderen Layout? Oder wird die „Custom Sidebar“ gar nicht genutzt?

      Vielleicht kannst Du ja mal zwei Links nennen – zu einer Seite und einem Beitrag, in dem die entsprechende Sidebar eingebunden sein sollte?

      Herzliche Grüße
      Michaela

      1. Regina

        Liebe Michaela, herzlichen Dank für die schnelle und freundliche Antwort. Ist ja leider eine Seltenheit bei Blogbetreibern geworden …
        Die eigentlichen Seiten sind privat bzw. passwortgeschützt, aber ich habe dir mal Beispiele erstellt, auf denen man die unterschiedlichen Sidebars gut sieht:
        Permalink: https://www.aktive-buergerschaft.de/beitrag-beispiel/
        Permalink: https://www.aktive-buergerschaft.de/seite-beispiel/
        Im Textfeld habe ich die mal die Einstellungen aufgelistet.
        Vielleicht erkennst du mit deinem Kennerblick, was da das Problem ist.
        Mit dankbarem & liebem Gruß,
        Regina

  21. Die Sidebar ist ja sehr aus der Mode gekommen, seitdem es mobile Geräte gibt. Auf denen ist meistens kein Platz um die Sidebar noch dar zu stellen und dass ist wohl der Grund, warum sie in modernen Designs kaum noch vorkommt.

    Viele Designer sind der Ansicht, dass man die Funktionen der Sidebar auch in das Menü integrieren kann, das sehe ich aber anders. Meiner Meinung nach, sollten in die Sidebar Informationen rein, die zwar verzichtbar, aber dennoch praktisch sind. Das Menü dient dagegen ausschließlich zur Navigation.

    Unter den Content schieben (das habe ich längere Zeit gemacht), ist irgendwie auch keine Lösung, denn so weit nach unten scrollt doch eh keiner.

    Ich bin gerade dabei ein wenig zu recherchieren, wie andere das Problem lösen und habe selbst auch einen Lösungsansatz entwickelt, von dem ich aber nur teilweise überzeugt bin. Wie gehst denn du mit der Sidebar im Design um? Auf dieser Seite hier, verschwindet sie ja auch.

    1. Hallo Raphael, hier im WP Bistro nutze ich die Sidebar noch im Blog – da siehst Du sie in der Blogübersicht sowie bei jedem einzelnen Beitrag. Mobil wird sie unter den eigentlichen Beitrag verschoben und wird daher vermutlich den meisten mobilen Besuchern nicht angezeigt. Allerdings habe ich erstaunlicherweise auf meine Website weniger als 5% Seitenzugriffe über mobile Geräte – was vermutlich mit dem Thema zu tun hat. Wer Fragen zu WordPress hat sitzt vermutlich gerade eher am Rechner als am Smartphone 🙂

      Herzliche Grüße
      Michaela

  22. Hallo Michaela, vielen Dank für diese Beschreibung. Leider habe ich folgendes Problem mit dem Plugin: Immer wenn ich ein neues Widget erstelle und in die Sidebar einrichte dann erscheint sie doppelt. Lösche ich eine davon sind beide verschwunden. Kannst du dir das erklären? Herzlichst Elmar

  23. Hallo Michaela, ENTWARNUNG! Der Grund für die Doppelung war das aktive Plugin: Sticky Post, das mit dem Plugin Custom Sidebars empfohlen wurde und daher von mir mit installiert war. Ich habe es deaktiviert und siehe, alles funktioniert bestens. Herzlichst Elmar

    1. Hallo Elmar,
      ganz lieben Dank, dass Du das mit uns teilst. Gut, dass Du die Lösung efunden hast.

      Herzliche Grüße
      Michaela

  24. Stefanie Hauschildt

    Hallo Michaela, danke für dein Tutorial. Ich habe eine ganz konkrete Frage zu dem Plugin Custom Sidebars: Wenn ich das Widget „Advance Category Posts Widget“ verwende, um in der Sidebar auf weitere Beiträge zu verweisen und dabei als „Post Display Mode“ dann „Slider“ auswähle, werden die Beiträge (Beitragsbild + Titel) mit einer sehr grellen blauen Füllfarbe hinterlegt. Gibt es eine Möglichkeit diese Farbe zu ändern bzw. zu entfernen? Viele Grüße Steffi

Antworte auf den Kommentar von Fimo Antwort abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert