Deutschpr. WordPress Theme :: GreenDog 2.1

Author: Leo

4 Jun 08

Was ist neu?

Nun ist es soweit: Das schöne und auffällige Theme GreenDog, welches ich in der Version 1.1 ins Deutsch übersetzt und den Kategorien-Bereich verändert habe, erhält nun eine überarbeite zweispaltige Sidebar. Gleichzeitig habe ich den Style-Sheet weiter optimiert und die Sidebar widgetfähig gemacht.

Was ist dynamische Sidebar?

Ab der WordPress Version 2.3.x ist eine dynamische Sidebar in das System integriert (Design –> Widgets), mit welcher ist es ohne HTML- und PHP-Kenntnisse leicht möglich, den Inhalt der vertikalen Menüleiste (sog. Sidebar) anzupassen. Der Administrator kann also die Sidebar mit verfügbaren Widgets erweitern bzw. eingeschaltete Widgets entfernen, ohne dabei die sidebar.php zu verändern (s. die offizielle Doku). Widgets stellen mittlerweile die meisten Entwickler von Plugins zur Verfügung, wenn es einen Sinn macht. WordPress bietet Standard-Widgets wie Kalendar, Archiv, Links, RSS etc. von Haus aus zur Auswahl.

Wie funktioniert es?

Die Sidebar habe ich entsprechend dem Wunsch von Matthias vertikal in zwei Menüleisten mit jeweils 210 Px getrennt. Somit wird das Theme nun dreispaltig. Ich fand es auch vernünftig, den Kategorien-Bereich zu verkleinern, da er sonst bei wenigen Kategorien zu viel Platz einnimmt.

Im Admin-Bereich “Design –> Widgets” unter “Momentane Widgets” (deutsche WP-Version) kann man die linke oder die rechte Sidebar in der Drop-Down-Liste auswählen und die gewünschten Widgets einfach mit Klick auf Plus-Minus-Zeichen zur Sidebar hinzufügen. Einige Widgets haben Optionen, die utner “Bearbeiten” zu finden sind. Die Reihenfolge der Widgets ändert man, indem das Widget mit Drag & Drop nach unten oder oben zieht. Das Entferen eines Widgets von der Sidebar ist unter “Bearbeiten” versteckt. Nach dem Bearbeiten sollte man nicht vergessen, die Änderungen zu speichern (Schaltfläche “Änderungen speichern“).

Die Suche und die Kategorien sind vom dynamischen Bereich momentan ausgeschlossen, da sie sich farblich von den anderen Sidebar-Widgets optisch unterscheiden und Mithilfe der Hintergrund-Bilder miteinander verbunden sind. Es ist aber auch möglich, die Suche und die Kategorien-Liste als Widget zu laden. Das von GreenDog stammende Suchfeld und die Kategorien-Liste müsste man dann aus der sidebar.php entfernen. Ich finde allerdings die beiden optisch gelungen – wer einer anderen Meinung ist, soll bitte selber die Hand anlegen. Ich könnte ggf. dabei die erste Hilfe leisten.

Geht es auch ohne Widgetizing?

Wenn man die dynamische Sidebar abschaltet (im Admin-Bereich habe ich leider keinen Schalter gefunden), werden standardmäßig Suche, Kategorien und Tagwolke in der linken Menüleiste und Links (Blogroll) in der rechten angezeigt. Zum Abschalten könnte man z.B. in der Datei functions.php die sonst benötigte Funktion register_sidebars() mit Doppel-Slash auskommentieren. Vielleicht kann man einfach alle Widgets aus der Sidebar(s) entfernen – ich hab’s nicht ausprobiert.

Die zweispaltige dynamische Sidebar ist ansonsten jedem Theme-Benutzer bzw. seiner Vorstellung zusammen mit den verfügbaren Widgets überlassen. Ich empfehle allerdings mit Widgets nicht gleich zu übertreiben, da die Sidebar sonst überladen wirkt. Lade nur die Widgets, die du wirklich brauchst oder welche aus deiner Sicht einem neuen Benutzer deines Blogs den Einstieg/Überblick erleichtern würden oder aus der Sicht der SEO nützlich wären.

Merkmale:

Vollständig in Deutsch
Für WordPress ab Version 2.x (getestet mit 2.5.1)
Valider XHTML- und CSS-Code
Dynamische Breite für Header- und Fußleiste
Feste Breite 1000 Pixel für Content und Sidebar
Dynamische zweispaltige Sidebar (NEU: widgetfähig!)
Optional: Mit Tagwolke (Tag Cloud)
Optional: Mit Kontakt- und Archiv-Template

Voraussetzungen:

Keine.

Installation:

Das entpackte Verzeichnis in den wp-content/themes/-Ordner ihres WordPress-Installationsverzeichnisses kopieren und das Theme im Bereich Design –> Themes aktivieren.

Download:

GreenDog 2.1 (dreispaltige Version mit dynamischer Sidebar)

Abgelegt in: Themes, WordPress

12 Kommentare zu "Deutschpr. WordPress Theme :: GreenDog 2.1"

Matthias 5. Juni 2008 1

Hallo Leo,
vielen Dank für die Änderungen in Greendog. Das Theme 2.0 ist weit besser als die Originalversion. Verschiedene Listenpunkte, Widgetfähigkeit sogar in zwei Sidebars, Farbwahl und Design machen das Theme besonders.
Obwohl ich, wie du empfiehlst (übrigens interessanter Beitrag)
http://web.leoxp.de/blogging-tips-oder-bloggen-tipps/
noch keine fünf Beiträge in meinem Weblog habe und das Ganze noch nicht fertig ist, hier schon mal eine Link, damit sich der ein oder andere das Theme anschauen kann.
http://www.gpaed.de/blog/

Ich habe allerdings den Header etwas an mein Layout angepasst und in den Footer habe ich die letzten Beiträge, Kommentare gelistet und zusätzlich eine Kurzinfo aufgenommen.
Wenn ich auf Weblogs unterwegs bin, dann hält mich der Footer oftmals länger auf der Seite, da ich da unten oftmals doch noch was entdecke, was ich weiter oben übersehen habe…

Nochmals vielen Dank für die tollen Änderungen.
Matthias
Leo 5. Juni 2008 2

Vielen Dank! Das GreenDog ist wirklich ein Unikat. Ich habe bis jetzt noch kein Theme gesehen, welches im Template-Quellcode so übersichtlich und einfach gehalten und mit so wenigen Dateien ausgekommen wäre. Für einen Einstieg ist es auf jeden Fall sehr gut geeignet.

Vielleicht optimierst du GreenDog weiter und vielleicht gibt’s bei dir irgendwann Version 3.0. Ich werde bei dir ab und zu mal rein schauen.

Gruß
Leo
Matthias 8. Juni 2008 3

Hallo Leo, soweit läuft weiterhin alles gut mit deinem Greedog Theme. Allerdings habe ich ziemliche Probleme das das Page Bar Plugin in das Layout des Themes zu integrieren.
Ein Output ist da, aber wie kann ich die Hintergrundgrafiken zuweisen?
Hast du vielleicht einen Tipp für mich. In deinem Weblog hast du die Integration ja ganz gut hinbekommen
Servus
Matthias
Leo 9. Juni 2008 4

Hallo Matthias,
für Plugins kann ich dir leider keinen Support leisten, weil ich dann selber das Theme mit den Plugins testen müsste und ggf. CSS anpassen müsste, was viel Zeit in Anspruch nehmen würde. Ich möchte in das Theme nicht mehr viel Zeit investieren, es sei denn, es tauchen Fehler im CSS oder HTML auf.

Plugins würde ich mit Bedacht verwenden, da jedes Plugin eben solche Probleme verursachen könnte und zudem WordPress unstabiler und unsicherer machen könnte. Ich verwende Pagebar, weil sie in meinem jetzigen Theme bereits integriert war. So viel ich weiß, hat Pagebar 2 keine Hintegrundgrafiken. Wenn du Pagebar optisch an GreenDog anpassen möchtest, wird es schwierig. Denn du musst dann wahrscheinlich zusätzliche Hintergrundgrafiken erstellen.

Grundsätzlich ist es leichter, das Problem der User nachzuvollziehen, wenn man die Seite online anschauen kann.

Einen Tipp zum Schluß kann ich dir gerne geben. Wenn du das Firefox Plugin “Firebug” noch nicht kennst – es ist ein must have für jeden Webentwickler. Das Plugin könnte allerdings Firefox verlangsamen oder zum Abstürzen bringen. Man könnte es aber auch jederzeit abschalten. Mit “Inspect” könntest du mit Firebug jedes HTML-Element samt ihm zugewiesenen CSS inspizieren, so auch bei der Pagebar.

Ein Vorschlag: Ich würde an deiner Stelle das Archiv noch nicht in die Kategorien integrieren, da du noch kein großes Archiv hast.

Servus
Leo
Matthias 9. Juni 2008 5

Hallo Leo,
danke für die Tipps. Ich bin momentan am experimentieren und probiere ziemlich viele Plugins aus, habe aber auch viele wieder entfernt. Pagebar erscheint mir sinnvoll v.a. bei mehreren Beiträgen und auch weil es besser zu erkennen ist, als die Standardlinks von greendog.
Wahrscheinlich ist es sogar besser die Hintergrundgrafiken wegzulassen, einfacher ists auf alle Fälle

Firebug hab ich bereits gehört, aber noch nicht insalliert. Die Web Developer Toolbar installiere und deinstalliere ich auch immer nur bei Bedarf. Damit kann man sicherlich auch bei Firebug die Probleme umgehen.

viele Grüße
Matthias
derhenry 12. Dezember 2008 6

Mensch, super. Mein Lieblingstheme jetzt auch mit Widgets. Aber es funktioniert bei mir (WP 2.7) nicht.
Die Sidebar überlappt sich irgendwie ganz komisch. Und selbst wenn ich alle Widgets aus den beiden Sidebars herausschmeiße, werden Kategorien, Suchfeld & Co. trotzdem noch angezeigt.
Leo 13. Dezember 2008 7

Hallo Henry,
Danke für den Hinweis; habe selber 2.7 erst seit gestern. Werde mir bei Gelegenheit anschauen.
Leo 13. Dezember 2008 8

@derhenry: bei mir schaut’s eigentlich gut aus. weiß nicht, warum sich die Sidebar bei dir überlappt. Die Sidebar 1 besteht nicht nur aus Widgets – schau in der sidebar.php nach.
derhenry 13. Dezember 2008 9

Hey Leo,

so, jetzt habe ich Dein neues Template am laufen. Vielen Dank also nochmals. Bei meiner alten Version ging die garue Box mit dem Suchfeld und den Kommentaren jedoch über beide Sidebars hinweg, war also breiter. Hast Du eine Idee, wie man das hinbekommt?
Und wo muss man denn drehen, damit die Archiv-Auswahlbox zentriert ausgerichtet wird?

Schönen dritten Advent wünscht
derhenry

P.S. Willkommen in meiner Blogroll.
Leo 14. Dezember 2008 10

Hallo Henry,

die Auswahl-Box habe ich nun zenrtiert ausgerichtet, ist mir nicht aufgefallen, da ich eine normale Liste bevorzuge. Die Änderung habe ich in der neuen Version 2.1 gespeichert (lade das neue ZIP einfach runter – die Änderungen befinden sich lediglich in der style.css).

Mit dem Suchfeld und der alten Version kann ich nicht genau nachvollziehen – schicke einen Screeenshot oder so, wenn du unbedingt brauchst. Ich möchte mich ehrlich gesagt nicht unbedingt mit der alten Version beschäftigen. Schau in der sidebar.php, welche CSS-Klasse das Suchfeld hat (es müsste id=”search” sein) und schau dir die entspr. CSS-Anweisungen in der Datei style.css an.

P.S.: Danke für den Blogroll-Eintrag, werde versuchen, den Blog aktuell zu halten.
derhenry 17. Dezember 2008 11

Hey Leo,

so, ich habe jetzt alles so, wie ich es möchte angepasst. Sind überall nur Kleinigkeiten gewesen (Autornamen benötige ich nicht, anderes Datumsformat,…), aber jetzt ist fast alles wie ich es gerne hätte. Fast: Denn ich hätte gerne die Avatare (Gravatare) der Leute bei den Kommentaren gesehen. Hast Du eine Ahnung, wie ich das Bildchen auf die Einzelseitenansicht des Beitrages und vielleicht sogar in das Widget der letzten Kommentare bekomme?

Schöne Grüße
derhenry
Leo 18. Dezember 2008 12

Hallo Henry,

wenn Du Avatare verwenden möchtest, schau dich doch einfach nach einem Plugin (z. B. hier) um. Ich möchte, wie gesagt, nicht mehr viel Zeit in das Theme investieren. Das kannst Du sicherlich verstehen; auch unter dem Aspekt, dass ich da vielleicht etliche Stunden (wie beim Matthias, s. o.) investiere und Du nimmst dann doch ein ein anderes Theme her. Es wäre dann für mich nicht befriedigend. Sorry, nimm’s bitte nicht persönlich.

Wenn Du dich wiederum selber mit der Bearbeitung von WP-Themes und der Integration von Plugins auseinander setzt, hast Du mehr davon.

Gruß
Leo