blitzblank 2 WordPress Theme
"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
Pages: 1 2
Dieter Welzel – #
Comment – 06. April 2008 – 6:44 pm
Werde die neue Blitzblank-Version mal bei einem meiner Blogs ausprobieren. Vielen Dank für das gelungene Theme und seine Weiterentwicklung.
Blitzblank Wordpress-Theme | Blogatelier – #
Pingback – 07. April 2008 – 3:36 pm
[...] nun in der Version 2 erhältlich. Die Seite zum Theme befindet sich in meinem anderen Blog! – blitzblank 2 auf deutsch | blitzblank 2 in [...]
georg – #
Comment – 17. April 2008 – 4:22 pm
Hallo,
ich habe das Problem, das wenn ich Seiten hinzufüge, dass er die letzte Seite als erste Seite im Menü nimmt kann ich die Reihenfolge ändern?
Tolle saubere Seite
Vielen Dank für die Hilfe
Georg
admin – #
Comment – 17. April 2008 – 8:27 pm
Servus Georg,
naja das hat mit blitzblank nichts zu tun. Bei der Listenanordnung kannst du vieles machen.
Anlaufstelle eins: im Backend, also dem Adminbereich die Aufen auf machen, da gibt es einen Punkt “Page Order”.
Anlaufstelle zwei: in der Datei header.php mal nach dem Template Tag “wp_list_pages” suchen – das ist nämnlich für die Art und Weise der Auflistung verantwortlich.
Ich bin so frei und verweis dich ohne große Worte auf den Codex-Artikel. Der Codex ist die Online-Doku für WordPress (http://codex.wordpress.org/wp_list_pages).
Wenn es weiterhin zwickt meld dich nochmal.
Schöne Seite übrigens, gefällt mir, viel Erfolg mit eurer Orga für Qualitätssicherung bei Coaches.
georg – #
Comment – 21. April 2008 – 1:39 pm
Hallo ich hätte noch eine Farge: Wenn ich in der Sidebar (2) ganz unten einen Widgets einfüge und der Innhalt der Seite oder des Artikel nicht lang genug sind so rutsch das letzte Widgets von rechts nach links? Bsp: lang http://www.icoweb.eu/ Bsp Kurz: http://www.icoweb.eu/ueber-uns/
! Woran kann das liegen?! ich kann mir nicht mehr helfen. Wäre aber wirklich wichtig da Dein Seite wirklich gut ankommt und ich schon alles eingestellt habe.
2 Frage weisst Du vielleicht wie ich wenn ich auf die Kategorien klicke (Sidebar 1 “Mitglieder” : http://www.icoweb.eu/category/mitglieder/
Die Informationen Tags und Kategorien wegbekomme?!
Selbst in Forum haben Sie es bei Deinem Theme nicht gefunden.
Danke DIr für die Hilfe
LG
Georg
georg – #
Comment – 21. April 2008 – 1:44 pm
Hallo und noch eine kleine Frage. das favivon habe ich im Rootverzeichnis wo auch die Index.php ist doch wird es nicht angezeigt? Danke
Georg
georg – #
Comment – 21. April 2008 – 2:15 pm
Sorry – favicon habe ich schon gelöst danke habe
<link rel=”shortcut icon” href=”/favicon.ico” />
und in Dein Verzeichnis mein neues favicon reingeldaden.
Ciao
Georg
admin – #
Comment – 21. April 2008 – 3:05 pm
Servus Georg,
Frage 1: Der Inhalt und die Widgets…?
Antwort: keine Ahnung, liegt wohl an den Widgets. Widgets schaffen ja selbst auch Quelltext. Wenn dann dieses Widget einen Quelltext schafft der mit der eigentlichen Seite kollidiert, dann kann es Probleme geben. Vielleicht einfach mal die Widgets umstellen. Müsst ich mir im Bedarfsfall mal genau anschauen, wird aber wohl nicht an blitzblank liegen. Wenn sich die Beschwerden dahingehend häufen werde ich nachsehen. Ich werde es mal weiter beobachten. Auf deiner Seite scheint aber nun alles erstmal zu passen.
Frage 2: Die Infos Tags und Kategorien beim Klick auf eine Kategorienlink entfernen.
Antwort: Du musst ausfindig machen, welche Datei den Inhalt für die entstprechende Seite liefert. In diesem Fall müsste das die Datei “archive.php” sein.
In dieser Datei hast du oben die Verzweigungen und unten den Loop (bei mir ab Zeile 38). Es gibt dort einen Absatz class=”postmetadata” …. . Dort stehen die Template Tags drin, die für die Anzeige von “Tags” und “Kategorien” für diese Seite verantwortlich sind. Mach sie raus und weg sind sie.
georg – #
Comment – 05. August 2008 – 3:13 pm
Seit Juli wird die Seite im IE6 falsch angezeigt. Im Forum meinten sie es ist Bug im IE6 doch hätte das Theme es vermeiden können. DOch verstanden habe ich es nicht. Kansnt Du es DIr bitte kurz ansehen. Danke Dir vielmals
LG
Georg
Jochen – #
Comment – 06. August 2008 – 8:32 am
Servus Georg,
in welchem Forum meinten sie das? Das mit dem IE ist für mich gar nicht so einfach und mit einem Mehraufwand verbunden – zu Hause habe ich nämlich kein Windows und daher auch keinen IE6. Natürlich will ich den Fehler trotzdem beheben, da hilft mir aber der Thread im von dir genannten Forum.
Gruß
Jochen
georg – #
Comment – 06. August 2008 – 8:38 am
Ich sehe auch Deine Seite wir IE 6 falsch angezeigt. DIe meinten im den Forum, dass es nicht ganz sauber un deindeutig programmiert ist mit dem Übergang Kopfzeilen und dann wieder auf den Bereich Sidebar und Inhalt deshalb wird Header und Sidebar, Mitte und rechte sidebar nach rechts geschoben. Die Menüleiste bird richtig rechtsbündig angezeigt. Mehr sagen die auch nicht dazu. einer meint noch das man die Beschreibunngen vor den Headern rausnehmen soll (Hast Du ja eh nicht drin).
Wäre super wenn Du den Fehler finden würdest dann könnt eich Dein Theme auch für anderes verwenden. Denn sonst ist es echt super !!
Jochen – #
Comment – 06. August 2008 – 9:18 am
Servus Georg,
gib mir bitte einen Link zum Thread, dann kann ich einen Blick drauf werfen.
georg – #
Comment – 06. August 2008 – 9:53 am
SOrry, kann ihn nicht finde. Suche aber nochmal danach. LG Georg
georg – #
Comment – 06. August 2008 – 3:43 pm
http://forum.wordpress-deutschland.org/design/37974-internet-explore-ie-6-zerlegt-wordpress.html#post183080
Hier wurd ein Teil des Problems gelöst.
Der Header sitz wieder richtig bei allen IE wenn wir dann ncoh den Body schaffen dass er links sitzt dann ist wieder alles perfekt! Und die Seite super! Vielleicht weisst Du ja jetzt weiter!
LG
Georg
Frank – #
Comment – 23. November 2008 – 4:59 pm
Hi,
irgendwie scheint Blitzblank nicht voll kompatibel mit dem Simple Tags Plugin zu sein.
Sowohl das Theme als auch das Plugin schreiben unter den Blogeintrag jeweils die Tagliste.
Derzeit behelfe ich mir damit, die einsprechenden Einträge in Blitzblank auszukommentieren.
Ansonsten ein wirklich gelungenes Theme
Jochen – #
Comment – 23. November 2008 – 6:15 pm
Servus Frank,
danke für deinen Hinweis.
Es geht um das Template Tag “the_tags”, wenn du willst, schau dir mal im Theme-Editor die Dateien durch, das geht im Browser Firefox etwa mit Strg+F und gib dann “the_tags” ein. Dann kannst du dies löschen oder auskommentieren, das geht in PHP mit /* … */.
Ich hoffe dir hilft diese Idee.
Derzeit mache ich nichts am Theme, ich warte mal ab was mit WordPress 2.7 passiert und dann werde ich mich mal einen Tag hinsetzen und ein paar Änderungen einpflegen. Es wird mehrere Aktualisierungen im Theme geben und dann werde ich eine neue Version rauslassen, mal schauen wann ich die nötige Zeit finde, vor 2.7 in jedem Fall noch nicht.
Eine Beschreibung, von den Möglichkeiten von the_tags findest du hier: http://codex.wordpress.org/Template_Tags/the_tags