WEBDevelopment, Solutions, Pictures, Links, Help

Wie erstelle ich selber eine Sidebar in Wordpress, das ist hier die Frage:

Ich habe bei dem Websler Themes nun schon mehrere in Größe, Positionierung und Anordnung variierende Sidebars integriert. Zu eurer rechten z.B. seht ihr eine ca. 340 Pixel breite Sidebar, die ich als DoubleBar bezeichnet habe. Darunter folgen 2 Sidebars die sich nebeneinander angeordnet die 340 pixel je nach Inhalt teilen. Ganz unten findet ihr nochmals 3 sogenannte “Footer”-Bars, die sich über die gesamte Breite meines main contents ca. 1040 pixel (glaub ich, müsste nachschauen ;)  erstrecken.

Wie macht man nun eine eigene Sidebar in sein Wordpress Theme?
Eigentlich ganz einfach:

Zunächst erstellt man eine MeinNameFürDieSidebar.php, wobei mein Name ein von euch eindeutig zu identifizierender Name für den Typ eurer neuen Sidebar sein sollte.
Diese ladet ihr in das Theme Verzeichnis - bei mir sieht das z.B. so aus: wp-content\themes\websler\MeinNameFürDieSidebar.php.
Und der Code der Datei?:
Entweder ihr erstellt eine eigene, oder kopiert eine bestehende, die sich dann direkt optimal in das Design eurer Themes integriert und ändert ggf. über die divs: breite und Design ab.
Wie kann ich meine Sidebar denn nun mal sehen?
Dazu müsst ihr in die index, pages .php, oder welche Seiten ihr sonst noch als Templates für den Aufbau eurer Blogs benötigt. Darin einfach an die gewünschte Stelle (Da wo die Sidebar später erscheinen soll)  folgenden code reinbasteln: <?php include (TEMPLATEPATH . ‘/MeinNameFürDieSidebar‘); ?>

Und wie kann ich die neue Sidebar nun über das Dashboard auswählen und füllen?

In der Functions.php steht der Code für das Anzeigen im Dashboard. Dort ist die Reihenfolge und die ID entscheidend für die Position bei der Widget Auswahl und den angezeigten Namen.

Letzter und wichtigster Schritt:
Eigentlich sind alle Schritte gleich wichtig, vergesst ihr einen, läuft das gannze garnicht oder nicht fehlerfrei. Der letzte Schritt ist nun die Position an der Ihr eure Sidebar in der Functions.php eingebunden habt in eurer MeinNameFürDieSidebar.php ganz oben bei dem Punkt: dynamic_sidebar(x) anstelle des x eintragt.
Beispiel. Ihr habt schon eine Sidebar auf der linken Seite eurers Blogs und möchtet euer Theme nun um eine 2. Sidebar auf der rechten Seite erweitern. In der Function.php steht ganz oben die linke Sidebar mit dynamic_sidebar(1) , also 1 = 1. Position (für die Dashboard Dropdownliste). Den kompletten Code einfach kopieren und darunter einfügen, einen Namen vergeben ‘name’ => und dann dynamic_sidebar(2) , also auf 2 setzten. Eure neue Sidebar erscheint nun an 2. Stelle in der Auswahlliste unter den Widgets.

Das wars schon :) Viel Erfolg!


Tags: , , ,

Der Beitrag wurde am Donnerstag, den 9. April 2009 um 15:14 Uhr veröffentlicht und wurde unter Blog abgelegt. du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.

Sei der erste!

Schreibe mir

Beiträge (RSS) und Kommentare (RSS) | Copyright 2009 Websler.com All rights reserved.| Websler CMS wurde extra für WordPress erstellt