Um mit WordPress einen weiteren Schritt in Richtung CMS zu machen, kann man die Widgets der Sidebar oder jeder anderen Widget-Area in einem WordPress-Theme abhängig vom Inhalt anzeigen lassen. Im folgenden Beispiel unterscheide ich zwischen Sidebars für Startseite, Seiten, Artikeleinzelansichten und Kategorien.

Warum verschachtelte Widget-Areas?

Verschachtelte Widget-Areas bieten eine große Flexibilität. Man hat damit die Möglichkeit bspw. verschiedene Sidebars abhängig davon anzuzeigen, wo der Benutzer sich auf der Website befindet.

In meinem Beispiel werde ich abfragen, ob sich der User auf der Startseite, auf einer Seite, in einer Artikeleinzelansicht oder in einer Kategorie befindet. Um nicht obligatorisch für alle Fälle eine eigene Sidebar anlegen zu müssen, erstelle ich außerdem eine allgemeine Sidebar, die immer dann angezeigt wird, wenn für den jeweiligen Unterbereich keine Widgets definiert wurden.

Sprungmarken

• Erstellen einer Widget-Area
• Ausgabe der Widgets im Theme
• Erstellen mehrerer Widget-Areas
• Verschachteln der Widget-Areas

Erstellen einer Widget-Area

Zum Definieren der Widget-Area benötige ich die Funktion register_sidebar() (s.a. WordPress Codex). Der Funktionsname ist dabei ein wenig irreführend, da man damit nicht nur Widget-Areas in Sidebars, sondern natürlich auch im Footer oder sonstwo in den Theme-Dateien erstellen kann.

Folgenden Code trage ich in die functions.php im Theme-Ordner ein, um zunächst die allgemeine Sidebar namens Sidebar zu erstellen.

Code für functions.php

<?php
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '<div id='%1$s' class='%2$s'>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'));
?>

Bemerkung:
Das Format für die Widgets ist somit festgelegt. Die Widget-Sidebar wird nun im WordPress-Admin bereits (wie oben im Bild zu sehen) angezeigt.

Ausgabe der Widgets im Theme

Jetzt muss dem WordPress-Theme noch gesagt, werden wo diese Widget-Area, wenn sie Widgets enthält (aktiv ist), angezeigt werden soll (s.a. Widgetizing Themes von Automattic).

Für den Aufruf der Widget-Area im Theme (in meinem Beispiel in der sidebar.php) wird die Funktion dynamic_sidebar() (s.a. WordPress Codex) verwendet.

Code für sidebar.php

<div id='sidebar'>

<?php if ( !dynamic_sidebar() ) : ?>

    <!-- hier werden die Widgets angezeigt -->
    <p>Inhalt der Sidebar, wenn keine Widgets aktiv sind.</p>

<?php endif; // endif dynamic sidebar ?>

</div><!-- end sidebar -->

Bemerkung:
In diesem Code liegt meine Sidebar in einem div mit der ID sidebar. Wenn mindestens ein Widget aktiv ist, wird dieses innerhalb der if-Abfrage angezeigt.

Erstellen mehrerer Widget-Areas

In der functions.php lege ich nun auch die übrigen Widget-Areas an, die wir dann später in der Sidebar verschachteln wollen.

Wie schon angesprochen möchte ich eine allgemeine Sidebar erstellen, die immer dann angezeigt wird, wenn für den jeweiligen Unterbereich kein Widget aktiv ist. Außerdem definiere ich die extra Widget-Areas für Startseite, Seite, Artikeleinzelansicht und Kategorie.

Code für functions.php

<?php

// Sidebar Nr. 1 - Allgemein
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '<div id='%1$s' class='%2$s'>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'));

// Sidebar Nr. 2 - Startseite
register_sidebar(array(
'name' => 'Sidebar-Home',
'before_widget' => '<div id='%1$s' class='%2$s'>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'));

// Sidebar Nr. 3 - Seite
register_sidebar(array(
'name' => 'Sidebar-Page',
'before_widget' => '<div id='%1$s' class='%2$s'>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'));

// Sidebar Nr. 4 - Artikeleinzelansicht
register_sidebar(array(
'name' => 'Sidebar-Post',
'before_widget' => '<div id='%1$s' class='%2$s'>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'));

// Sidebar Nr. 5 - Kategorie
register_sidebar(array(
'name' => 'Sidebar-Category',
'before_widget' => '<div id='%1$s' class='%2$s'>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'));

?>

Bemerkung:
Alle für mein Beispiel benötigten Widget-Sidebars sind nun angelegt. Um das Ganze übersichtlich zu halten, habe ich sinnvolle Namen vergeben und die Sidebars zur Übersicht nummeriert (das brauchen wir später noch).

Verschachteln der Widget-Areas

Nochmal zur Verdeutlichung: Es soll erreicht werden, dass, wenn wir uns bspw. in einer Artikeleinzelansicht (Post) befinden, abgefragt wird, ob für diesen Unterbereich Widgets aktiv sind. Wenn das der Fall ist, werden diese in der Sidebar ausgegeben, wenn nicht, wird die allgemeine Startseite angezeigt. Die gleiche Abfrage soll für die Unterbereiche Startseite, Seite und Kategorie gemacht werden.

Wo sich der Benutzer auf der Website befindet, kann ich mit folgenden Conditional Tags (s. a. WordPress Codex) abfragen:

• is_front_page()
• is_page()
• is_single()
• is_archive()

Parallel dazu muss ich herausfinden, ob eine bestimmte Widget-Area aktiv ist, d. h. ob ihr Widgets zugewiesen wurden. Das mache ich mit dem Conditional Tag is_active_sidebar().

Die verschiedenen Sidebars werden durch den Namen, die ID oder der Nummer identifiziert. Ich habe mir für die eindeutige Zuordnung durch die Nummer (Reihenfolge) entschieden.

• Nr. 1 = Sidebar Allgemein
• Nr. 2 = Sidebar Startseite
• Nr. 3 = Sidebar Seite
• Nr. 4 = Sidebar Artikeleinzelansicht
• Nr. 5 = Sidebar Kategorie

Code für sidebar.php

<div id='sidebar'>

<?php
    if(is_front_page() &amp;&amp; is_active_sidebar(2)) : dynamic_sidebar(2);
    elseif(is_page() &amp;&amp; is_active_sidebar(3)) : dynamic_sidebar(3);
    elseif(is_single() &amp;&amp; is_active_sidebar(4)) : dynamic_sidebar(4);
    elseif(is_archive() &amp;&amp; is_active_sidebar(5)) : dynamic_sidebar(5);

    else : 

        if (!dynamic_sidebar(1)) : ?>

    	<!-- hier werden die Widgets angezeigt -->
    	<p>Inhalt der Sidebar, wenn keine Widgets aktiv sind.</p>

        <?php endif; // endif dynamic sidebar ?>

<?php endif; // endif active sidebars ?>

</div><!-- end sidebar -->

In Worten bedeutet dieser Code:

Wenn der User auf der Startseite ist und die Sidebar Nr. 2 aktiv ist, dann zeige diese an. Wenn sich der User auf einer Seite bewegt und die Sidebar Nr. 3 aktiv ist, dann zeige diese an. Wenn sich der User in einer Artikeleinzelansicht bewegt und die Sidebar Nr. 4 aktiv ist, dann zeige diese an. Wenn eine Kategorie angezeigt wird und die Sidebar Nr. 5 aktiv ist, dann zeige diese an.

Wenn all das nicht der Fall ist, wird abgefragt, ob die allgemeine Sidebar Nr. 1 aktiv ist. Wenn auch das nicht der Fall ist, dann wird der Text Inhalt der Sidebar, wenn keine Widgets aktiv sind. angezeigt.

Verbesserungsvorschläge?

Da es sich meines Erachtens um ein interessantes Feature für WordPress-Themes handelt, würde ich mich über Verbesserungsvorchläge freuen, sollte jemand eine einfachere oder bessere Lösung haben. Da ich kein PHP-Experte bin, kann es sein, dass dieser Code evtl. noch effektiver gestaltet werden kann.

Fazit

Mit verschachtelten Widget-Areas kann man schon ein gutes Stück an Flexibilität in einem WordPress-Theme gewinnen und sich somit weiter in Richtung CMS bewegen. Das Beispiel ist natürlich beliebig erweiterbar, da man alle möglichen Abfragen für die Anzeige verschiedener Widget-Areas verwenden kann. Hier ist Kreativität gefragt.

Relevante Links

• register_sidebar() – WordPress Codex
• dynamic_sidebar() – WordPress Codex
• Conditional Tags – WordPress Codex
• Widgetizing Themes von Automattic