Ergänzung (24.04.2017): Das Einbinden von Widgets in Seiten und Blogartikel ist eine „quick & dirty“ Notlösung und zweckentfremdet Widgets. Dieser Ansatz sollte als letzte Lösung genutzt werden. Besser ist es, Shortcodes oder Page Builder zu verwenden.

WordPress Support ab 99€/h

 

Mit Widgets kann man in WordPress vielfältige Elemente in Sidebars und Footer einfügen – z.B. Social Media Plugins, eine Liste der beliebtesten oder neuesten Beiträge oder ein Newsletter-Formular. Aber wusstest du, dass du die kleinen Helferlein auch in jede Seite und auf jeden Post einfügen kannst? In diesem Beitrag zeige ich dir, wie das ganz schnell und einfach geht.

Zum allerersten Mal hier bei HootProof kannst du dir das Tutorial sogar als Video ansehen:

Erklärung in Textform mit Screenshots:

Normalerweise werden Widgets ja in Sidebars & Footern positioniert. Jede Sidebar und jeder Teil eines Footers entspricht dabei einem Widget Area. Die einzelnen Widget Areas findest du in WordPress unter Design > Widgets im rechten Bereich der Seite. Das Theme im folgenden Screenshot hat z.B. 3 Widget Areas für den Footer:

Widget Areas in WordPress

Widget Areas in WordPress

Im einen der Footer-Bereich habe ich das Jetpack-Gravatar-Widget eingefügt. Das wird also in den rechten Bereich des Footers eingefügt. So weit, so gut – das kanntest du bestimmt alles schon. Jetzt zeige ich dir, wie du diese Widgets aber auch in den Hauptinhalt einer Seite oder eines Blogbeitrags einfügen kannst.

WordPress Footer Widget

Widgets in einem normalen Footer in WordPress

1. Plugin Widgets on Pages installieren

Geh zu Plugins > Installieren und gib im Suchfeld „widgets on pages“ ein. Das erste Suchergebnis sollte das gesuchte Plugin sein. Installiere und aktiviere es wie gewohnt.

Plugin Widgets on Pages installieren

Plugin Widgets on Pages installieren

2. Einstellungen für Widgets on Pages

Einstellungen von Widgets on Pages

Den Link zu den Einstellungen findest du nach dem Aktivieren in der Plugin-Liste unter „Settings“. Standardmäßig fügt das Plugin bereits ein neues Widget Area hinzu (im unteren Bereich). Wenn du mehr hinzufügen möchtest, gibt die entsprechende Anzahl bei „Number of additional sidebars“ und klick auf den Button. Dadurch erscheinen unter „Optional Sidebar Names“ die zusätzlichen Widget Areas.

Dort kannst du dann optional Namen für die neuen Widget Areas vergeben, um sie später besser auseinander halten zu können.

Einstellungen Widgets on Pages

3. Widgets hinzufügen

Unter Design > Widgets findest du nun die neuen Widget Areas. Dort kannst du jetzt – wie bei der normalen Sidebar auch – Widgets nach Belieben hinzufügen und bearbeiten.

neue Widget Areas

neue Widget Areas

4. Widget Areas auf einer Seite einfügen

Jedes Widget Area kannst du nun auf Seiten oder Posts einfügen. Bedenke, dass immer das gesamte Widget Area eingefügt wird. Für unterschiedliche Widgets, die du getrennt voneinander einbinden möchtest, benötigst du also ein eigenes Widget Area.

Zum Einbinden benötigst du den Shortcode, der im oberen Bereich des Widget Areas angezeigt wird:

Widgets hinzufügen Shortcode

Shortcode zum Einbinden der Widgets auf Seiten & Beiträgen

Füge diesen Shortcode in eine Seite oder einen Beitrag ein. Das Ergebnis kannst du dann direkt auf der Seite ansehen.

Widget auf einer Seite einfügen

Widget auf einer Seite einfügen

Widget auf einer Seite ansehen

Widget auf einer Seite ansehen

Hast du noch Fragen dazu, wie man Widgets auf Seiten einbindet? Was für Anwendungsmöglichkeiten fallen dir dafür ein?

Der Frühjahrsputz für deine Website
Kostenloses PDF: Schaff Platz für Neues, mehr Sicherheit und Page Speed.
Gleich geschafft...
Bitte bestätige deine Anmeldung mit dem Link in der E-Mail, die wir die gerade geschickt haben.
So löst du 5 typische WordPress Probleme
Der Frühjahrsputz für deine Website
Kostenloses PDF: Schaff Platz für Neues, mehr Sicherheit und Page Speed.
WordPress Support ab 99€/h
Noch ein Schritt zum Download...
Just one more step...
Almost there...
Please confirm your email address by clicking the link in the email we just sent you.
Die Checkliste zum Abhaken für deine Performance-Optimierung
Kostenloses E-Book & noch mehr Ressourcen
Noch ein Schritt zum Download...
Noch ein Schritt zum Download...
Fast geschafft...
Kostenlose Anmeldung zur Challenge und zum Newsletter von HootProof,de und BlogYourThing.com. Du kannst dich jederzeit wieder abmelden. Datenschutz von HootProof & Datenschutz von BlogYourThing