3. CSS Naked Day, 9.April 2008

Das dritte Jahr in folge findet der CSS Naked Day statt. Das erste und zweite Jahr der Aktion waren gute Erfolge und nun rückt der dritte Termin an. German, English, Spanish, Thai, Chinese, [Korean 01, Korean 02] Die Idee Hinter dieser Aktion steht die Idee die Webstandards zu fördern. Dazu gehören der korrekte Gebrauch von [...]

WordPress 2.5 und Theme-definiertes Login

Auch in älteren Versionen von WordPress war die Beeinflussung des Login-Design möglich, via Plugin oder auch per Theme. Ebenso kann man per Hook das Login ansprechen und erweitern. Dazu der Verweis auf das Plugin WP-Disclaimer, welches beispielhaft die Möglichkeiten zeigt, von Ralf Hortt.

In diesem Artikel soll es aber auf den Einfluss des Login-Design gehen, ohne Plugin und in Abhängigkeit des verwendeten Themes. Außerdem gehe ich auf die aktuelle WordPress-Version 2.5 ein, da sich das Markup entscheidend geändert hat.

Damit soll der Versuch unternommen werden, dass WordPress Themes in Zukunft nicht nur das Frontend des Blog oder der Webseite entsprechend gestallten, sondern, dass ebenso Login- und Backend-Design an die jeweiligen Kunden angepasst werden.

WordPress 2.5 und ein userabhängiges Admindesign

Die neue Version bringt viele Neuerungen und Veränderungen. Dazu zählt unter anderem das Design und die Strukturierung des Backends. Auf die Funktion des Farbwählers zum Profil geht Olaf in wenigen Sätzen ein und beschreibt im übrigen weitere Neuerungen der Version 2.5.
WordPress lagert die Farbwahl gleich ich eine Funktion aus und spendiert einen Hook, so dass man via Plugin oder functions.php im Theme einfach auf diese Farbwahl eingehen kann. Damit kann man das komplette Backend, nicht nur die Farben, in ein anderes Design tauschen, userabhängig und einfach per Klick.

Im folgenden zeige ich wie man das macht. Dazu stelle mal exemplarisch zwei Farbschemas zur Verfügung. Ein Farbschema habe ich der Seite von Gerrit van Aaken entnommen, der sich mit seiner klarem Design sehr gut dafür geeignet hat.

Diese Möglichkeit bietet sich vor allem dafür an, wenn das Backend dem Frontend in Farbwahl angepasst werden soll, was ich nicht für übertrieben halte. Gerade im Businessbereich kommt es kompletter und schick rüber, wenn das backend des CMS den Farben des Unternehmens angepasst ist. Warum auch immer - es ist ein jedem Fall möglich.

Literatur - Little Boxes Teil 2

Little Boxes, das erste Buch von Peter Müller, den ich hier im Blog schon im Interview zum ersten Werk hatte, ist schlicht weg ein Renner im Bereich HTML und CSS lernen. Dazu muss man nicht viel sagen. Wer auf diesem Wissen aufbauen will, der findet nun im Folgewerk eine ganze Reihe von Informationen. Das Buch [...]

Fließtexte mit CSS Text Wrapper

Das Darstellen von Formen im Text, bzw. die Darstellung fließender Bilder im Text ist immer wieder Thema im Bereich Webdesign. Gern möchte man diese Form auch nutzen und nicht nur den Printmedien überlassen.

Tab-Interface ohne JavaScript

Nicht Menüleisten, sondern Contentboxen werden so gemacht. Per Mausklick werden über eine kleine Reiternavigation weitere Informationen aufgerufen. Die sind entweder bereits in der Seite versteckt oder werden dynamisch nachgeladen. Javascript, DHTML und AJAX, verschiedene Techniken kommen zum Einsatz. Sie sind mehr oder weniger browsersicher. Mitunter klappt es mit dem Backbutton nicht mehr. Das Angebot dürfte [...]

CSSDOC leicht gemacht

CSSDOC ist ein gemeinschaftliches Projekt und im aktuellen Adventskalender der Webkrauts ist der wunderbarere Artikel „Stylesheets kommentieren mit CSSDOC“ des Mitbegründers und YAML Erfinders Dirk Jesse veröffentlicht. Die Idee von CSSDoc gefällt und da ich grundlegend im UltraEdit, meinem liebsten Editor, arbeite, habe ich mir die Tags in einer Tag-Liste hinterlegt, so dass ich schnell [...]

Literatur - CSS, Webdesign mit Style

Die Literatur- und Webseitenwelt rund um das Thema CSS ist vielfältig. Nicht alle Bücher sind unbedingt erforderlich für ein umfassendes Wissen und schon gar nicht empfehlenswert. Allerdings gibt es das eine oder andere Buch rund um das Thema Style mit Hilfe von CSS, welches man lesen bzw. auch mal haben sollte für das Nachschlagen. Ein [...]

WP - Tutorial, wir schreiben ein WordPress Theme - Teil 3

Nachdem wir im zweiten Teil der Serie „Ein WordPress Theme selbst erstellen” das Stylesheet mit Hilfe der Template Tags eingebunden haben, sollen nun im dritten Teil alle weiteren Daten aus dem Backend von WordPress geladen werden. Damit wird die Grundlage geschaffen, dass ein Theme die Einstellungen des jeweiligen Weblogs nutzt und das Theme in jedem beliebigen Weblog einsetzbar ist.

Gleich vorweg, es wird in diesem Artikel eine ganze Reihe an Code kommen. Bitte nicht verzweifeln, wenn es der erste Kontakt mit PHP-Syntax ist. Mit der Zeit kommt die Übung, ganz gleich wie das Lernen von HTML. Außerdem werde ich gleichzeitig auf eine Reihe Template Tags und Funktionen eingehen, die für das erstellen eines Themes von Relevanz sind und in diesem Teil des Tutorials nötig sind.

Im diesem Abschnitt des Tutorials werden wir den head-Abschnitt der index.php erweitern. Es werden nicht nur die statischen Daten so erweitert, dass die Werte aus der Datenbank gezogen werden, sondern ich erweitere gleich um eine Reihe weiterer Zeilen und Zeichen, um die Möglichkeiten und nach meiner Meinung wichtigen Daten zu integrieren.

WP - Tutorial, wir schreiben ein WordPress Theme - Teil 2

Im ersten Teil des Tutorial zum erstellen eines WordPress-Themes haben wir Grundsteine gelegt. Ich hoffe, dass sich alle Teilnehmer mit den Markups und CSS-Styles der verschiedenen Layouts auseinander gesetzt haben?

Prinzipiell kann nun mit jedem beliebigen Layout weiter gearbeitet werden. Die Basis stellt immer eine statische HTML-Datei dar. So hat man die Möglichkeit das Layout in verschiedenen Browsern zu testen und einen Überblick über eventuelle Probleme zu erhalten.