Wozu benötigt man Javascript?

Manchmal reicht das Markup von dkret3 nicht aus, um alle Designwünsche ans eigene Theme umzusetzen. Es ist aber grundsätzlich keine gute Idee, zusätzliches Markup von Hand einzufügen. Jedes Update des Dkret3-Themes führt nämlich sonst zwangsläufig zu viel zusätzlicher Arbeit, da alle Änderungen erneut vorgenommen werden müssen.

Eine nicht destruktive Methode, Markup hinzuzufügen, ist der Gebrauch von Javascript. Wie ich selbst, verfügen sicherlich die wenigsten Nutzer über profunde Javascript-Kenntnisse. Da dkret3 jedoch standardmäßig jQuery den eigenen Seiten hinzufügt, kann man statt reinem Javascript einfach dieses relativ leicht zu beherrschende Framework benutzen. Wie leicht mit wenig Zeilen Code tolle Effekte damit zu erzielen sind, sieht man am z.B. an den AJAX-Kommentaren und der Kommentarvorschau von dkret.

Mit Hilfe von ein wenig jQuery können wunderbar dynamische Theme-Templates geschrieben werden, die auch überhaupt nicht mehr nach dkret3 ausschauen.

Eine einzige Zeile jQuery kann z.B. dem Entry-Meta-Div einiges zusätzliche Markup hinzufügen, mit Hilfe dessen sich ‘Rounded Corners’ realisieren lassen.

//add rounded corner divs for .entry-meta
jQuery(document).ready(function(){
	jQuery('body')
		.find('div.entry-meta')
		.wrap('


')
		.before('




')
		.append('




');
});

Interessierte können sich gerne meinen eigenen Versuch als Ausgangspunkt für eigene Spielereien herunterladen.Mit wirklich wenig Arbeit sind Spielereien möglich, wie sie Scott Wallick auf seiner Seite in der Navigation einsetzt. Sicherlich ist die eine oder andere zusätzliche Stunde ‘Hausarbeit’ nötig, um sich mit jQuery vertraut zu machen. Es lohnt sich aber in jedem Fall, weil es einfach Spaß macht.

Ein Blick in die ausgezeichnete jQuery-Dokumentation lohnt in jedem Fall. Darüber hinaus gibt es mittlerweile unzählige Seiten, die sich mit diesem Framework auseinandersetzen. Nicht zu Unrecht ist es mittlerweile integraler Bestandteil von WordPress.

Nachdem dkret3 fertiggestellt ist, ich also quasi arbeitslos bin, habe ich mich an die Verwirklichung eines etwas ‘leichteren’ Designs gemacht. Nachdem Ray im Forum des öfteren Zweifel an meinem Farbgeschmack angemeldet hat, darauf hinwies, dass oft weniger mehr ist und deshalb auch prompt sein eigenes Theme-Template erstellt hat, wollte auch ich mich mal wieder an Neues heranwagen.

Außerdem konnte ich es langsam nicht mehr ertragen, wie sich mein ‘Umfeld’ darüber belustigt, dass ich viel Zeit ich in meinem Keller damit verbringe, alles NEU zu machen und am Ende sieht niemand außer mir, was da eigentlich passiert ist.

Mein neues Theme-Template Illumini, welches ich auch hier auf diekretzschmars.de einsetze, ist ein erstes Beispiel dafür, wie wandlungsfähig das neue Dkret3-Theme ist. Die wesentlichen Designarbeiten waren bereits nach weniger als zwei Stunden abgeschlossen. Etwas länger dauerte dann das Finetuning.

Ursprünglich sollte es ein reines Ein-Spalten-Theme werden, doch war die Verlockung zu groß, gleich einmal zu zeigen, dass Schemes auch in Theme-Templates funktionieren. Ich habe also kurzerhand noch ein Scheme für alle ergänzt, die auf die rechte Sidebar partout nicht verzichten wollen.

Wer sich bereits an das praktische Adminmenu von dkret gewöhnt hat, muss auch bei Illumini nicht darauf verzichten. Headergrafik, Reihenfolge der Kommentare usw. können bequem dort angepasst werden.

Illumini sieht zwar wie ein ‘ausgewachsenes’ Theme aus, die Grundlage ist jedoch nach wie vor das Dkret3-Theme. Also erst dkret3 und Illumini ins Theme-Verzeichnis hochladen und DANACH Illumini aktivieren.