“blitzblank” ist der Name eines WordPress-Themes. Es fußt auf dem XHTML-CSS-Framework “YAML”. “YAML” ist ein Akronym und steht für “Yet Another Multicolumn Layout”. Durch diese Basis bekommt dein Blog ein modernes und standardkonformes Layout.
Änderst du nur einige wenige Zeilen Code, kannst du zahlreiche andere Layouts erstellen, beispielsweise die Navigation austauschen, das Layout flexibel werden lassen, oder das standardmäßig dreispaltige Theme in ein zwei oder vierspaltiges verwandeln. Hier hilft ein Blick in die Doku des YAML-Projekts und/oder in die Dateien des Themeordners. In Zukunft kann der YAML-Kern bequem aktualisiert werden. Das Layout ist und wird vermutlich also auch in Zukunft auf Webstandards setzen und dies wird auch so bleiben. In der basemod.css und der content.css kannst du bequem deine Änderungen am Layout eintragen und so dem Theme deine individuelle Note verpassen.
Warum blitzblank?
Neben der bereits angesprochenen Vielseitigkeit und Qualität des Frameworks lassen sich damit auch Webseiten nach dem “Top-Down-Prinzip” gestalten, das aufwändige Bugfixing entfällt. blitzblank ist also auch eine gute Ausgangslage um ein anderes Layout umzusetzen. YAML-Layouts gibt es auch für andere Content-Management-Systeme und Webshops. Ein YAML-vertrauter Entwickler muss sich also nicht lange in den Code einarbeiten. Die blitzlblank-Vorgängerversionen 1.0, 1.1 und 1.2 werden bereits auf vielen Blogs eingesetzt und haben sich bewährt – die neue Version ist aber meines Erachtens noch viel besser 
.
Lizenz
Da blitzblank eine YAML-WordPress-Hochzeit ist, müssen die YAML-Lizenzbedingungen eingehalten werden: es muss ein Link auf die YAML-Projektseite auf der Website/Blog erscheinen. Ich verlange einen Link auf diese Seite hier, der Themeseite. Nutzer können hier auch Supportanfragen stellen. WordPress freut sich ebenfalls über einen Link.
Ich habe die geforderten Links bereits standardmäßig im Footer platziert, du musst dir also keine Gedanken über die Lizenzen machen. Zusätzlich ist dort ein Link zu meiner Website untergebracht (www.jochen-bauer.net), dieser kann gern entfernt werden. Für YAML gibt es auch weitere Lizenzmodelle, falls ein Link im Projekt nicht möglich ist. Hierfür nehmt einfach kurz Kontakt mit mir auf, ich helfe gern weiter.
Eigenschaften von blitzblank
- 3 Spalten-Theme, die Inhaltsspalte ist in der Mitte, diese ist im Quelltext aber ganz oben.
- Das Theme ist 960px breit, innerhalb dieses Containers werden meist relative Größeneinheiten verwendet, Schriften können also vergrößert werden.
- Anmeldefunktion befindet sich rechts oben.
- Seiten werden in einer horizontalen Navigationsleiste gelistet.
- Text des Kopfbereichs wird nicht angezeigt, ist aber im Quelltext vorhanden.
- nutzerfreundliche, unsichtbare Skiplinks
- Printversion für alle Seiten und Beiträge.
- 2 widgetfähige Sidebars, wobei das Theme auch für den Betrieb ohne Widgets vorbereitet ist.
- XHTML 1.0 Transitional und CSS 2.1 valide.
Installation von blitzblank
- Themedateien herunterladen
- Themedateien entpacken und entpackte Dateien in den Ordner wordpress/wp-content/themes/ legen.
- Theme im Backend aktivieren.
- die Datei header.php im Verzeichnis bb2de öffnen und entsprechende Werte eintragen, also den Namen des Blogs und des Autors eintragen.
- Im Verzeichnis bb2de die Datei favicon.ico ausschneiden und in das wordpress-root-Verzeichnis einfügen (optional).
- Ein neues Headerbild mit einer Breite von 960px erstellen und in das Verzeichnis bb2de/css/screen/images legen und als head.png abspeichern (optional).
- Im Verzeichnis bb2de/css/screen/ liegen die beiden Dateien, basemod.css und content.css . Dort können die indivuellen Änderungen am Aussehen eingetragen werden. So bleiben diese erhalten, wenn man den YAML-Kern updaten will.
Änderungen zur Version 1.2 und weitere Eigenschaften
- Die Breite wurde auf 960px fixiert. Dadurch konnte die Inhaltsspalte ganz oben im Quelltext platziert werden.
- Das Theme ist nicht mehr internationalisiert. Diie Anpassungen sind schnell gemacht und meist einmalig. Vielleicht wird das aber bald anders, meine fehlenden Kenntnisse im Bereich Themelokalisierung waren aber dafür verantwortlich, dass das blitzblank-Update sich so lange hinzog.
- Nahezu jede Datei wurde überarbeitet. Der Kommentarbereich wurde neu gemacht. Es wurden Templates hinzugefügt: es gibt nun eine 404.php, die bei einer nicht gefundenen Seite erscheint und eine archive.php, die bei Archivanfragen aufgerufen wird. Ursprünglich waren diese Abfragen in der header.php und wurden bei jedem Seitenaufruf getätigt. Nun wurde der Loop aus der header.php genommen und in die jeweiligen Templates eingebaut. Da nun der Loop nicht mehr einmalig im Theme, sondern in jedem entsprechenden Template vorkommt, kann er je nach Template angepasst werden.
- Es gibt zwei Templates für die Gestaltung der Seiten. Einmal die gewöhnliche page.php. Diese wird genommen für eine gewöhnliche Seite. Dort wird kein Kommentarbereich eingebunden. So kann die Meldung “Keine Kommentare” “Kommentare sind geschlossen” unterdrückt werden. Sollte der Kommentarbereich bei der Seite doch gewünscht sein, muss einfach nur das bereits entsprechend vorbereitete Template “Page with comments” beim Verfassen der Seite gewählt werden.
- Zusätzlich gibt es noch das Template archives.php. Es erzeugt eine Archivseite mit einem Archiv nach Monaten, nach Kategorien und zeigt eine Tagcloud.
- Die Seitenleisten wurden auf eine Nutzung ohne Sidebar Widgets vorbereitet.
- Es gibt zahlreiche Kommentare in den Themedateien.
- Das Theme hat zwei Klassen eingeführt, damit Text der ein Bild umfließt nicht mehr am Bild klebt. Hierfür muss einfach dem Bild nachdem es eingebunden wurde eine “class” gegeben werden: Bild wie immer einbinden, dann im Editor in den “HTML”-Modus wechseln. Man sieht etwa <img src=”… . Jetzt wird einfach vor das “src” eine Klasse eingefügt. Aus dem <img src=”… wird ein <img class=”imagealignright” src=”… für Bilder die rechtsbündig sind. Für linksbündige Bilder muss ein <img class=”imagealignleft” src=”… gesetzt werden.
Viel Spaß mit diesem Theme und danke vorab für eure Rückmeldungen.
Download
- blitzblank 2 – deutsche Version – zuletzt gesichtet 06-04-2008 | bb2de
Links
- Demo zur deutschen blitzblank-Version (hier im Blog ist die leicht modifizierte englische Version aktiviert)
- Artikel zu blitzblank bei DrWeb: Ein WordPress-Theme auf Yaml-Basis
- Tutorial Spiegeleffekt erzeugen mit GIMP um sich einen eigenen Header zu bauen
- YAML Online-Doku
- YAML Lizenzbedingungen
GEMELDETE BUGS und Ideen für die deutsche Version
- 08-04-2008
Seite page.php lässt in Verbindung mit Sidebar Widgets den Text in einem Absatz wenn er länger ist als die Inhalte der Seitenleiste in die Seitenleiste laufen – unbearbeitet