WP – Tutorial, wir schreiben ein WordPress Theme – Teil 4

Es ist viel Zeit seit dem letzten Teil dieser Serie vergangen. Liegt einerseits daran, dass ich viele Projekte bearbeite, andererseits daran, dass das Feedback zur Serie so gering ausgefallen ist, dass ich dachte: Kein Interesse, dann muss ich mich auch nicht weiter bemühen. Offensichtlich habe ich aber doch einige Leser, denen das Tutorial hilft und somit mache gibt es nun einen weiteren Teil 4.

In diesem Abschnitt der Serie werden wir den Loop kennen lernen. Denn dieser stellt den Kern bei der Ausgabe im Frontend von WordPress dar. Eine ganze Reihe von Template Tags sind nur im Loop funktionstüchtig und nur im Loop hat man einfachen Zugriff auf die Datenbank. Der Loop sieht außerdem im Standard eine ganze Reihe von Daten, mit denen die einzelnen Template Tags oder eigene Funktionen arbeiten.

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… 3. CSS Naked Day, 9.April 2008 weiterlesen

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.

WP – Tutorial, wir schreiben ein WordPress Theme – Teil 1

Das Schreiben eines eigenen Themes, womit das komplette Layout einer WordPress-Applikation gemeint ist, ist das Ziel einer ganzen Reihe von WordPress-Nutzern.
Mit meinem Buch „WordPress – Weblogs einrichten und administrieren“ habe ich einen kleinen Einblick in das Erstellen in ein eigenes Theme gegeben. Immer wieder gibt es Fragen und die Tiefe des Kapitels wird kritisiert. Leider war es im Umfang des Buches nicht möglich tiefer und detaillierter auf den Entstehungsprozess eines eigenen Themes einzugehen. Außerdem kann ich in diesem Blog schreiben wie mir der Schnabel gewachsen ist und die Strings gehen mir damit leichter von der Hand.

In diesem Zusammenhang wird in den naher Zukunft hier ein komplettes Tutorial entstehen, insofern ich durch halte. Im Vorfeld habe ich schon in einem Beitrag angefragt, welches Layout bevorzugt für den Entstehungsprozess gewünscht ist. Schaut man sich die Kommentare an, dann ist schnell erkennbar, dass die Anforderungen sehr unterschiedlich sind und die Grundlagen für das Erstellen eines eigenen Themes sehr verschieden verteilt sind. Oft werden Begriffe im Umfeld von WordPress und Webdesign durcheinander geworfen und erschweren so das Verständnis.

Aus diesem Grund möchte ich im ersten Abschnitt auf Grundlagen und Vereinbarungen eingehen. Ebenso stelle ich Layouts vor, mit denen dann im Anschluss in den folgenden Teilen gearbeitet wird.

Ich wünsche Euch und mir viel Spaß mein Erstellen und Lernen. Die Artikel entstehen parallel zur Arbeit an verschiedenen Projekten, werden nur in der Freizeit oder in Wachphasen erstellt. Ich bitte also um Geduld und Einfühlungsvermögen. Ebenso bitte ich darum, dass Fehler und Verbesserungen in den Kommentaren oder Mail an mich bekannt gegeben werden. Ich erhebe nicht den Anspruch auf fehlerfreie Arbeit und freue mich über positive Kommentare, genauso wie über konstruktive Kritik.

Wenn wir eines durchs Internet lernen können, ist es Folgendes: Alle profitieren davon, wenn die wesentlichen Ressourcen frei verfügbar bleiben und kostenlos zugänglich sind.
Dann können alle etwas für sie Passendes darauf aufbauen.Lawrance Lessig

tingelets zeigen Tags

Das Projekt tingelets von Maurice Kühlborn hilft dem Webdesigner beim Aufzeigen von Tags im Browser, egal um welchen Browser es sich handelt. Mit Hilfe von Lesezeichen kann man die verschiedenen tingelets ablegen und schnell den gesuchten Tag im Browser visualisieren. Das Darstellen der Tags geschieht mittels kleiner Bildchen (png), die im Hintergrund des jeweiligen Bereiches… tingelets zeigen Tags weiterlesen

Autorengespräch mit Peter Müller – „Little Boxes, Webseiten gestalten mit CSS“

Peter Müller ist Autor des erfolgreichen Buches „Little Boxes, Webseiten gestalten mit CSS“ und steht im Verlauf dieses Artikels einigen Fragen zur Verfügung. Wer ist und was macht der Autor? Welche Tipps und Ratschläge gibt er dem interessierten Leser? Das folgende Interview beleuchtet die Person hinter dem Buch und zeichnet, so hoffe ich, ein persönliches… Autorengespräch mit Peter Müller – „Little Boxes, Webseiten gestalten mit CSS“ weiterlesen

WP – Code Converter für xHTML/XML (Plugin)

Wer mit Hilfe von WordPress dem Leser hilfreiche Tipps zum Thema Webdesign gibt kommt wohl um die Integration von Codeschnippseln nicht herum. Allerdings kann man HTML nicht so einfach im Editor einfügen, da der Code interpretiert wird. Deshalb muss man im Vorfeld den Code in html-Entities umwandeln. Für ein Projekt, bei dem es vorrangig darum… WP – Code Converter für xHTML/XML (Plugin) weiterlesen

Validome.org baut Service aus

Mein Liebling beim Validieren ist Validome – ein erstklassiger Service, der besser arbeitet, als die Validatoren des W3C. Besonders freue ich mich immer über die besseren Erläuterungen bei Fehlern, ganz zu schweigen von der Tatsache, dass sie in deutscher Sprache erfolgen. Nun bekommt das Serviceangebot von Validome Zuwachs – Google Sitemap Validierung und Atom/RSS Validierung… Validome.org baut Service aus weiterlesen

Site Inspector Tool

Der Site Inspector ist ein Checker-Tool, welches den Internet Explorer und Mozilla Gecko Engine in einem Tool vereint. Außerdem sind eine Menge Tools instegriert, mit der man die Site prüfen kann.
All diese Service gibt es auch auf Websiten im Netz, aber in diesem Tool sind sie alle vereint und der Zugriff wird enorm erleichtert und beschleunigt.