So zeigen Sie inhaltssensitive Seitenleisten für jede WordPress-Seite oder jeden Post-Typ an

In Ordnung, sprechen wir über inhaltsbewusste Seitenleisten. Bevor wir dies tun, sollten wir jedoch zunächst über Sidebars im Allgemeinen sprechen.

Die typische Seitenleiste ist ein Grundnahrungsmittel des Webdesigns und vieler WordPress-Themes. Sie sind ein guter Ort, um zusätzliche Informationen wie Kontaktformulare, Ihre neuesten oder beliebtesten Blog-Posts, Werbung oder alles andere anzuzeigen, was nicht die Hauptattraktion Ihrer Website ist. Während in den letzten Jahren der Trend zu einseitigen Designs ohne Seitenleisten gegangen ist, bleiben sie ein beliebtes Element.

In den meisten Fällen zeigt die Seitenleiste einer Website den gleichen Inhalt, egal auf welcher Seite Sie sich befinden. Dies ist jedoch nicht immer der optimale Weg. Tatsächlich gibt es viele Gründe, benutzerdefinierte Seitenleisten auf verschiedenen Seiten oder Beiträgen anzuzeigen, die sich des begleitenden Inhalts bewusst sind.

Aus diesem Grund möchten wir in diesem Artikel mehr über dieses Thema sprechen. Wir zeigen Ihnen zunächst Anwendungsfälle für inhaltsbewusste Seitenleisten. Auf diese Weise werden Sie verstehen, ob sie für Sie sinnvoll sind. Danach fahren wir fort, indem wir erklären, wie Sie diese Art von Seitenleiste auf Ihrer WordPress-Website implementieren.

Bereit zu gehen? Dann lass uns krachen.

Was ist der Sinn von inhaltssensitiven Seitenleisten?

Lassen Sie uns vor allem darüber sprechen, warum Sie sich überhaupt die Mühe machen würden, Seitenleisten anzupassen, je nachdem, neben welchen Inhalten sie angezeigt werden. Immerhin gibt es die statische Seitenleiste schon seit Ewigkeiten und scheint immer noch zu funktionieren. Warum mit einem funktionierenden System herumspielen?

Wie sich herausstellt, gibt es viele Anwendungsfälle, in denen es sinnvoll ist, inhaltsbewusste Seitenleisten zu verwenden:

• Onboarding – Erstbesucher benötigen möglicherweise andere Inhalte als Stammgäste. Zum Beispiel müssen Ihre angemeldeten Benutzer nicht den Call-to-Action „Anmelden“ sehen, mit dem Personen dazu gebracht werden sollen, Ihrer Site oder Ihrer E-Mail-Liste beizutreten.
• Maßgeschneiderte Informationen — Einige Informationen sind auf einigen Seiten sinnvoller als auf anderen. Beispiele sind zusätzliche Kontaktinformationen auf der Kontaktseite, beste oder neueste Artikel auf der Blogseite, Sonderangebote auf der Shopseite – Sie erhalten das Wesentliche.
• Verbesserte SEO – Der Inhalt der Seitenleiste ist zwar kein wichtiger Faktor, aber dennoch wichtig für die Suchmaschinenoptimierung (insbesondere wenn Widget-Titel richtig in Überschriften-Tags eingeschlossen sind). Daher können Sie inhaltsbewusste Seitenleisten verwenden, um Ihre Seiten noch zielgerichteter zu gestalten.
• Calls-to-Action – Sie können diese Art von Seitenleiste auch verwenden, um Calls-to-Action für verschiedene Stellen auf Ihrer Website anzupassen.
• Sprachen — Sie ermöglichen es auch, Seitenleisten für verschiedene Sprachversionen Ihrer Website zu erstellen und auf verschiedene Märkte abzuzielen.

Wie Sie sehen, gibt es mehrere Gründe, inhaltsbewusste Seitenleisten zu verwenden, und diese Liste ist bei weitem nicht vollständig. Wenden wir uns nun jedoch der Umsetzung zu.

So implementieren Sie inhaltssensitive Seitenleisten in WordPress

Es gibt drei Möglichkeiten, benutzerdefinierte Seitenleisten für Beiträge und Seiten einzurichten. Allen gemeinsam ist, dass sich der Inhalt der Seitenleiste als Reaktion darauf ändert, auf welcher Seite oder auf welcher Seite sie angezeigt wird. Zu den Bedingungen gehören WordPress-Tags, Kategorien, Seitennamen oder andere Attribute, z. B. ob ein Benutzer angemeldet ist oder nicht.

Danach wird die Seitenleiste normalerweise auf eine von drei Arten geändert:

• Widgets filtern — Eine Seitenleiste ist mit Widgets gefüllt und eine Art Logik im Hintergrund entscheidet, welche Widgets an welcher Stelle erscheinen und welche versteckt sind
• Richten Sie ganze Seitenleisten ein – Eine andere Möglichkeit besteht darin, völlig separate Seitenleisten zu erstellen, die an derselben Stelle angezeigt werden, wenn unterschiedliche Bedingungen erfüllt sind. Sie können individuelle Widget-Konfigurationen enthalten.
• Festcodiert in das Thema — Natürlich können Sie Ihren Themendateien auch benutzerdefinierte Seitenleisten hinzufügen, wenn Sie die Codierung dafür haben

Ich persönlich denke, dass die zweite Methode diejenige ist, die zu der ordentlichsten Benutzeroberfläche führt. Im Folgenden gehen wir jedoch auf jeden Weg im Detail ein, damit Sie sich selbst ein Bild machen können. Danach listen wir einige weitere Optionen auf, um benutzerdefinierte Seitenleisten auf Ihrer WordPress-Site zu implementieren.

Verwenden Sie die Jetpack-Widget-Sichtbarkeit, um Widgets zu filtern

Der einfachste Weg, das Widget-Erscheinungsbild auf Ihrer Site zu filtern, ist das in Jetpack enthaltene Modul Widget-Sichtbarkeit mit dem treffenden Namen. Wenn Sie das Plugin bereits auf Ihrer Site haben, ist das Erstellen benutzerdefinierter Seitenleisten so einfach wie das Aktivieren des Moduls (sofern es nicht bereits standardmäßig aktiv ist). Alternativ können Sie auch diese Standalone-Version verwenden.

Sobald Sie dies getan haben und zum Widget-Menü gehen, finden Sie auf allen Ihren Widgets eine neue Sichtbarkeitsschaltfläche . Klicken Sie darauf und implementieren Sie ganz einfach die gewünschte Anzeigelogik für Ihre Widgets über Drop-Down-Menüs.

Die Bedingungen für die Sichtbarkeit sind wie folgt:

• Kategorie – Widgets können auf bestimmten Kategorieseiten oder auf allen angezeigt werden
• Autor — Erscheinen auf allen Autorenseiten oder auf bestimmte Benutzer beschränkt
• Benutzer – Überprüft, ob der Benutzer angemeldet ist oder nicht
• Rolle – Steuern Sie Widgets je nach Benutzerrolle
• Tag — Funktioniert wie Kategorieseiten, aber für Tags
• Datum – Steuern Sie, an welchem ​​Datum Archiv-Widgets angezeigt werden
• Seite – Stellen Sie die Widget-Sichtbarkeit für Titelseite, Beitragsseite, Archivseiten, die 404-Fehlerseite, Beitragstypen, Beitragstypenarchive und statische Seiten ein.

Für jede Option können Sie festlegen, ob Widgets angezeigt oder ausgeblendet werden. Regeln müssen separat eingegeben werden, dh es können nicht mehrere Seiten gleichzeitig eingegeben werden. Diese Methode ist jedoch noch bequemer als die manuelle Eingabe von Seiten-IDs bei Bedarf in anderen Lösungen (mehr dazu weiter unten). Es gibt auch ein Kontrollkästchen Alle Bedingungen erfüllen , das erzwingt, dass Widgets nur angezeigt werden, wenn alle Bedingungen gültig sind.

Mit inhaltssensitiven Seitenleisten können Sie benutzerdefinierte Seitenleisten einrichten

Die zweite Lösung, über die wir sprechen möchten, ist das Content Aware Sidebars-Plugin. Wie bereits erwähnt, können Sie mit diesem Plugin ganze Seitenleisten einrichten, die Sie dann mit Widgets füllen und Beiträgen und Seiten zuweisen können. Es ist ziemlich einfach zu bedienen.

Nach der Installation finden Sie im WordPress-Menü einen neuen Menüpunkt namens Sidebars .

Wenn Sie hier Neu hinzufügen wählen, gelangen Sie zu diesem Bildschirm:

Hier müssen Sie zunächst Ihre Seitenleiste benennen. Danach ist es an der Zeit, die Bedingungen für die Anzeige festzulegen. Verfügbare Optionen sind ähnlich wie bei Jetpack:

• Statische Seiten – Wählen Sie statische Seiten aus, auf denen die Seitenleiste angezeigt werden soll, wie die Startseite, Suchergebnisse oder 404-Fehlerseiten
• Posts — Dieselben Optionen wie oben, aber für Posts
• Seiten – Wählen Sie aus, auf welchen Seiten Ihrer Website die Seitenleiste angezeigt werden soll
• Medien – Legt fest, auf welchen Medienseiten Ihre Seitenleiste angezeigt wird
• Autoren — Beschränken Sie die Anzeige auf Autorenseiten
• Seitenvorlagen – Wählen Sie Seitenvorlagen aus, auf denen Ihre Seitenleiste angezeigt werden soll
• Kategorien — Wählen Sie bestimmte Kategorien oder alle Kategoriearchive aus
• Tags — Dieselben Optionen, aber für Tags
• Formate – Wieder dieselben Einstellungen für Formatarchive
• Termine — Und noch einmal für Terminarchive
• URLs (nur Pro-Version) – Beschränken Sie die Anzeige der Seitenleiste auf bestimmte URLs

Zusätzliche Einstellungen:

• Zeitplan — Legen Sie einen Zeitpunkt für die Anzeige der Seitenleiste fest. In der kostenlosen Version sind Sie auf ganze Tage beschränkt, die Pro-Version bietet granularere Zeitfenster.
• Design – Fügen Sie benutzerdefinierte CSS-Klassen zu Ihren Seitenleisten, Widgets und Widget-Titeln hinzu, um ihre
• Erweitert – Legen Sie die Reihenfolge Ihrer Seitenleisten fest (falls es mehr als eine gibt)

Darüber hinaus können Sie Sidebars auch miteinander verschmelzen, ersetzen, als Widget-Bereiche einrichten und ihre Sichtbarkeit für eingeloggte Benutzer steuern (Benutzerrollen in Pro verfügbar).

Nachdem Sie mit der Konfiguration fertig sind, wird die neue Seitenleiste im normalen Widget-Menü angezeigt, in der Sie sie auffüllen, aktivieren und deaktivieren und sogar frühere Revisionen anzeigen können. Ordentlich und einfach.

Benutzerdefinierte Seitenleisten manuell erstellen

Schließlich ist es auch möglich, per Codierung benutzerdefinierte Seitenleisten zu erstellen. WordPress bietet dafür viele Möglichkeiten und wir werden den Prozess schnell durchgehen.

Das erste, was Sie tun müssen, um benutzerdefinierte Seitenleisten zu erstellen, besteht darin, einen neuen Widget-Bereich zu registrieren. Geben Sie dazu einfach den folgenden Code in die functions.php Ihres (Kind-)Themes ein:

function custom_sidebar_init() {
	register_sidebar( array(
		'name'          => 'New Custom Sidebar',
		'id'            => 'custom_sidebar_1',
		'description'   => 'Add widgets here to appear for single posts.',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
}
add_action( 'widgets_init', 'custom_sidebar_init' );
[/php
Of course, you can change the name and other elements to your liking. After saving and uploading to your server, it will now appear in your widget menu where you can add widgets to it as usual.

<img class="with-border aligncenter wp-image-53962 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2017/06/new-widget-area.jpg" alt="new widget area" width="672" height="445" />

However, so far the sidebar doesn't show up anywhere on your site. To change that, you need to add it to the template file(s) of where you want them to show up.

In our example, we want the new sidebar to appear for single posts, so we would input it inside <em>single.php</em> of our theme. In the case of the <em>Twenty Seventeen</em> theme, that means we would exchange this:

<?php get_sidebar(); ?>

Mit diesem:

<?php if ( is_active_sidebar( 'custom_sidebar_1' ) ) : ?>
	<aside id="secondary" class="widget-area" role="complementary">
		<?php dynamic_sidebar( 'custom_sidebar_1' ); ?>
	</aside><!-- #primary-sidebar -->
<?php endif; ?>

Danach ist das das Endergebnis im Frontend:

Wenn Sie weitere Entwicklungsmöglichkeiten haben, können Sie natürlich weitere Bedingungen hinzufügen, z. B. die Seitenleiste nur für angemeldete Benutzer anzeigen. Sie können auch genauer bestimmen, wo sie angezeigt werden sollen, indem Sie die WordPress-Vorlagenhierarchie verwenden. Es ist vielleicht nicht die dynamischste Lösung, aber sie macht den Trick und kann vollständig im Hintergrund arbeiten, ohne dass zusätzliche Plugins installiert werden müssen.

Zusätzliche Möglichkeiten zur Implementierung von inhaltssensitiven Seitenleisten

Abgesehen von den oben genannten Optionen haben wir noch einige weitere Plugins mit ähnlicher Funktionalität.

Widget-Logik

Dieses Plugin funktioniert ähnlich wie die Jetpack-Lösung, jedoch müssen Sie anstelle von Dropdown-Menüs manuell WordPress-Bedingungs-Tags eingeben. Auf diese Weise können Sie abhängig von beliebig vielen Regeln bestimmen, wo Widgets erscheinen.

Dazu müssen Sie jedoch die IDs Ihrer Seiten kennen und insgesamt ist es etwas technischer als das, was wir oben gesehen haben. Das bedeutet nicht, dass es nicht funktioniert und kein leistungsstarkes Plugin ist, aber weniger technische Leute könnten mit etwas anderem besser dran sein.

Benutzerdefinierte Seitenleisten

Hergestellt von WPMU DEV, hier haben wir eine weitere Lösung zum Einrichten von inhaltsbewussten Seitenleisten, die mit jedem Widget-Bereich funktionieren. Mit dem Plugin können Sie Widgets dynamisch auf jedem Beitrag, jeder Seite, jedem Kategoriearchiv, jedem Beitragstyp und mehr anzeigen. Außerdem macht es all das mit einer sehr leistungsstarken und einfach zu bedienenden Benutzeroberfläche. Eine vollständige Einführung finden Sie im Artikel von Tom Ewer auf ihrer Website.

Einfache Seitenleisten

Die endgültige Lösung zum Erstellen benutzerdefinierter Seitenleisten ist der Einfachheit halber. Es ermöglicht Ihnen, Seitenleisten zuzuweisen und Änderungen in großen Mengen direkt aus dem Seiteneditor heraus vorzunehmen. Nachdem Sie dies getan haben, können Sie diese dann wie gewohnt im Widget-Menü befüllen.

Leider fehlen erweiterte Anpassungsoptionen. Wenn Sie jedoch nur unterschiedliche Seitenleisten für Ihre Seiten haben möchten, ist dies möglicherweise die Lösung, nach der Sie suchen.

Inhaltsorientierte Seitenleisten in Kürze

Es gibt viele gute Gründe, benutzerdefinierte Seitenleisten auf Ihrer Website zu verwenden. Nicht alle Inhalte benötigen die gleichen Informationen, um daneben angezeigt zu werden. Mit inhaltsbewussten Seitenleisten können Sie anzeigen, was sinnvoll ist, anstatt eine Standard-Seitenleiste zu verwenden.

In diesem Tutorial haben wir verschiedene Möglichkeiten zum Erstellen benutzerdefinierter Seitenleisten kennengelernt. Vom Filtern von Widgets über das Erstellen ganz neuer Seitenleisten bis hin zur Codierung in Ihr Design ist alles dabei.

Ausgestattet mit diesen Informationen können Sie jetzt genau die Seitenleisteninhalte bereitstellen, die Sie für eine verbesserte Benutzerinteraktion und einen verbesserten Service für Ihr Publikum benötigen. Versuche es!

Wie sind Ihre Erfahrungen mit inhaltsbewussten Seitenleisten? Lass es uns im Kommentarbereich unten wissen!

Miniaturansicht des Artikels von Kit8.net/shutterstock.com