dynamicinternet Wir machen Ihr Web dynamisch!

What comes next?

geschrieben von Micha am 21. Juni 2008 | 1 Kommentar

Die Resonanz auf mein YAML Green Theme war insgesamt sehr positiv. Jeden Tag sehe ich neue Blogs, die es im Einsatz haben. Sogar eine Brauerei ist dabei . Ein Theme hat aber immer einen entscheidenden Nachteil: Es wird niemals den vielen unterschiedlichen Geschmäckern gerecht. Und da ich weder Zeit noch Lust habe, ständig neue Themes zu machen, werde ich mehr in Richtung “Baukasten für Entwickler” tun.

Mein Ziel ist es, extrem viel Grundfunktionalität zur Verfügung zu stellen, so daß sich der Anwender nur noch auf das endgültige Aussehen konzentrieren braucht.

In der letzten Zeit habe ich immer wieder verschiedene Sachen getestet. Das brachte mich zu einer Entscheidung für ein anderes YAML Grundlayout. Ich werde nach reiflicher Überlegung für dieses neue System das YAML 1-3-2 Layout verwenden, obwohl es einen entscheidenden Nachteil hat, der Hauptcontent steht im Quelltext an letzter Stelle (Col3). Dadurch gewinne ich aber eine Menge Freiheiten. Ich kann jetzt für die Sidebars eine Breite in Prozent, em oder Pixel angeben, auch im Mix. Also zB. #col1 30em, #col2 150px. Die Breite des Inhaltes #col3 ist immer auto und bleibt dadurch flexibel.

Gerade im internationalen Markt ist häufig zu sehen, das eine Sidebar für Ads genutzt wird. Was macht es für einen Sinn, daß sich diese Spalte prozentual mitvergrößert, wenn sie nur 125×125 Pixel große Werbeboxen beinhaltet? So laß ich dem Nutzer die Freiheit, zu entscheiden, wie er sein Layout gestalten möchte.

Ein weiterer Vorteil dieser Layoutvariante ist die Tatsache, daß #col3 als immer längste Spalte in der “Mitte” des Layouts positioniert ist und damit eine grafische Gestaltung der Spalten #col1 und #col2 sehr einfach ist. Man braucht zB. nur eine Farbe als Hintergrund von #main definieren und #col3 zB. einen weißen Hintergrund geben, schon sind beide seitlichen Spalten eingefärbt und reichen optisch bis zum Ende von #col3. Der Einsatz von Hintergrundgrafiken ist genau so einfach.

Weiterhin ist es mit der Klasse .hideboth aus dem YAML Core möglich, die Spalten #col1 und #col2 auszublenden. Das kann man sehr schön bei einem Startseitentemplate realisieren, wo der volle Platz für die Darstellung von Inhalten benötigt wird.

Mir ist diese Entscheidung bestimmt nicht leicht gefallen, da Content an erster Stelle sicherlich keine schlechte Sache ist. Die gewonnene Freiheit bei der Gestaltung ist mir aber wichtiger als die Position des Inhalts im Quelltext.

Aus den Tests sind einige coole Sachen geworden. Der Header ist jetzt teilbar und als Inhalt für die neue Spalte sind jetzt eine vertikale Navigation für Seiten oder Kategorien auswählbar, ein Template mit eigenen Inhalten oder halt ein Widget. Die horizontale Hauptnavigation kann auf Klick von Seiten auf Kategorien umgestellt werden. Es stehen für die Navi nun die slidingdoor- und die shinybutton-Variante aus dem YAML-Paket zur Auswahl und die Navigation kann nun auch rechts oder links ausgerichtet werden.

Zur Zeit baue ich an einem Startseitentemplate. Realisiert ist: Ausblenden der Sidebar(s), Auswahl einer speziellen Sidebar (zB. Ads), neuster Artikel als Teaser wählbar, jquery Tabcontainer mit x Posts wählbar, Anzeige der Posts in bis zu 4 Spalten nebeneinander, entweder Spalten- oder Reihenbasiert.

Es wäre schön, wenn sich die WordPress-Profis unter euch mit Vorschlägen oder Ideen zu Wort melden, um so besser wird das Gesamtpaket.