Dieser Artikel behandelt “Classic Widgets”. Wenn Sie die neueren blockbasierten Widgets verwenden, lesen Sie bitte diesen Artikel.
WordPress-Widgets fügen dem Widget-Bereich Inhalte und Funktionen hinzu. Der Widget-Bereich ist ein vom Theme vordefinierter Bereich, der sich typischerweise in der Seitenleiste oder Fußzeile befindet, aber von Theme zu Theme variiert. Beispiele sind die standardmäßig mit WordPress gelieferten Widgets für Kategorien, Schlagwortwolke, Suche usw. Plugins fügen häufig eigene Widgets hinzu.
Widgets wurden ursprünglich entwickelt, um Benutzern eine einfache und benutzerfreundliche Möglichkeit zu bieten, die Kontrolle über Design und Struktur des WordPress-Themes zu übernehmen. Diese Funktion ist jetzt in entsprechend “widgetisierten” WordPress-Themes verfügbar, um Kopfzeile, Fußzeile und andere Bereiche in das Design und die Struktur von WordPress einzubeziehen.
Für Widgets sind keine Programmierkenntnisse oder besonderen Fachkenntnisse erforderlich. Sie können im Customizer oder unter Design > Widgets in den WordPress-Administrationsbildschirmen hinzugefügt, entfernt und neu angeordnet werden.
Einige WordPress-Widgets bieten Anpassungs- und Einstellmöglichkeiten, etwa Formulare zum Ausfüllen, das Ein- oder Ausschließen von Daten und Informationen, optionale Bilder und weitere Anpassungsfunktionen.
Der Editor für blockbasierte Widgets erklärt, wie Sie die aktualisierte Widget-Erfahrung mit Blöcken verwenden.
Der Widget-Bildschirm unter Design erklärt, wie Sie die verschiedenen Widgets, die in der klassischen Umgebung mit WordPress geliefert werden, verwenden.
Plugins, die gebündelt mit Widgets geliefert werden, finden Sie im WordPress-Plugin-Verzeichnis.
Widgets installieren
WordPress wird mit einer Vielzahl von Widgets ausgeliefert. Wenn diese Ihren Anforderungen nicht genügen, können Sie neue Widgets installieren, indem Sie im WordPress-Plugin-Verzeichnis suchen, das über den WordPress-Administrationsbildschirm Plugins > Installieren erreichbar ist.
Widgets anzeigen
Vorhandene Widgets in vorhandenen Widget-Bereichen
Bevor Sie ein Widget hinzufügen können, müssen Sie überprüfen, ob das von Ihnen verwendete Theme Widgets unterstützt (genauer gesagt: einen Widget-Bereich). Dazu navigieren Sie einfach zum Menü „Design“ und suchen nach einem Untermenü mit dem Titel “Widgets”.
Wenn Ihr Theme den Customizer unterstützt, können Sie die folgenden Schritte ausführen. Im Customizer ist eine Live-Vorschau der Änderungen verfügbar.
- Gehen Sie in den WordPress-Administrationsbildschirmen zu Design > Customizer.
- Klicken Sie im Customizer auf das Menü Widget, um den Bildschirm zur Widget-Anpassung aufzurufen.
- Klicken Sie auf den Abwärtspfeil des Widget-Bereichs, um die bereits registrierten Widgets aufzulisten.
- Klicken Sie unten in der Seitenleiste auf die Schaltfläche „Widget hinzufügen“. Daraufhin wird eine Liste der verfügbaren Widgets angezeigt.
- Klicken Sie auf ein Widget, das Sie hinzufügen möchten. Die Widgets sollten in der Seitenleiste hinzugefügt werden.
- Sehen Sie sich Ihre Website in der Vorschau an. Sie sollten nun den Inhalt Ihres neuen Widgets sehen.
- Um die Widgets in der Seitenleiste anzuordnen, ziehen Sie sie per Drag-and-drop in die gewünschte Reihenfolge oder klicken Sie auf den Link „Neu anordnen“, anschließend auf den Aufwärts- bzw. Abwärtspfeil jedes Widgets und nach dem Anordnen auf „Fertig“.
- Um die Funktionen des Widgets anzupassen, klicken Sie rechts auf den Abwärtspfeil, um die Oberfläche des Widgets zu erweitern.
- Um das Widget zu entfernen, klicken Sie in der Oberfläche des Widgets aus dem vorherigen Schritt auf Entfernen.
Wenn Ihr Theme den Customizer nicht unterstützt, können Sie die folgenden herkömmlichen Schritte ausführen:
- Gehen Sie in den WordPress-Administrationsbildschirmen zu Design > Widgets.
- Wählen Sie ein Widget aus und ziehen Sie es entweder in die Seitenleiste, in der es angezeigt werden soll, oder klicken Sie auf das Widget, (wählen Sie eine Zielseitenleiste aus, wenn Ihr Theme mehr als eine besitzt) und klicken Sie auf die Schaltfläche „Widget hinzufügen“. Es kann mehr als eine Seitenleistenoption geben, beginnen Sie daher mit der ersten. Sobald das Widget platziert ist, aktualisiert WordPress das Theme automatisch.
- Sehen Sie sich die Website in der Vorschau an. Sie sollten feststellen, dass die “standardmäßigen” Elemente der Seitenleiste nun verschwunden sind und nur der neue Inhalt sichtbar ist.
- Kehren Sie zum Widget-Bildschirm zurück, um weitere Widgets hinzuzufügen.
- Um die Widgets in der Seitenleiste oder im Widget-Bereich anzuordnen, klicken Sie darauf und ziehen Sie es an die gewünschte Stelle.
- Um die Funktionen des Widgets anzupassen, klicken Sie oben rechts auf den Abwärtspfeil, um die Oberfläche des Widgets zu erweitern.
- Um die Anpassungen des Widgets zu speichern, klicken Sie auf „Speichern“.
- Um das Widget zu entfernen, klicken Sie auf „Löschen“.
Wenn Sie das Widget entfernen, seine Einstellungen aber für eine mögliche spätere Verwendung speichern möchten, ziehen Sie es einfach in den Bereich „Inaktive Widgets“. Sie können es von dort jederzeit wieder hinzufügen. Dies ist besonders hilfreich, wenn Sie zu einem Theme mit weniger oder anderen Widget-Bereichen wechseln.
Beim Wechseln von Themes gibt es häufig Unterschiede in der Anzahl und Einrichtung der Widget-Bereiche bzw. Seitenleisten, und manchmal machen diese Konflikte den Übergang etwas weniger reibungslos. Wenn Sie das Theme gewechselt haben und Widgets zu fehlen scheinen, scrollen Sie auf dem Bildschirm nach unten zum Bereich „Inaktive Widgets“. Dort wurden alle Ihre Widgets und deren Einstellungen gespeichert.
Wenn Sie den Barrierefreiheitsmodus über die Bildschirm-Optionen aktivieren, können Sie Schaltflächen zum Hinzufügen und Bearbeiten verwenden, anstatt Drag-and-drop zu nutzen.
Widget-Bereiche
Widget-Bereiche befinden sich typischerweise in den Seitenleisten von Webseiten, aber ein Theme kann Widget-Bereiche an beliebiger Stelle auf einer Seite platzieren. Beispielsweise verfügt das Theme Twenty Seventeen neben den üblichen Positionen in der Seitenleiste über einen Widget-Bereich in der Fußzeile jeder Seite.
Text-Widgets verwenden
Das Text-Widget ist eines der am häufigsten verwendeten WordPress-Widgets und wird mit jeder WordPress-Installation geliefert. Es ermöglicht Benutzern, Text, Videos, Bilder, benutzerdefinierte Listen und mehr zu ihren WordPress-Websites hinzuzufügen.
So verwenden Sie das WordPress-Text-Widget:
- Gehen Sie in den WordPress-Administrationsbildschirmen zu Design > Customizer und klicken Sie im Customizer auf das Menü Widget. Oder gehen Sie in den WordPress-Administrationsbildschirmen zu Design > Widgets.
- Öffnen Sie die Seitenleiste, zu der Sie das Text-Widget hinzufügen möchten.
- Suchen Sie das Text-Widget in der Liste der Widgets.
- Klicken Sie auf das Widget und ziehen Sie es an die Stelle, an der es angezeigt werden soll.
So öffnen und bearbeiten Sie das Text-Widget:
- Klicken Sie rechts neben dem Titel des Text-Widgets auf den Abwärtspfeil.
- Legen Sie den Titel des Text-Widgets fest (optional).
- Fügen Sie den Text oder HTML-Code in das Feld ein oder bearbeiten Sie den bereits vorhandenen Inhalt.
- Wählen Sie die Option Absätze automatisch hinzufügen, um jeden Textblock in ein HTML-Absatz-Tag einzuschließen (für Text empfohlen).
- Klicken Sie auf „Speichern“, um das Text-Widget zu speichern.
- Klicken Sie auf „Schließen“, um das Text-Widget zu schließen.
- Wechseln Sie in Ihrem Browser die Tabs, sehen Sie sich die Ergebnisse in der Vorschau an und nehmen Sie bei Bedarf Änderungen vor.
Das Text-Widget kann verschiedene HTML-, XHTML- und Multimedia-Links sowie Player wie Video- und Objekt-Einbettungen enthalten.
Code zum Text-Widget hinzufügen
Grundlegendes HTML, Einbettungen und JavaScript können problemlos zum WordPress-Text-Widget hinzugefügt werden. Die meisten Einbettungscodes von Websites für das Teilen von Multimedia-Inhalten funktionieren in einem WordPress-Text-Widget. Aktiver Code und Programmiersprachen wie PHP funktionieren jedoch nicht, da das Widget Code entfernt, den es nicht anzeigen kann.
Um aktiven Code zum Text-Widget hinzuzufügen, verwenden Sie eines der vielen WordPress-Plugins aus dem WordPress-Plugin-Verzeichnis, die die WordPress-Einschränkungen für die Verwendung von PHP in Beiträgen umgehen. Überprüfen Sie, ob sie mit Widgets funktionieren, da dies bei einigen nicht der Fall ist.
RSS-Widgets verwenden
Mit dem RSS-Widget können Sie eine externe Feed-Quelle für Inhalte in einen Widget-Bereich Ihrer Website integrieren, beispielsweise Ihr Twitter-Konto, Facebook-Beiträge, Google+-Beiträge oder andere Blogs.
Das RSS-Widget zeigt die zuletzt veröffentlichten Inhalte jeder Quelle mit einem aktiven Feed an. Dies ist eine ideale Möglichkeit, externe Inhalte in Ihre Website zu integrieren.
Standardmäßig zeigt das WordPress-RSS-Widget den Beitragstitel oder die ersten etwa 100 Zeichen eines Tweets oder eines langen, unbetitelten Beitrags an. Diese werden je nach Design und Struktur des Feeds entweder als Link dargestellt oder enthalten einen Link zur ursprünglichen Quelle.
- Geben Sie die URL des RSS-Feeds in das erste Feld ein. Kopieren Sie sie von der Quellseite der Inhalte, die Sie in Ihre Seitenleiste oder einen anderen widgetisierten Bereich aufnehmen möchten.
- Geben Sie dem Feed einen Titel: Dies ist optional und bietet Ihnen die Möglichkeit, die Quelle der Inhalte hervorzuheben.
- Wie viele Elemente möchten Sie anzeigen?: Standardmäßig werden 10 angezeigt, Sie können jedoch zwischen 1 und 20 Beiträgen auswählen.
- Inhalt des Elements anzeigen?: Damit können Sie einen Auszug des Inhalts und nicht nur den Titel anzeigen.
- Autor des Elements anzeigen, falls verfügbar?: Wenn Sie dem ursprünglichen Autor der Inhalte Anerkennung geben möchten, aktivieren Sie diese Option, um den Autor anzuzeigen.
- Datum des Elements anzeigen?: Falls verfügbar, wird das Datum der ursprünglichen Inhalte angezeigt.
Sie können mehrere RSS-Widgets für eingehende Feeds zu Ihrer WordPress-Seitenleiste und anderen widgetisierten Bereichen Ihrer Website hinzufügen.