Steuern Sie die Sichtbarkeit von WordPress-Widgets mit bedingten Widgets
Veröffentlicht: 2023-02-12Widgets sind eine hervorragende Möglichkeit, andere Aspekte Ihrer Website zu bewerben, ohne den Inhalt zu unterbrechen, den ein Besucher gerade liest. Normalerweise geschieht dies in einer Seitenleiste oder einem anderen Bereich, der von Ihrem WordPress-Theme für Widgets vorgesehen ist.
Es kann jedoch vorkommen, dass ein Widget nur auf bestimmten Seiten angezeigt werden soll. Glücklicherweise gibt es genau für dieses Szenario bedingte Widgets. Wenn Sie beispielsweise ein Kalender-Widget auf Ihrer Website haben, möchten Sie möglicherweise, dass es nur auf Ihrer Veranstaltungsseite angezeigt wird.
In diesem Artikel geben wir Ihnen einen Überblick darüber, was bedingte Widgets sind und wie Sie sie erstellen. Wir werden auch zwei Optionen für die Einrichtung untersuchen. Lass uns gleich eintauchen!
Was sind bedingte Widgets?
Kurz gesagt, bedingte Widgets sind WordPress-Widgets, die eine zusätzliche Steuervariable haben. Auf diese Weise können Sie bestimmen, ob jedes Widget auf einer bestimmten Seite oder einem bestimmten Beitrag angezeigt wird oder nicht. Dies kann Ihnen auf verschiedene Weise helfen.
Erstens können Sie wertvolle Website-Immobilien maximieren. In den meisten Themen steht nur so viel Platz in der Seitenleiste zur Verfügung. Wenn Sie Ihre Widgets bedingt machen, können Sie steuern, wie viel von diesem Platz jeder Funktion gewidmet ist. Sie können bei Bedarf bestimmte Widgets in die Seitenleiste einschließen oder aus ihr ausschließen.
Indem Sie Ihre Widgets an Bedingungen knüpfen, können Sie außerdem sicherstellen, dass Ihre Seitenleisten für jede Seite relevanter sind. Beispielsweise können Sie ein Karten- und Wegbeschreibungs-Widget von all Ihren anderen Seiten entfernen, sie aber auf Ihrer „Info“-Seite sichtbar lassen. Dadurch wird dieser Seitenleisten-Widget-Platz für relevantere Inhalte auf Ihren anderen Seiten frei.
So erstellen Sie ein bedingtes Widget (ohne Jetpack)
Wenn es um die Arbeit mit bedingten Widgets geht, gibt es ein paar Tools, die Sie verwenden können. Einige von ihnen erfordern Anpassungen am Code Ihres Themas, andere nicht.
Wir werden uns zunächst ansehen, wie man bedingte Optionen mit einem Plugin aktiviert, das ein wenig zusätzliche Programmierkenntnisse erfordert . Dann untersuchen wir, wie Sie die gleichen Ergebnisse mit dem Jetpack-Plug-in erzielen können
Schritt 1: Wählen Sie ein bedingtes Widget-Plugin
Es gibt mehrere Plugin-Optionen, um Widgets bedingt zu machen. Für dieses Beispiel verwenden wir Widget Logic.
Dieses Plugin fügt allen Ihren Widgets ein Feld hinzu, in das Sie beliebige bedingte WordPress-Tags oder allgemeinen PHP-Code einfügen können. Um zu beginnen, sollten Sie zuerst das Plugin installieren und aktivieren.
Schritt 2: Öffnen Sie Ihr Widget-Panel
Als Nächstes können Sie zu Darstellung > Widgets navigieren und das Einstellungsfenster für ein beliebiges Widget öffnen, um auf ein neues Widget-Logikfeld zuzugreifen.
Hier können Sie alle zuvor erwähnten bedingten WordPress-Tags hinzufügen. Wenn Sie beispielsweise möchten, dass ein bestimmtes Widget in der Seitenleiste jeder Seite außer Ihrer „Info“-Seite angezeigt wird, können Sie Folgendes hinzufügen:
!is_page('about')
Ebenso können Sie mehrere bedingte Tags kombinieren, um die Anzeige Ihrer Widgets weiter anzupassen. Sie können beispielsweise festlegen, dass bestimmte Widgets nur bei einzelnen Beiträgen einer bestimmten Kategorie angezeigt werden, indem Sie Kategorienamen verwenden. Wenn Sie möchten, dass alle Beiträge in einer Kategorie „Backwaren“ ein bestimmtes Widget anzeigen, können Sie Folgendes verwenden:
is_single() && in_category('baked-goods')
Darüber hinaus finden Sie weitere Optionen unten auf der Seite „Erscheinungsbild“ > „Widgets“ .
Mit diesen Einstellungen können Sie die Reihenfolge angeben, in der Ihre neue Widget-Logik geladen wird. Dies ist besonders wichtig für Themen, die sich erheblich von den Standard-WordPress-Optionen unterscheiden.
Letztendlich müssen Sie den Code Ihres Themas ziemlich gut kennen, um Fehler bei der Verwendung dieses Plugins zu vermeiden. Darüber hinaus sollten Sie mit der WordPress-Schleife vertraut sein, damit Sie die Reihenfolge besser verstehen, in der bestimmte Elemente auf Ihrer Website geladen werden.
Ändern der Widget-Sichtbarkeit mit Jetpack
Wie bereits erwähnt, ist eine weitere Lösung zum Anpassen Ihrer Widget-Anzeigeoptionen die Verwendung von Jetpack. Dieses Mehrzweck-Plugin verfügt über viele Funktionen, mit denen Sie die Leistung Ihrer WordPress-Website optimieren können, und es ermöglicht Ihnen auch, bedingte Widgets zu verwalten.
Schritt 1: Öffnen Sie die Jetpack-Einstellungen
Nachdem Sie die erforderlichen Jetpack-Installations- und Einrichtungsschritte durchgeführt haben, müssen Sie die Seite Jetpack > Einstellungen in Ihrem WordPress-Dashboard besuchen. Klicken Sie dann auf die Registerkarte Schreiben .
Die Widget-Sichtbarkeitsfunktion ist standardmäßig nicht aktiviert. Sie müssen nach unten zum Bereich mit den Widget- Einstellungen scrollen und diese Option aktivieren.
Ihre Änderungen werden automatisch gespeichert. Sobald Sie diesen Schritt abgeschlossen haben, können Sie steuern, wo Widgets auf Ihrer Website angezeigt werden.
Schritt 2: Neue Regeln hinzufügen
Nachdem Ihre Sichtbarkeitsfunktion aktiviert wurde, können Sie in Ihrem WordPress-Dashboard zu Darstellung > Widget navigieren. Wenn Sie auf ein aktives Widget klicken, sehen Sie eine neue Sichtbarkeitsschaltfläche .
Wenn Sie Sichtbarkeit auswählen, finden Sie ein neues Panel mit Optionen, in dem Sie Sichtbarkeitslogikanweisungen erstellen können. Mit diesen können Sie steuern, wo jedes einzelne Widget auf Ihrer WordPress-Website angezeigt wird.
Sie können mehrere logische Anweisungen erstellen, um die Sichtbarkeit Ihres Widgets zu steuern, aber Sie müssen dann entscheiden, ob alle Bedingungen erfüllt werden sollen. Wenn dies der Fall ist, sollten Sie das Kontrollkästchen Alle Bedingungen erfüllen aktivieren.
Wenn Sie beispielsweise das Widget „Neueste Posts“ auf der Startseite Ihrer Website ausblenden möchten, aber nur, wenn Posts von einem bestimmten Autor stammen, könnten Sie die Logik wie folgt einrichten.
Indem Sie Jetpack verwenden, um Ihre Widgets anzupassen, sollten Sie den Code Ihres Designs nicht anpassen müssen. Wir empfehlen jedoch dennoch, Ihre neuen Einstellungen auf einem Staging-Server zu testen, bevor Sie sie auf Ihrer Live-Website bereitstellen.
Passen Sie Ihre Website mit WP Engine an
Jetzt, da Sie wissen, wie Sie mehr Kontrolle darüber erlangen, auf welchen Seiten und Beiträgen Ihre WordPress-Widgets erscheinen, können Sie hochrelevante Seitenleisten für Ihre Website erstellen. Hier bei WP Engine verstehen wir, wie wichtig der Zugriff auf die richtigen Entwicklerressourcen sein kann, wenn Sie eine wirklich benutzerdefinierte Website erstellen möchten.
Darüber hinaus kann die Anpassung von Websites oft viele Tests, Versuche und Irrtümer erfordern. Aus diesem Grund bieten wir eine Vielzahl von Hosting-Plänen mit allen Tools und Ressourcen an, die Sie benötigen, um ein erstaunliches digitales Erlebnis aufzubauen. Sehen Sie sich alle unsere WordPress-Lösungen und -Produkte für Ihr nächstes Projekt an!