YAML 3 mit Wordpress
Das YAML-Framework ist ein Open-Source-Projekt von Dirk Jesse und wird seit der Veröffentlichung im Oktober 2005 kontinuierlich weiterentwickelt. In der Version 3.x bringt die neue Version zahlreiche Verbesserungen und auch einige Veränderungen mit sich.
Vor diesem Hintergrund habe ich ein persönliches Wordpress-Theme unter dem Namen Simplex (Version 1.0) auf die neue YAML-Version angepasst. Es wurde für die Version Wordpress 2.1x und YAML 3.03 entwickelt, sollte jedoch auch mit Wordpress 2.3x lauffähig sein.
Wie es immer mit “Version 1.0 Dingen” ist, gibt es hierzu sicherlich auch Verbesserungsvorschläge. Damit eine individuelle Anpassung an eigene Bedürfnisse möglich ist, habe ich hier den Installationsvorgang und entsprechende Code-Passagen dokumentiert.
Achtung: Die jeweils aktuelle Version des auf diesem Weblog verwendeten Wordpress-Theme finden Sie unter: http://www.andreaslezgus.de/blog/changelog
Baukasten und eingesetzte Komponenten:
Wordpress:
Grundvoraussetzung für den Betrieb des Templates Simplex ist eine funktionsfähige WordPress Installation.
In der Regel ist hierzu ein Dienstanbieter (Provider) für das Unterbringen (Hosting) der Seiten erforderlich, der als Leistungsmerkmale mindestens die Erweiterungen PHP (Scriptsprache) und MySQL (Datenbank Dienst) bereitstellt.
Eine Installationsanleitung für WordPress finden Sie unter http://wordpress-deutschland.org/installation
YAML:
YAML basiert auf Webstandards und ist ein vielseitiges Werkzeug zur Erstellung flexibler, barrierearmer CSS-Layouts. Das YAML-Framework ist umfangreich dokumentiert und kann unter http://www.yaml.de abgerufen werden. Änderungen und neue Versionen von YAML können einfach mit dem Simplex-Theme eingesetzt werden. Hierzu ist lediglich die aktuellste YAML-Version in den entsprechenden Ordner des Theme-Verzeichnisses zu kopieren. So stehen neue Browseranpassungen oder Fehlerbehebungen schnell zur Verfügung.
Icons:
Das Simplex-Theme verwendet folgende freie Icons und Grafiken:
Toolbar Icons von Matt Ball
http://www.mattballdesign.com/portfolio/icons/devicons/devicons.zip
Aqua Gloss Icons von Deziner Folio
http://www.dezinerfolio.com/2007/02/25/free-aqua-gloss-icons/
Social Media Icons
http://www.e7graphics.net
Simplex-Theme 1.0:
Das mit diesem Weblog betriebene Template Simplex enthält in der Version 1.0 bereits alle erforderlichen Dateien (Icons und YAML 3.01), um eine Standardinstallation durchführen zu können.
Installation
Download-Paket kann hier heruntergeladen werden:
http://www.andreaslezgus.de/blog/downloads/simplex.zip
Eine Installationsbeschreibung ist hier zu finden:
http://www.andreaslezgus.de/blog/downloads/Simplex_Dokumentation.zip
Für einen reibungslosen Betrieb der Navigationsstrukturen sollte die WordPress-Installation benutzerfreundliche URL-Namenskonvetionen ermöglichen. Hierzu ist unter den sog. Permalink-Einstellungen die Optione “basierend auf Name und Datum” auszuwählen. Der Webserver / Hoster sollte dabei die sog. mod_rewrite() Option ermöglichen.
Zur Anpassung einzelner Navigationspunkte wie z.B. Kontakt, Abonnements, Datenschutz, etc. sind jeweils neue Seiten in WordPress anzulegen. Beim Anlegen der neuen Seiten sind wie in der Dokumentation aufgeführt, die mitgelieferten Templates auszuwählen, um eine entsprechende Verbindung zu erstellen.
Darüber hinaus können die in der Dokumentation aufgeführten WordPress-Plugins mit dem Simplex-Theme automatisch verwendet werden. Hierzu sind die einzelnen Plugins von den jeweiligen Autoren herunterzuladen und in WordPress unter dem Menüpunkt Plugins entsprechend zu aktivieren.
Weitere Plugins können ggfls. mit entsprechenden Anpassungen der einzelnen PHP-Seiten integriert werden.
Individuelle Anpassungen an dem Simplex-Theme:
Anpassen der Meta-Tags:
In der Datei header.php können die entsprechenden Meta-Informationen über das Weblog ergänzt werden. Bitte hierzu ab Zeile 26 die Änderungen vornehmen.
Anpassen der Teaserinformationen auf den einzelnen Seiten:
Auf jeder Seite befinden sich zu Beginn sog. Teaserinformationen, wie z.B. auf der Startseite der Bereich Willkommen mit entsprechendem Text und rechts daneben ein Zitat. Beispiele sind: index.php (Startseite) und contact.php (Kontaktseite).
Änderungen können in der jeweiligen PHP-Datei i.d.R. ab der Zeile 8 vorgenommen werden (#Beginn Willkommen-Teaser). Der linke Bereich befindet sich im sog. Block1 und das Zitat im Block2.
Anpassen der Sidebar (rechte Spalte des Blogs):
Hier können Sie ihre eigenen Projekte anpassen und Verweise auf besondere Seiten Ihres Blogs anzeigen lassen. Gehen Sie hierzu in die Zeile 40 und ändern Sie die entsprechenden Einträge.
Anpassen der individuellen Verweise auf Netzwerkdienste:
In der Fußzeile footer.php können Sie ihre eigenen Verweise auf Netzwerkdienste, wie z.b. flickr.com oder xing.com eintragen.
Bitte nehmen Sie die Änderungen zwischen Zeile 47 und 51 vor.
Anpassen einer benutzerspezifischen Tag-Cloud vom Bookmarkdienst del.icio.us:
In der Datei favoriten.php können Sie Ihre eigenen Verweis auf das Linkverzeichnis von del.icio.us angeben. Tragen Sie hierzu bitte die Angaben entsprechend in Zeile 34 ein.
Anpassen der Hintergrundfarbe und Seitenränder des Templates:
Im Simplex-Verzeichnis gehen Sie bitte hierzu in die wordpress.css Datei im unterverzeichnis /css. Dort finden Sie in Zeile 42 den entsprechenden Farbwert und den Verweis auf die Hintergrundgrafik.
Anpassen des Weblog-Logos:
Im Simplex-Verzeichnis gehen Sie bitte hierzu in die wordpress.css Datei im unterverzeichnis /css. Dort finden Sie in der Zeile 130 den entsprechenden Verweis auf die Hintegrundgrafik des Logos. Bitte erstellen Sie ein benutzerspezifisches Logo mit der Größe von 964 * 184 Pixel und binden es hier entsprechend ein.
Anpassungen von YAML:
Bitte entpacken Sie die jeweils aktuellste Version von YAML (www.yaml.de) in ein Verzeichnis und kopieren hieraus das Unterverzeichnis /yaml in das gleichnamige Unterverzeichnis im Simplex-Theme Verzeichnis. Weitere Änderungen sollten zunächst nicht erforderlich sein. Anpassungen die WordPress spezifisch vorgenommen wurden, finden Sie ausschliesslich im Unterverzeichnis /css und dort in der wordpress.css Datei.
Informationen zu älteren Simplex-Template Versionen und Kommentaren finden Sie unter:
http://www.andreaslezgus.de/blog/2006/10/07/wordpress-und-yaml-im-team/
Weitere allgemeine Informationen zum Aufbau von WordPress-Themes finden Sie unter:
http://www.perun.net/2007/07/30/wordpress-themes-verstehen-1
Anregungen und Verbesserungen sind herzlich willkommen.
Viel Spaß mit dem Simplex-Theme.
Andreas Lezgus














Niklas
29.07.2007
Hallo Andreas, ich habe das YAML-Projekt von Ihnen mit Respekt verfolgt und mich sehr auf die neueste Version gefreut. Leider ist der Link zur neuesten Simplex-Version nicht zu finden – über eine Korrektur würde ich mich sehr freuen.