webworkBlog.net

WordPress Theme Tutorial
Teil 1 - Teil 2 - Teil 3 - Teil 4 - Teil 5

single.php - Die Beitragsansicht
Die Datei single.php ist fast identisch zur index.php. Es kommt nur ein kleiner, aber wichtiger Teil, hinzu: die Kommentare!
Diese bindet man am einfachsten wie folgt ein:
<?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) { ?><a href="<?php trackback_url(true); ?>" rel="trackback">Trackback</a><?php } ?> <a href="<?php the_permalink() ?>" rel="bookmark">Permanent Link</a>
<?php if(!('open' == $post-> comment_status) && ('open' == $post->ping_status)) { ?>
Zur Zeit können keine Kommentare abgegeben werden. Setze doch einen <a href="< ?php trackback_url(true); ?> " rel="trackback">Trackback auf deine Seite.
<?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) { ?>
Pings setzen ist zur Zeit nicht erlaubt.
<?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) { ?>
Weder Pings noch Kommentare sind erlaubt.<?php } ?>
<?php comments_template(); ?>
Dieser Code kommt am besten nach der Beitragsausgabe und vor endwhile und else.

comments.php - Die Kommentare
Diese Datei gibt die Kommentare aus und erlaubt dem User einen neuen Kommentar zu schreiben.
Auf die Formatierung der Kommentare werde ich wohl später eingehen, da diese Datei relativ umständlich ist. Ich empfehle für den Anfang die comments.php aus dem Standard WordPress Theme, da sie dort bereits sehr gut formatiert ist. Den Feinschliff kann man mit CSS ja sowieso machen. Der Aufbau dürfte für den Anfang zu fast jedem Theme passen.

404.php - Auch ein Blog braucht eine Fehlerseite
Die Fehlerseite ist relativ einfach aufgebaut, sie besteht aus dem Layout der Seite (Header, Footer, Sidebar) und der Fehlermeldung.
<?php get_header(); ?>
<div class="post">
<h1>Fehler!</h1>
Die gewünschte Seite ist nicht verfügbar.<br />
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<div id="sitemap">
<?php get_sidebar(); ?></div>
<?php get_footer(); ?>
Der Aufbau mittels Header, Hooter und Sidebar dürfte aus den Dateien index.php und single.php bekannt sein.
Weiterhin befindet sich auf der Seite nur die Fehlermeldung. Hier ist sie genauso wie ein Post gestaltet (DIV post). Weiterhin wird das Suchfeld eingefügt, damit sich der Leser gleich auf die Suche begeben kann.

screenshot.png - Um das neue Theme besser darzustellen fehlt nur noch das Screenshot
Jetzt kommen wir schon zum letzten Teil dieses Tutorials. Nach dem das Theme nun fertig gestellt ist, sollten wir noch ein Screenshot erstellen. Es sollte eine Größe von 300×225px haben und als screenshot.png gespeichert werden. Es wird dann automatisch im Admin ‘Panel beim jeweiligen Theme angezeigt.

Fertig!
Fertig! Das erste WordPress Theme ist erstellt.
Ich würde mich über Kommentare zu diesem Tutorial freuen. Natürlich können auch Fragen zum Thema oder allgemeines Feedback abgegeben werden.
Wenn euch das Tutorial gefallen hat, würde ich mich über einen Backlink auf den webworkblog.net freuen.

WordPress Theme Tutorial
Teil 1 - Teil 2 - Teil 3 - Teil 4 - Teil 5