Sajonara.de – Internetmagazin

Es ist mit Sicherheit eine Frage, an der sich die Geister scheiden. Soll man eine zentrale Stilvorlagendatei verwenden, oder wohlmöglich mehrere erstellen. Für mein Projekt Mobile Helden werde ich letzteres tun, damit ich nicht irgendwann den Überblick verliere. So eine Vorlagendatei wird natürlich auch immer länger und länger. Ich mag kurz erläutern, warum es in meinem augenblicklichen Fall doch besser ist, so zu verfahren.

Die Komplexität ergibt sich bei diesem Projekt aus den Anforderungen. Zum einen sollen die einzelnen Unterseiten verschieden von der Startseite realisiert werden. Die Artikelansicht beispielsweise hat eine andere Breite als die Startseite. Zumindest der Teil unterhalb des “Headers”. Auf der Startseite gibt es einen schmaleren Artikelteil und Seitenleisten. Diese laufen, je nach Inhalten bis unten durch. Drum kann der “Footer” nicht auf die volle Breite ausgedehnt werden. Das allerdings kann er auf der Artikelseite durchaus, weil es hier keine Seitenleisten gibt. In der Stilvorlage müsste ich dafür je andere Klassen oder IDs vorhalten, und natürlich an der entsprechenden Stelle in der Artikel-Vorlage eine einfache Abfrage ausführen um die ID variabel zu vergeben. Hab ich nun mehrere solcher variierenden Elemente, wird es in der Stilvorlage recht schnell unübersichtlich. Es tröstet mich auch nicht, dass ich mit einem Editor arbeite, der mir die Zeilenanzahl anzeigt und ich mit Firebug sehen kann, in welcher Zeile das Element in der Stilvorlage ausgezeichnet wurde.

Die Besonderheit liegt allerdings auch in einem Designelement, das sich durch das komplette Projekt zieht. Ich hatte zuerst überlegt, Icons einzusetzen, um die Kategorien (News, Interview, Review, Etc.) voneinander zu unterscheiden. Da Icons aber nicht vom Himmel fallen, bin ich dazu übergegangen, das ganze mit Farben zu lösen. Nun gibt es aber je nach Artikel und Seite mehrere Designelemente die je unterschiedlich einzufärben sind. 4 verschiedene Klassen sind dabei für ein Element notwendig. Da die Überschriften auf der Artikelseite größer ausfallen als auf der Startseite sind weitere 4 Klassen notwendig und natürlich gibt es nicht nur ein farbiges Designelement an der Überschrift, sondern z. B. auch um den Infoteil zu unterscheiden. Und wenn die Größen auf jeder Seite variieren, kommt man schnell auf etliche Dutzend Klassen. Die alle in einer Stilvorlagen-Datei unterzubringen halte ich persönlich für unzweckmäßig. Um das ein wenig zu verdeutlichen, habe ich dem Artikel ein paar Screenshots der noch unfertigen Seite angehangen.

Hinzufügen zu del.icio.us, Mr. Wong, LinkARENA, SEOigg
Tags CSS, Mobile Helden, Wordpress
Kategorie Media · Autor Alexander Trust · 1 Kommentar