<?php
function my_widget_hello_world($args) {
extract($args);
echo $before_widget;
echo $before_title . __('Hello World') . $after_title;
echo 'Hallo';
echo $after_widget;
}
// register the custom widgets
$my_class = array('classname' => 'widget_hello_world');
wp_register_sidebar_widget('hello_world', __('Hello World'), 'my_widget_hello_world', $my_class);
?>

So sieht es für das erste Widget aus. Statt “Hallo” kannst du da natürlich ausgeben, wonach dir gerade ist, incl. WP-Funktionen wie wp_list_categories() oder so.

Wenn du mehr als eines registrierst, brauchst du das Array nicht immer neu zu bauen:
$my_class['classname'] = 'widget_bonjour';

Danke an Johannes für den Code!

Seit WordPress Version 2.3 sind Widgets Bestandteil von WordPress, in älteren Versionen musste ein Plugin installiert werden, um Widgets nutzen zu können.

Viele Themes besitzen eine oder 2 widget-fähige Sidebars, oder gar mehrere Bereiche, an denen du Widgets einsetzen kannst. Wenn dein Theme keine Widget-Bereiche hat, dann kannst du die Sidebar recht einfach widgetfähig machen.

Beachte: Wenn du das 1. Widget auf deine Sidebars ziehst, dann verschwinden die standardmäßig in der Sidebar vorhandenen Inhalte. Im Normalfall kannst du nur entweder statische Inhalte in der Sidebar haben, oder Widgets.

Wie finde ich heraus, ob mein Blog Widgets benutzt?

Seit WordPress Version 2.5 wird im Dashboard angezeigt, ob deine Sidebar Widgets enthält:

Dein aktuelles Theme ist Kubrick DE-Edition mit 0 Widgets. Du nutzt WordPress 2.6 DE-Edition.

In WordPress 2.3 findest du im Adminbereich im Menü “Themes” unter dem Punkt “Widgets” deine widgetfähigen Sidebars und die darauf liegenden Widgets.

Wie kann ich Widgets umsortieren oder konfigurieren?

Die Widgets-Einstellungen findest du im Adminbereich im Menü “Themes” (in neueren WP-Versionen auch “Design”) im Untermenü Widgets. Hier kannst du Widgets per “Ziehen und Ablegen” auf deine Sidebar bringen oder diese umsortieren.

Bei vielen Widgets kannst du die Ausgabe mit verschiedenen Einstellungen anpassen. Wenn du das Widget auf deine Sidebar gezogen hast, dann kannst du es mit einem Link auf den Pfeil rechts aufklappen und die Einstellungsmöglichkeiten erscheinen.

Viele weitere Informationen über Widgets findest du auf der Widgets-Entwicklerseite (englisch) bei
Automattic sowie im WordPress Codex.

Zunächst muss folgender Code in die functions.php des Themes kopiert werden:

<?php
if ( function_exists('register_sidebar') )
register_sidebar();
?>


Dies ist der mindestens benötigte Code um die Sidebar widgetfähig zu machen. Die minimalistische sidebar.php dazu sieht so aus:

<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : endif; ?>
</ul>


Die Sidebar selbst kann noch Code enthalten, um zusätzliche Elemente zu den Widgets zu enthalten, oder eine Standard-Sidebar anzuzeigen, wenn keine Widgets auf die dynamische Sidebar gezogen wurden. Dazu beispielhaft der folgende Code für die Sidebar:

<ul id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<!-- Standard-Sidebar, wenn keine Widgets vorhanden sind -->
<?php endif; ?>
<!-- zusätzliche statische Sidebar-Elemente -->
</ul>


2 oder mehr dynamische Sidebars

Wenn man 2 oder mehr dynamische Sidebars in seinem Theme haben möchte, dann verwendet man statt register_sidebar() die Funktion register_sidebars($n), wobei $n die Anzahl der Sidebars enthält. In der Sidebar wird dann die dynamische Sidebar mit dynamic_sidebar($i) angesprochen (beginnend mit $i = 1).

Beispiel functions.php für 3 dynamische Sidebars:
<?php
if ( function_exists('register_sidebar') )
register_sidebars(3);
?>


“Meine Sidebar ist keine Liste!” – Widget-Ausgabe beeinflussen

Ist deine Sidebar keine verschachtelte Liste, oder möchtest du den generierten HTML-Code aus anderen Gründen beeinflussen, dann kannst du den obigen Code wie folgt erweitern:
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<div class="title">',
'after_title' => '</div>',
));
Mit diesem Code solltest du genügend CSS-Selektoren bekommen, um jedes Widget individuell stylen zu können.

Mehr Infos über WordPress-Widgets gibts bei automattic.

Für die entsprechende Änderung ist es nötig, an den Template-Dateien des Themes Hand anzulegen.
Diese Dateien mit der Endung .php findest du in deiner WordPress-Installation in folgendem Ordner:
/wp-content/themes/default_de/

Bearbeiten kannst du die Theme-Dateien im Theme-Editor des Adminmenüs, wofür es notwendig ist, per FTP-Programm den Dateien im Theme-Ordner die Rechte (chmod) 666 zu verleihen.
Alternativ kannst du auch dein Theme offline ändern und dann die veränderten Dateien auf deinen Webspace übertragen, wodurch die alten Dateien überschrieben werden (ggf. Backup anlegen!).
Etwaige Zeilenangaben beziehen sich auf das unmodifizierte Theme in Version DE 1.6.

Zuerst ist die sidebar.php an der Reihe.
In Zeile 55 muss folgender Code entfernt werden:
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
Und in Zeile 70 ist dieser Befehl zu entfernen:
<?php } ?>

Nun erscheint auch in den Archivseiten die vollständige Sidebar.
Will man in der Artikelansicht die Sidebar anzeigen (die sonst vollständig fehlt), so muss man die single.php des Themes löschen (es wird dann die index.php des Themes genutzt) oder sich die single.php wie folgt vorknöpfen:
In Zeile 3 ersetzt man
<div id="content" class="widecolumn">
mit diesem Code:
<div id="content" class="narrowcolumn">

Anschließend fügt man in Zeile 65 VOR
<?php get_footer(); ?>
diesen Code hinzu:
<?php get_sidebar(); ?>
so dass die letzten beiden Zeilen so aussehen:
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Zum Schluss ist noch ein Eingriff in die header.php des Themes von Nöten.
Ab Zeile 17 muss der folgende Code:
<?php
// Checks to see whether it needs a sidebar or not
if ( !$withcomments && !is_single() ) {
?>
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>
mit diesem Code ersetzt werden (bis WP 2.1.3):
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }
Beziehungsweise diesem Code, wenn man ein neueres Kubrick (ab WordPress 2.2) einsetzt:
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }

Prinzipiell funktioniert die Sache auch bei anderen Themes die ein ähnliches Verhalten zeigen – dort reicht meist der Eingriff in der sidebar.php.