Sidebar
ein-/ausblenden

Beschreibungen für WordPress Widget-Bereiche

Plugin für WordPress SEO

Anzeige

WP Adventskalender 05
Mit WordPress Version 2.9 gibt es nun die Möglichkeit, dass man nähere Beschreibungen der Widget-Bereiche übergeben kann. Dies ist besonders dann interessant, wenn man unterschiedliche Widget-Areas definiert, sei es in Abhängigkeit der Kategorien in der Sidebar oder weil man als Theme-Autor diverse Widget-Bereiche definiert, die Anpassungen in mehr Bereichen, als nur im Sidebar, zulassen. Ich tue dies beispielsweise im Theme Greyfoto, wo auch der Footer-Bereich via Widgets bestückt werden kann.

Im folgenden Beispiel-Code wird ein Widget-Bereich definiert, genannt My Lorem Ipsum Sidebar, der eine „nähere“ Beschreibung enthält und so eindeutiger sein kann; der Code gehört in die functions.php des Themes.


if ( function_exists('register_sidebar') ) {
	register_sidebar(array(
		'name' => 'My Lorem Ipsum Sidebar',
		'description' => __('Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.', 'your_textdomain'),
		'before_widget' => '<li id="%1$s" class="widget %2$s">',
		'after_widget' => '</li>',
		'before_title' => '<h2 class="widgettitle">',
		'after_title' => '</h2>',
	));
}

WordPress Widget Bereich

Ein etwas umfassendes Beispiel mit zwei Widgetbereichen, ein Bereich für den Sidebar und ein Bereich für den Footer; in der Regle also in die footer.php.


if ( function_exists('register_sidebar') ) {
	register_sidebar(array(
		'id' => 'mysidebar',
		'name' => 'My Lorem Ipsum Sidebar',
		'description' => __('Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.', 'your_textdomain'),
		'before_widget' => '<li id="%1$s" class="widget %2$s">',
		'after_widget' => '</li>',
		'before_title' => '<h2 class="widgettitle">',
		'after_title' => '</h2>',
	));

	register_sidebar(array(
		'id' => 'myfooter',
		'name' => 'My Lorem Ipsum Footer',
		'description' => __('Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.', 'your_textdomain'),
		'before_widget' => '<li id="%1$s" class="widget %2$s">',
		'after_widget' => '</li>',
		'before_title' => '<h2 class="widgettitle">',
		'after_title' => '</h2>',
	));
}

Diesen kann man im einfachsten Fall dann wie folgt in den Templates nutzen; im folgendem mal die Nutzung in der footer.php des Widget-Bereiches My Lorem Ipsum Footer.


<div id="myfooter">
	<ul>
		<?php dynamic_sidebar('myfooter'); ?>
	</ul>
</div>

9 Kommentare zu „Beschreibungen für WordPress Widget-Bereiche“

  1. 1
    Kommentar von Simon

    Hi Frank,
    die Widget-ID footer ist problematisch, da WordPress diese ID auch als CSS-ID (#footer) auf die Widget-Area-Box anwendet. Diese wird jedoch schon vom generellen Admin-Footer verwendet. Daher auch der dunkle Hintergrund in der unteren Widget-Box (Screenshot). Grüße!

  2. 2
    Kommentar von Frank Bültge

    @Simon: danke, du hast natürlich recht und daher habe ich es auch gleich gefixt.

  3. 3
    Kommentar von WpUser

    Mal eine Blöde Frage. Wo muss ich den PHP Code denn reinschreiben - in die sidebar.php ??

  4. 4
    Kommentar von Frank Bültge

    @WpUser: is tim Text hinterlegt, der Source der Widgets kommt in die functions.php und der Aufruf an der Stelle, wo es erscheinen soll, z.b. die footer.php

  5. 5
    Kommentar von Maria

    Hallo,
    also erstmal vorne weg... DAS ist genau das was ich gesucht habe!!!
    Ich bin mega glüklich, da ich fast daran verzweifelt wäre einige Widgets in den Footer zu kriegen...

    Danke!!!

    Aber, ich habe nun noch ein Problem...
    Er bindet mir die Widgets, die ich haben will ein, aber er übernimmt nicht das normale Widget-Designt bzw. Format...
    Wie krieg ich das hin???

    Für eine Antwort wäre ich dir sehr dankbar!
    Lieben Gruß

  6. 6
    Kommentar von Frank Bültge

    @Maria: die einzelnen Bereiche müssen im Frontend abgefragt werden, im Theme Greyfoto mache ich das (kann man frei nutzen und ansehen) oder schaue dir mal das Tutorial von Simon an.

  7. 7
    Kommentar von Maria

    Hey Frank, also ich hab mich mit dem Artikel, den du mir empfohlen hast auseinander gesetzt und an meienr Seite rum probiert, allerdings klappt es nicht. Mein html Code ist irgendwie ein wenig merkwürdig, da das Theme mit einem Programm selber kreiert worden ist.

    Meine "FooterSidebar" will einfach nicht die Formatierung der Sidebar1 annehmen.

    Hier mal der Link, damit du dir das mal anschauen kannst:
    http://www.nrw-beamte.de

    ich hoffe du kannst mir sagen wie ich das regeln kann, denn bisher hat nichts geklappt :(
    Lieben Gruß

  8. 8
    Kommentar von Frank Bültge

    @Maria: nein, kann ich nicht; dazu muss ich den Source, also den PHP Code, sehen

  9. 9
    Kommentar von Frank Bültge

    @maria: sende mir eine Zip, als Kommentar ist das noch mehr Zeitaufwand um es zu lesen, geschweige denn das Problem zu finden.

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

E-Mail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.