WordPress Widgets erklärt: Sidebar und Footer selbst gestalten

WordPress-Websites bestehen aus mehr als nur Beiträgen und Seiten. Rund um den eigentlichen Inhalt gibt es Bereiche, die Besucher beim Navigieren unterstützen, weiterführende Informationen liefern oder den Kontakt erleichtern. Genau dafür sind Widgets gedacht - und wer verstanden hat, wie sie funktionieren, kann das Erscheinungsbild seiner Website ohne eine einzige Zeile Code gezielt steuern.

In über einem Jahrzehnt WordPress-Projekten für kleine und mittlere Unternehmen - von Hamburg bis in den polnischen Markt - erlebe ich immer wieder dieselbe Situation: Der Kunde hat eine fertige Website, möchte aber die Seitenleiste anpassen oder den Footer mit seinen Kontaktdaten ergänzen, und weiß nicht, wo er anfangen soll. Die Antwort lautet fast immer: Widgets. Dieses Grundlagenwissen nimmt die Unsicherheit.

Was ist ein Widget - und was ist es nicht?

Stellen Sie sich ein Widget wie ein Klebebaustein vor, der eine bestimmte Funktion mitbringt. Ein solcher Baustein kann eine Suchleiste sein, eine Liste der letzten Blogartikel, eine Aufzählung Ihrer Kategorien oder ein einfacher Textblock mit Ihrer Telefonnummer. Sie nehmen diesen Baustein und befestigen ihn an einer vorbereiteten Stelle Ihrer Website - fertig.

Was ein Widget nicht ist: ein Plugin. Plugins und Widgets verwechseln viele Einsteiger. Ein Plugin ist eine Erweiterung, die WordPress neue Fähigkeiten beibringt. Viele Plugins bringen als Nebenprodukt auch Widgets mit. Das WooCommerce-Plugin beispielsweise fügt Widgets für den Warenkorb, Produktkategorien oder Produktfilter hinzu. Das Plugin ist die Maschine - das Widget ist der Schalter, den Sie sichtbar einbauen.

Widget-Bereiche: Wo Widgets landen können

Nicht jede Stelle einer WordPress-Website kann Widgets aufnehmen. Das Theme - also das Design-Grundgerüst Ihrer Website - legt fest, welche Bereiche überhaupt für Widgets vorgesehen sind. Diese Bereiche heißen im WordPress-Jargon Widget-Bereiche oder Widget Areas.

Die häufigsten Widget-Bereiche:

• Sidebar (Seitenleiste): Die schmale Spalte neben dem Hauptinhalt, typischerweise bei Blog-Seiten und Einzelartikeln. Hier finden sich klassischerweise Suche, Kategorien und Neueste Beiträge.
• Footer-Bereiche: Die meisten modernen Themes teilen den Footer in zwei bis vier gleich breite Spalten auf. Jede Spalte ist ein eigener Widget-Bereich. So entsteht ein strukturierter Fußzeilenbereich mit Kontaktdaten, Links und Öffnungszeiten.
• Gelegentlich: Header-Bereiche, Bereiche über oder unter dem Inhalt, Widget-Bereiche in der Navigation.

Welche Widget-Bereiche Ihr Theme anbietet, sehen Sie sofort, wenn Sie zu Design > Widgets navigieren. Die rechte Seite dieser Ansicht listet alle verfügbaren Bereiche auf. Ein Theme wie Blocksy - das ich häufig für Kundenprojekte einsetze - bietet oft mehrere Footer-Spalten und eine Sidebar, während ein minimalistisches Ein-Spalten-Theme möglicherweise nur den Footer-Bereich kennt.

Wie Sie Widgets hinzufügen, verschieben und entfernen

Der Weg zur Widget-Verwaltung führt im WordPress-Dashboard über Design und dann Widgets. Sie landen auf einer Übersicht mit zwei Bereichen: links alle verfügbaren Widgets, rechts die Widget-Bereiche Ihres Themes.

Widget hinzufügen: Klicken Sie auf den Widget-Bereich, in den Sie etwas einfügen möchten - er öffnet sich. Dann klicken Sie auf das blaue Plus-Symbol und suchen das gewünschte Widget. Alternativ ziehen Sie es per Drag-and-Drop vom linken Bereich in den gewünschten Widget-Bereich rechts.

Reihenfolge ändern: Innerhalb eines Widget-Bereichs können Sie die Reihenfolge per Drag-and-Drop anpassen. Das Widget, das oben steht, erscheint auch auf der Website oben in diesem Bereich.

Widget entfernen: Klicken Sie auf das Widget im Bereich, dann auf die drei Punkte oben rechts im Widget-Block und wählen Sie Entfernen. In der klassischen Ansicht gibt es einen Entfernen-Link am unteren Rand jedes Widgets.

Widget konfigurieren: Die meisten Widgets haben einfache Einstellungsfelder. Das Widget Neueste Beiträge fragt beispielsweise, wie viele Beiträge angezeigt werden sollen. Das Kategorien-Widget bietet die Wahl zwischen Listen- und Dropdown-Darstellung. Nach jeder Änderung auf Aktualisieren klicken.

Die wichtigsten Standard-Widget-Typen

WordPress liefert nach der Installation eine Reihe nützlicher Widgets mit. Hier die Typen, die in der Praxis am häufigsten zum Einsatz kommen:

Suche: Ein simples Suchfeld, das Besucher auf Ihrer Website nach Inhalten suchen lässt. Für Websites mit mehr als einem Dutzend Seiten oder Blogartikeln gehört dieses Widget in die Sidebar - es spart Besuchern Zeit und hält sie länger auf der Website.

Neueste Beiträge: Zeigt die zuletzt veröffentlichten Blogartikel mit optionalem Erscheinungsdatum. Gut geeignet für die Sidebar, um Leser auf frische Inhalte aufmerksam zu machen.

Kategorien: Listet alle Ihre Blog-Kategorien und verlinkt auf die jeweiligen Kategorie-Archivseiten. Hilfreich für thematisch breite Blogs, wo Besucher gezielte Interessen haben.

Benutzerdefiniertes HTML: Einer der flexibelsten Widget-Typen überhaupt. Sie können hier einfachen Text, HTML-Auszeichnung oder kurze Skripte eintragen. Praktisch für Kontaktdaten, eingebettete Karten, Newsletter-Anmeldeformulare externer Anbieter oder Social-Media-Links.

Bild: Fügt ein einfaches Bild in einen Widget-Bereich ein - zum Beispiel ein Zertifikat, ein Partnerlogo oder ein Portraitfoto.

Navigationsmenü: Platziert ein bereits erstelltes Navigationsmenü in einem Widget-Bereich. Besonders im Footer nützlich, wo häufig Kurzlinks zu Impressum, Datenschutz und Kontakt erscheinen sollen.

Text: Der Vorgänger des HTML-Widgets - eignet sich für formatierten Text mit einfachem Editor. Für etwas mehr Flexibilität greife ich in der Praxis meistens direkt zum Benutzerdefiniertes-HTML-Widget.

Social-Media-Icons und externe Widget-Quellen

WordPress selbst liefert kein fertiges Social-Icons-Widget. Das ist aber kein Problem, denn es gibt zwei pragmatische Wege.

Erster Weg: Ein schlankes Plugin installieren, das genau das liefert. Plugins wie Simple Social Icons oder Social Icons Widget stellen fertige Widgets bereit, in denen Sie Ihre Profil-URLs eintragen und Farbe sowie Größe der Icons einstellen. Die Konfiguration dauert wenige Minuten.

Zweiter Weg: Das Widget Benutzerdefiniertes HTML nutzen und dort einfache Text-Links eintragen. Das sieht ohne Styling schlicht aus, funktioniert aber zuverlässig und braucht kein zusätzliches Plugin.

Bei einem Kunden aus dem Hamburger Einzelhandel haben wir uns für den zweiten Weg entschieden - schlichte Textlinks im Footer, dafür komplett ohne Plugin-Abhängigkeit. Das reichte für seine Zwecke vollständig aus.

Klassische Widgets und Block-Widgets - was Sie wissen müssen

Seit einigen Jahren gibt es in WordPress zwei parallele Welten bei Widgets: die klassische Oberfläche und die block-basierte Oberfläche.

Die klassische Widget-Oberfläche kennen alle, die WordPress schon länger nutzen. Jedes Widget hatte ein einfaches Formular mit Feldern für Titel und wenige Einstellungen. Schnell, übersichtlich, wenig Lernaufwand.

Die block-basierte Widget-Oberfläche - die in neueren WordPress-Versionen Standard ist - bringt den Gutenberg-Block-Editor in die Widget-Verwaltung. Das bedeutet: In jeden Widget-Bereich können Sie dieselben Blöcke einfügen wie in einen Blogbeitrag. Absatz, Bild, Schaltfläche, Tabelle, Spalten - alles steht zur Verfügung. Das eröffnet deutlich mehr Gestaltungsmöglichkeiten, erfordert aber eine gewisse Vertrautheit mit dem Block-Editor.

Für Einsteiger, die mit dem Block-Editor noch nicht vertraut sind, gibt es das Plugin Classic Widgets. Es stellt die gewohnte, einfachere Oberfläche wieder her. Ich empfehle das Plugin manchmal als Übergangslösung für Kunden, die ihre Website selbst pflegen und zunächst Schritt für Schritt mit WordPress vertraut werden möchten.

Typische Anfängerfehler und wie Sie sie vermeiden

Der häufigste Fehler: die Sidebar mit zu vielen Widgets überladen. Wenn Besucher in der Seitenleiste Suche, Kategorien, Neueste Beiträge, Tags, Archive, Kalender und ein Bild vorfinden, verlieren sie die Orientierung. Wählen Sie zwei bis drei Widgets, die Ihrer Zielgruppe echten Mehrwert bringen, und streichen Sie den Rest.

Ein weiterer Fehler: Widgets aktivieren und dann nie konfigurieren. Ein Kategorien-Widget, das alle 47 Kategorien auflistet, ist weniger hilfreich als eine fokussierte Auswahl. Nehmen Sie sich fünf Minuten, um die Einstellungen jedes Widgets zu prüfen.

Dritter Fehler: Vergessen zu prüfen, wie die Website auf dem Smartphone aussieht. Ein voller Footer auf dem Desktop kann auf einem kleinen Bildschirm endlos lang werden. Kontrollieren Sie die mobile Ansicht, nachdem Sie Widgets hinzugefügt haben.

Für einen Online-Shop-Kunden aus dem deutschen Mittelstand habe ich den Footer einmal von sieben Widget-Bereichen auf drei reduziert - Kontaktdaten, Schnelllinks und Vertrauenslogos. Das Ergebnis: klarere Struktur, weniger Scrollaufwand auf dem Smartphone, mehr Anfragen über das Kontaktformular.

Widgets und Full-Site-Editing: ein Ausblick

Neben Widgets und Block-Widgets gibt es noch eine dritte Entwicklungslinie in WordPress: das sogenannte Full-Site-Editing (FSE). Bei Block-Themes - einer neueren Theme-Kategorie - werden Sidebar und Footer nicht mehr über Widgets gesteuert, sondern direkt über den Block-Editor im Template-Editor.

Für die meisten bestehenden WordPress-Websites, die auf klassischen oder Hybrid-Themes laufen, bleiben Widgets die richtige und zuverlässige Lösung. Full-Site-Editing ist ein Thema für den Aufbau neuer Websites auf Basis moderner Block-Themes. Wenn Sie nicht sicher sind, welches Theme-Typ Ihre Website verwendet, schauen Sie unter Design > Themes - Block-Themes tragen in der Regel einen entsprechenden Hinweis oder Sie finden unter Design keinen Widgets-Menüpunkt, sondern direkt einen Editor-Einstieg.

Falls Sie eine komplett neue WordPress-Website aufbauen oder einen bestehenden Shop weiterentwickeln möchten, lohnt sich das Gespräch über die richtige Theme-Wahl von Anfang an. Was WordPress grundsätzlich leisten kann, erkläre ich ausführlicher im Artikel Was ist WordPress - das CMS einfach erklärt. Und wenn Sie sich fragen, ob WordPress.org oder WordPress.com die bessere Grundlage für Ihr Projekt ist, beantwortet das der Artikel WordPress.com vs. WordPress.org - der Unterschied.

Fazit: Widgets als einfaches Werkzeug für einen klaren Aufbau

Widgets gehören zu den zugänglichsten Werkzeugen, die WordPress bereithält. Sie brauchen keine technischen Kenntnisse, um Sidebar und Footer sinnvoll zu befüllen. Sie brauchen vor allem ein klares Bild davon, was Ihre Besucher auf diesen Bereichen wirklich suchen - und dann die Disziplin, alles andere wegzulassen.

Wer Widgets einmal verstanden hat, gewinnt Kontrolle über einen erheblichen Teil des Erscheinungsbildes seiner Website. Das ist der eigentliche Wert dieser Funktion: nicht die technische Seite, sondern die Freiheit, Inhalte schnell und eigenständig zu organisieren.

Bei konkreten Fragen zu Ihrer WordPress-Website - ob Widget-Konfiguration, Theme-Wahl oder technische Umsetzung - stehe ich gerne zur Verfügung. Schreiben Sie mir über die Kontaktseite.

Häufige Fragen

Was ist ein WordPress Widget genau?

Ein Widget ist ein vorgefertigter Baustein mit einer bestimmten Funktion - zum Beispiel eine Suchleiste, eine Liste der letzten Beiträge oder ein Kontaktformular. Sie platzieren diesen Baustein in einen dafür vorgesehenen Bereich Ihrer Website, ohne eine einzige Zeile Code schreiben zu müssen. WordPress liefert eine Reihe dieser Bausteine bereits mit; Plugins fügen weitere hinzu.

Wo finde ich die Widget-Verwaltung in WordPress?

Im WordPress-Dashboard navigieren Sie zu Design und dann zu Widgets. Dort sehen Sie auf der linken Seite alle verfügbaren Widgets und auf der rechten Seite die Widget-Bereiche Ihres aktiven Themes. Per Drag-and-Drop oder per Klick weisen Sie Widgets einem Bereich zu. Alternativ erreichen Sie die Widgets über Design > Customizer > Widgets.

Wie viele Widget-Bereiche hat eine WordPress-Website?

Das hängt vollständig vom verwendeten Theme ab. Einfache Themes bieten eine Sidebar und einen Footer-Bereich. Themes wie Twenty Seventeen oder Blocksy können mehrere Footer-Spalten, eine Sidebar und gelegentlich weitere Bereiche anbieten. Ein Theme kann technisch beliebig viele Widget-Bereiche registrieren - der Entwickler legt das fest.

Was ist der Unterschied zwischen klassischen Widgets und Block-Widgets?

Klassische Widgets hatten einfache Formularfelder zur Konfiguration. Block-Widgets nutzen die Gutenberg-Oberfläche - das bedeutet, Sie können in Widget-Bereiche denselben Block-Editor verwenden wie beim Schreiben von Beiträgen. Das ermöglicht mehr Gestaltungsfreiheit, erfordert aber eine gewisse Vertrautheit mit dem Block-Editor. Das Plugin 'Classic Widgets' stellt die alte Oberfläche wieder her, falls Sie das bevorzugen.

Kann ich Widgets ohne Programmierkenntnisse anpassen?

Ja, das ist der eigentliche Sinn von Widgets. Hinzufügen, entfernen und neu anordnen funktioniert per Mausklick. Die meisten Widgets haben außerdem Einstellungsfelder für Titel, Anzahl der Einträge oder ähnliche Optionen - alles ohne Code. Wer tiefer in das Erscheinungsbild eingreifen möchte, kann zusätzliches CSS nutzen; das ist aber kein Muss.

Verschwinden Widgets, wenn ich das Theme wechsle?

Die zugewiesenen Widgets und deren Konfiguration bleiben in der Datenbank gespeichert. Allerdings können die Widget-Bereiche des neuen Themes andere Namen oder eine andere Anzahl haben. WordPress versucht, die Zuordnung zu erhalten, aber nach einem Theme-Wechsel sollten Sie die Widget-Bereiche immer kontrollieren und gegebenenfalls neu zuweisen.

Wie füge ich Social-Media-Icons als Widget ein?

WordPress selbst liefert dafür kein fertiges Widget mit. Sie haben zwei Wege: Entweder nutzen Sie ein schlankes Plugin wie 'Simple Social Icons', das ein fertiges Widget bereitstellt, oder Sie fügen über das Widget 'Benutzerdefiniertes HTML' einfache Icon-Links manuell ein. Viele Themes bringen zudem eigene Social-Icon-Widgets oder -Einstellungen mit, die Sie im Customizer finden.