WordPress-Widgets: Die vollständige Anleitung

Es gibt viele Gründe, warum WordPress so beliebt ist, einschließlich seiner Flexibilität. WordPress-Widgets helfen Ihnen beispielsweise bei der Durchführung einfacher und effektiver Anpassungen. Wenn Sie wissen, wie diese Module funktionieren, können Sie Ihre Website – insbesondere Ihre Seitenleisten und Fußzeilen – optimieren und verbessern, ohne Code anfassen zu müssen.

In diesem Beitrag stellen wir Ihnen WordPress-Widgets vor und erklären ihre Verwendung. Wir besprechen, wo Sie sie auf Ihrer Website anzeigen können, und führen Sie dann durch, wie Sie sie anzeigen, deaktivieren und importieren oder exportieren.

Lass uns anfangen!

Abonnieren Sie unseren Youtube-Kanal

Eine Einführung in WordPress-Widgets

Widgets sind Elemente, mit denen Sie ganz einfach verschiedene Arten von Inhalten in Ihren WordPress-Seitenleisten- und Fußzeilenbereichen anzeigen können. Dazu gehören Text, Links, Bilder und mehr.

Für viele Benutzer, insbesondere Anfänger ohne viel technische Erfahrung, sind Widgets unglaublich hilfreich. Sie können diese vorgefertigten Module verwenden, um sowohl das Design als auch die Funktionalität Ihrer Seiten zu verbessern, ohne neue Funktionen manuell programmieren zu müssen.

Widgets sind kleine Inhaltsblöcke und stehen normalerweise nicht im Mittelpunkt einer Seite. Das bedeutet jedoch nicht, dass sie keine wesentlichen Rollen spielen. Sie können damit beispielsweise das Wetter anzeigen, einen Ort auf einer Karte markieren oder Besuchern ein komfortables Navigationsmenü zur Verfügung stellen.

Während Sie mit WordPress-Themes das gesamte Erscheinungsbild Ihrer Website ändern können, können Sie mit Widgets bestimmte Funktionen für bestimmte Bereiche hinzufügen und anpassen. WordPress wird mit einer Vielzahl von Standardoptionen geliefert:

Sie können diese Widgets für alles verwenden, von der Anzeige von Suchleisten bis hin zur Anzeige einer Liste der letzten Kommentare oder Beiträge. Zusätzlich zu diesen sofort einsatzbereiten Optionen gibt es auch Möglichkeiten, eigene Widgets zu erstellen.

Außerdem kommen einige Themes und Plugins mit ihren eigenen einzigartigen Widgets. Mit MetaSlider können Sie beispielsweise Bild-Slider zu Ihren Widget-Bereichen hinzufügen:

Ein weiteres Beispiel ist unser Monarch Social-Sharing-Plugin, mit dem Sie Ihre Social-Media-Konten präsentieren können:

Egal, nach welcher Art von Widget Sie suchen, Sie werden mit Sicherheit eine passende Option finden.

Wo Sie WordPress-Widgets anzeigen können

Normalerweise gibt es mehrere Widget-Bereiche auf einer WordPress-Site. Normalerweise werden Widgets entweder in einer Seitenleiste oder in einer Fußzeile platziert. Dies sind jedoch nicht die einzigen beiden Optionen.

Die Anzahl der verfügbaren Widget-Bereiche wird weitgehend von Ihrem Thema bestimmt. Einige Designs bieten möglicherweise mehrere Seitenleisten oder ermöglichen es Ihnen, Widgets an Stellen wie der Kopfzeile Ihrer Website hinzuzufügen.

Unten sehen Sie ein Beispiel für Widgets in einer Seitenleiste (1) und einer Fußzeile (2):

Sie können Widgets nur auf bestimmten Seiten oder auf allen Seiten Ihrer Website präsentieren. Während Sie beispielsweise auf jeder Seite ein Suchleisten- Widget einfügen möchten, möchten Sie möglicherweise nur das Widget für die letzten Beiträge in Ihrem Blog anzeigen.

So zeigen Sie WordPress-Widgets an

Wenn es darum geht, Widgets auf Ihrer WordPress-Site zu präsentieren, haben Sie einige Möglichkeiten. Erstens hilft es zu wissen, welche Bereiche Ihrer Website Widget-freundlich sind.

Hinzufügen von Widgets über den WordPress-Admin-Bildschirm

Um zu sehen, wo Sie WordPress-Widgets in Ihrem aktuellen Design anzeigen können, gehen Sie in Ihrem Dashboard zu Darstellung > Widgets :

Im neuesten Standard-Theme von WordPress, Twenty Twenty-One, finden Sie nur einen Widget-Bereich in der Fußzeile:

Wenn Sie jedoch unser Divi-Theme verwenden, haben Sie Zugriff auf eine Vielzahl von Widget-Bereichen, darunter eine Seitenleiste und mehrere Fußzeilen. Sie haben auch die Möglichkeit, Ihre eigenen, neuen Widget-Bereiche zu erstellen, die Sie im Sidebar-Modul verwenden können:

Um ein Widget in einem dieser Bereiche anzuzeigen, müssen Sie lediglich das gewünschte Modul per Drag & Drop in den entsprechenden Bereich ziehen. Wenn Sie beispielsweise Ihrer Seitenleiste ein Widget hinzufügen möchten, platzieren Sie es unter dem Seitenleisten- Bedienfeld. Wie Sie im obigen Beispiel sehen können, werden derzeit aktuelle Beiträge und aktuelle Kommentare angezeigt.

Alternativ können Sie einfach auf das Widget klicken, den Bereich auswählen, dem Sie es hinzufügen möchten, und dann auf Widget hinzufügen klicken:

Der Bildschirm Darstellung > Widgets ist eine von zwei Methoden, mit denen Sie Widgets anzeigen können. Eine andere Möglichkeit ist die Verwendung des WordPress Theme Customizers.

Hinzufügen von Widgets aus dem Theme Customizer

Navigieren Sie zunächst zu Erscheinungsbild > Anpassen in Ihrem Dashboard:

Auf dieser Seite gibt es normalerweise einen Widgets- Bereich:

Als Nächstes können Sie aus den verfügbaren Optionen den Bereich auswählen, dem Sie das Widget hinzufügen möchten. Klicken Sie dann auf Widget hinzufügen :

Wählen Sie als Nächstes aus der Liste der Widget-Optionen das Modul aus, das Sie hinzufügen möchten:

Wenn Sie möchten, können Sie dem Widget einen Titel geben, obwohl dies nicht erforderlich ist. Beachten Sie, dass wenn Sie einen Titel eingeben, dieser für Ihre Besucher im Frontend sichtbar ist.

Wenn Sie fertig sind, klicken Sie auf Veröffentlichen , um Ihre Änderungen zu speichern. Wenn Sie nun Ihre Website besuchen, sollten Sie das Widget sehen:

Das ist es! Sie können diesen Vorgang wiederholen, um beliebig viele Module zu jedem Widget-freundlichen Bereich auf Ihrer Site hinzuzufügen.

So deaktivieren Sie WordPress-Widgets

Wenn Sie mit WordPress-Widgets experimentieren, müssen Sie möglicherweise wissen, wie Sie sie löschen oder deaktivieren. Glücklicherweise ist der Vorgang dafür schnell und einfach, und Sie haben einige Möglichkeiten.

Widgets manuell löschen

Die erste Methode besteht darin, Ihre Widgets manuell zu löschen. Navigieren Sie zu Darstellung > Widgets und navigieren Sie dann zu dem Widget-Bereich, der das zu entfernende Modul enthält. Klicken Sie auf den Pfeil, um ihn zu erweitern, und klicken Sie dann auf Löschen :

Der Vorgang ist ähnlich, wenn Sie den Customizer verwenden möchten. Navigieren Sie zu Darstellung > Anpassen > Widgets . Öffnen Sie das Widget-Panel, suchen Sie das Modul, das Sie löschen möchten, und klicken Sie dann auf Entfernen :

Stellen Sie sicher, dass Sie oben im Customizer die Option Veröffentlichen auswählen, um Ihre Änderungen zu speichern.

Widgets als inaktiv markieren

Vielleicht möchten Sie ein Widget entfernen, ohne es dauerhaft zu löschen. Sie können es beispielsweise für die zukünftige Verwendung speichern, ohne die von Ihnen angepassten Einstellungen zu verlieren.

In diesem Fall können Sie es vorübergehend als inaktiv markieren. Navigieren Sie dazu zu Darstellung > Widgets . Ziehen Sie als Nächstes ein beliebiges Modul per Drag & Drop in den Abschnitt Inaktive Widgets :

Wenn Sie diese Widgets in Zukunft wieder zu Ihrer Site hinzufügen möchten, ziehen Sie sie einfach in den aktiven Widget-Bereich oder in den Widget-Bereich Ihrer Wahl. Alternativ können Sie auf die Schaltfläche Inaktive Widgets löschen klicken.

Beachten Sie auch, dass, wenn Sie WordPress-Themes ändern und Ihr neues Widget-Bereichsoptionen bietet, alle Module, die nicht in die Widget-Abschnitte des neuen Themas passen, als inaktiv aufgeführt werden.

Verwenden eines Plugins zum Deaktivieren von Widgets

Eine dritte Möglichkeit zum Deaktivieren von WordPress-Widgets ist die Verwendung eines Plugins. Es stehen eine Handvoll Qualitätsoptionen zur Verfügung, je nachdem, was Sie erreichen möchten. Werfen wir einen Blick auf einige der besten Tools.

Widget deaktivieren

Wenn Sie ein Plugin verwenden möchten, um ein oder mehrere Widgets zu deaktivieren, können Sie mit Widget Disable nichts falsch machen. Dieses kostenlose Tool ist unglaublich einfach zu bedienen.

Sobald Sie es installiert und aktiviert haben, navigieren Sie einfach zu Erscheinungsbild > Widgets deaktivieren:

Wählen Sie auf diesem Bildschirm die Widgets aus, die Sie deaktivieren möchten:

Wenn Sie fertig sind, klicken Sie auf Änderungen speichern . Denken Sie daran, dass Sie mit dieser Option Widgets deaktivieren können, dies jedoch nicht die ideale Lösung ist, wenn Sie nur versuchen, die Module auszublenden. Wenn Sie beispielsweise planen, diese Widgets in naher Zukunft wieder zu verwenden, sollten Sie ein anderes Tool verwenden (z. B. das nächste Plugin).

Widget-Optionen

Ein weiteres kostenloses Plugin, mit dem Sie Ihre WordPress-Widgets steuern und anpassen können, sind Widget-Optionen. Mit diesem Tool können Sie Widgets vollständig deaktivieren oder nur für einzelne Seiten deaktivieren.

Sobald das Plugin auf Ihrer Site installiert und aktiviert ist, können Sie es verwenden, indem Sie zu Einstellungen > Widget-Optionen navigieren:

Überprüfen Sie auf dem nächsten Bildschirm, ob die Einstellungen für Seitensichtbarkeit und Geräteeinschränkung aktiviert sind:

Als Nächstes können Sie zu Ihrem Widgets-Bildschirm gehen, um die verschiedenen Anpassungsoptionen zu erkunden:

Wie Sie sehen, können Sie einfach die Seiten auswählen, auf denen Sie ein bestimmtes Widget entweder ausblenden oder anzeigen möchten. Wenn Sie fertig sind, klicken Sie auf Speichern .

Deaktivieren von Widgets mit PHP

Die letzte Methode, mit der Sie Widgets deaktivieren können, besteht darin, den Code Ihrer Website manuell zu bearbeiten. Natürlich ist diese Strategie nicht jedermanns Sache. Wenn Ihnen die Arbeit mit PHP unangenehm ist, empfehlen wir Ihnen, bei einem Plugin zu bleiben.

Wenn Sie jedoch ein wenig Erfahrung in der Entwicklung haben und mit einem Drittanbieter-Plugin keine unnötigen Ressourcen auf Ihrer Website belegen möchten, ist diese Lösung möglicherweise vorzuziehen. Um die Registrierung von WordPress-Widgets aufzuheben, navigieren Sie zunächst zu Ihrer Datei functions.php . (Wir empfehlen die Verwendung eines Child-Themes.)

Fügen Sie in dieser Datei das Code-Snippet hinzu, um die Registrierung des Widgets aufzuheben. Wenn Sie beispielsweise das Kalender- Widget entfernen möchten, verwenden Sie Folgendes:

 function unregister_default_wp_widgets() { unregister_widget('WP_Widget_Calendar'); } add_action('widgets_init', 'unregister_default_wp_widgets' ); 

Wenn Sie fertig sind, speichern Sie die Datei. Jetzt wird dieses Modul nicht mehr als Option auf Ihrem WordPress- Widgets- Bildschirm angezeigt. Wenn Sie es in Zukunft wieder aktivieren möchten, können Sie diesen Code einfach löschen.

So importieren und exportieren Sie WordPress-Widgets

Sobald Ihre WordPress-Site eine Weile live ist und Sie Zeit und Energie in die Anpassung Ihrer Widgets investiert haben, möchten Sie sie möglicherweise auf einer anderen Website wiederverwenden. In diesem Fall ist es hilfreich zu wissen, wie Sie Ihre WordPress-Widgets importieren und exportieren.

Wie Sie vielleicht erwarten, ist dies der einfachste Weg, ein Plugin zu verwenden. Wir empfehlen Widget Importer & Exporter:

Navigieren Sie zunächst zu Tools > Widget-Importer und -Exporter :

Auf diesem Bildschirm haben Sie zwei Optionen: (1) Widgets importieren und (2) Widgets exportieren :

Wenn Sie die Option Widgets exportieren auswählen, erstellt das Plugin eine .wie- Datei für die Widgets, die derzeit in Ihren Seitenleisten- und Fußzeilenbereichen aktiv sind (sowie für alle anderen Orte, an denen Sie Widgets haben). Dies ist hilfreich, da es bedeutet, dass nur Ihre aktiven Widgets gespeichert werden und keine Kopie aller Standardmodule, die Sie nicht verwenden. Sie können die Datei in jedem Code-Editor herunterladen und anzeigen.

Danach können Sie die Widgets auf eine andere Site importieren. Installieren und aktivieren Sie Widget Importer & Exporter auf der neuen Site und navigieren Sie dann erneut zu Tools > Widget Importer & Exporter . Klicken Sie auf Datei auswählen, wählen Sie die gerade heruntergeladene .wie- Datei aus und klicken Sie dann auf Widgets importieren :

WordPress bringt Sie zu einer Ergebnisseite, sobald der Importvorgang abgeschlossen ist, damit Sie wissen, dass er erfolgreich war. Wenn doppelte Widgets vorhanden sind, werden Sie darüber informiert, indem sie mit dem Label „Widget bereits vorhanden“ gekennzeichnet werden:

Sobald der Import abgeschlossen ist, können Sie Ihre Widgets anzeigen, indem Sie zu Darstellung > Widgets navigieren. Sie sollten jetzt Ihre Widgets auf der neuen Site sehen, ähnlich wie sie auf Ihrer alten angeordnet waren.

Beachten Sie jedoch, dass die Titel der Widget-Bereiche auf Ihrer neuen Site mit den Titeln der Widget-Bereiche übereinstimmen müssen, die in der .wie- Datei gespeichert sind. Andernfalls weiß das Plugin nicht, wo die Module platziert werden sollen. Wenn Ihr altes Theme beispielsweise einen Abschnitt namens „Fußzeile #1“ hatte, weiß das Plugin nicht, wie die Module in einem Theme platziert werden sollen, das denselben Bereich als „Fußzeile A“ bezeichnet.

In diesem Fall wird die Meldung „Widget-Bereich existiert nicht im Design (mit inaktiv)“ angezeigt. Sie können diese Widgets im Abschnitt Inaktive Widgets suchen und sie dann manuell in den entsprechenden Widget-Bereichen platzieren.

Abschluss

WordPress ist eine leistungsstarke, flexible Plattform, mit der Sie schnell und einfach eine schöne Website erstellen können. Um das Beste aus Ihrer Site herauszuholen, ist es jedoch wichtig zu wissen, wie Sie eine der vielseitigsten Funktionen des CMS verwenden: Widgets.

Wie wir in diesem Beitrag besprochen haben, gibt es mehrere Stellen, an denen Sie diese kleinen Inhaltsmodule auf Ihrer Website anzeigen können, einschließlich der Seitenleiste und der Fußzeile. WordPress bietet eine Vielzahl von Standard-Widgets zur Auswahl. Wenn Sie ein Thema wie Divi verwenden, können Sie sogar ein eigenes erstellen. Wenn Sie bestimmte Widgets deaktivieren oder entfernen möchten, können Sie dies manuell oder mithilfe eines Plugins wie Widget-Optionen tun.

Haben Sie weitere Fragen zur Verwendung von WordPress-Widgets? Lass es uns im Kommentarbereich unten wissen!

Ausgewähltes Bild über Anastacia Trapeznikova / shutterstock.com