kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

WordPress: Widgetized Sidebars mit Beschreibung

Um in WordPress Widgets verwalten zu können, benötigt ihr mindestens eine widgetized Sidebar.
Sobald eine solche Sidebar vorhanden ist, kann der User im WordPress-Backend Widgets per Drag & Drop in diesen Bereichen anordnen. Insbesondere für Kunden ist es jedoch häufig schwierig zu verstehen welche Sidebar für welche Website-Inhalte vorgesehen ist bzw. an welcher Stelle im Theme die Widgets erscheinen. Mit einer Beschreibung könnt ihr es euren Kunden etwas leichter machen.

Workshops und Seminare von kulturbanause

Unsere Seminar-Termine für 2018 sind online!

Visual Prototyping, Responsive Design, WordPress, Adobe Muse, HTML & CSS, Website-Optimierung …

Jetzt Frühbucher-Preise sichern!

Sidebar in der functions.php definieren

Kopiert folgendes Code-Snippet in die functions.php um eine neue Sidebar zu definieren. Das folgende Beispiel integriert eine Sidebar mit Namen, Beschreibung und den Code-Snippets die vor- bzw. nach Widgets und Überschriften eingebunden werden.


<?php

// widgetized sidebar
if ( function_exists('register_sidebar') )
  register_sidebar(array(
    'name' => 'Sidebar', // Name der Sidebar 
    'description' => __('Hier steht die Beschreibung der Sidebar'), // Beschreibung der Sidebar
    'before_widget' => '<div class="widget">', // Code der vor Widgets ausgegeben wird
    'after_widget' => '</div>', // Code der nach Widgets ausgegeben wird
    'before_title' => '<h2>', // Code der vor dem Titel ausgegeben wird
    'after_title' => '</h2>', // Code der nach dem Titel ausgegeben wird
));

?>

Die Beschreibung der Sidebar erscheint im Backend unter "Design → Widgets".

wordpress-widgetized-sidebar-beschreibung

Sidebar im Theme einbinden

Der Vollständigkeit halber möchte ich auch noch den Code abbilden, der benötigt wird um die Sidebar im Theme auszugeben. Achtet darauf den Namen der Sidebar !dynamic_sidebar("Sidebar") anzupassen.


<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) : ?>
<!-- Hier werden die Widgets ausgegeben -->
<?php endif; ?>

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!

Unterstützung bei WordPress-Projekten

Unsere WordPress Agentur ist auf die Entwicklung maßgeschneiderter WordPress-Themes und -Websites spezialisiert. Wenn du Unterstützung bei der Planung, Gestaltung und Entwicklung eines Projekts benötigst, helfen wir gerne weiter.
WordPress-Leistungsangebot →

Das könnte dich auch interessieren

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.