Der Steuerberater: eine sinnvolle Investition

In Unterhaltungen mit Kollegen hörte ich des Öfteren Sätze wie "Dafür brauche ich doch keinen Steuerberater" oder "Buchführung und Steuersachen mache ich gerne". Ok, jedem das Seine, ich persönlich blogge lieber.

Ein Steuerberater bzw. seine Mitarbeiter mach nicht "nur" die Steuererklärung für dich sondern auch die Buchführung, er macht daraus die Betriebswirtschaftliche Auswertung (BWA) und kann dir Tipps und Ratschläge geben. Ich habe sofort nach dem ich mich selbständig gemacht habe, meinen Steuerberater beauftragt. Das war auch gut so. Vor allem am Anfang hatte ich die eine oder andere Frage … finde mal im Internet bezüglich Finanzen und Steuer schnell eine wirklich kompetente Antwort. Man ist so grün hinter den Ohren, dass man nicht weiß ob eine Antwort kompetent ist.

Danach hatte ich des Öfteren eine "Verdienstbescheinigung" benötigt. Viele Ämter oder Vermieter (bei Wohnungssuche) akzeptieren die aktuelle BWA als "Verdienstbescheinigung". Selber kann ich mir so eine zwar auch erstellen aber mit Stempel und Unterschrift des Steuerberaters wird sie auch akzeptiert.

Dadurch, dass die sich die Bezahlung des Steuerberaters nach dem Einkommen richtet ist es am Anfang eine sehr günstige Investition. Steigen die Ausgaben für den Steuerberater, kann sich immerhin damit trösten, dass man langsam aber sicher erfolgreich geworden ist.

Sparen ist immer gut

Geld bei Seite sollte man immer zurücklegen, das ist klar wie Kloßbrühe. Aber bei Selbständigen geht es auch darum immer einen guten Batzen Geld bei Seite zu haben: Urlaub, Krankheit, dringende Anschaffungen etc. Aber vor allem um die Verpflichtungen gegenüber Finanzamt zu begleichen.

Am Anfang hat man halt etwas weniger Umsatz, man hat Startinvestitionen etc. und schon kann es passieren, dass man im folgenden Jahr einen Minibeitrag an Einkommenssteuer an das Finanzamt zahlen muss. Auch die Vorauszahlungen für das laufende Jahr sind niedrig, weil man eben einen vergleichsweise niedrigen Gewinn im Vorjahr hatte.

Im zweiten oder auch erst im dritten Jahr kommt dann der berufliche Erfolg: viele Aufträge, Zahlungen für die Aufträge aus dem Vorjahr trudeln im neuen Jahr ein und am Ende des erfolgreichen Jahres bitten dich diverse Kunden für laufende Aufträge, doch schon im Dezember eine Rechnung zu schreiben.

Also ein super Jahr mit hohem Gewinn, bei niedrigen Vorauszahlungen. Wenn du jetzt keinen guten Steuerberater hast, der dir rechtzeitig sagt wie viel du in etwa bei Seite legen sollst, kann es sein, dass du bei der nächsten Einkommenssteuererklärung ein blaues Wunder erlebst. Von Gesprächen mit Kollegen weiß ich das bei solchen Konstellationen sehr schnell 5.000-9.000 Euro Nachzahlung anstehen können - ich rede hier von Einzelunternehmern. Als Sahnehäubchen kommen dann noch die viel höheren Vorauszahlungen.

Wenn du jetzt nicht flüssig bist, dann hast du ein Problem. Für Schulden beim Finanzamt wird dir keine Bank Kredit geben. Wie erfolgreich man ist, wenn man beim Finanzamt um Aufschub oder Ratenzahlung bittet, kann ich nicht sagen. Man hört unterschiedliches.

Daher ist meine Empfehlung sich ein Tagesgeldkonto zuzulegen und das Geld was man nicht dringend benötigt, aber schnell zur Verfügung haben möchte dort zu parken. Momentan ist zwar die Inflation so hoch, dass ein großer Teil der Zinseinnahmen aufgefressen wird, aber immerhin besser als das Geld auf einem "normalen" Konto zu belassen. Auf solchem Konto würde ich eben das Geld parken, was eigentlich dem Finanzamt gehört: Einkommens- und Umsatzsteuer.

Dispo (Kreditrahmen) für die Notfälle

Standardmäßig, so viel ich weiß, hat ein geschäftliches Girokonto kein Dispo, läuft also auf Guthabenbasis. Das ist an sich gut, weil es unter anderem verhindert das man sich schon am Anfang mit einem hohen Zinssatz verschuldet. Und die Bank kann dir schlecht eine Dispogrenze einräumen, wenn die nicht weiß was du einnimmst.

Wenn es dann dazu kommt, dass die Geschäfte gut laufen und du auch gute Zahlen vorzuweisen hast (Jahresabschluss, aktuelle BWA vom Steuerberater), dann würde ich mich an die Bank wenden und um Dispo bitten. Wenn deine Einnahmen sinken, dann hast du schlechtere Argumente.

Hierbei soll noch einmal erwähnt werden, dass man den Dissporahmen nicht als ein festes Einkommen einkalkuliert, sondern das es lediglich als "Puffer" für absolute Notfälle dient. Ist eigentlich klar, ich wollte es trotzdem noch einmal erwähnt haben.

Das war es jetzt meinerseits. Falls mir weitere Tipps und Erfahrungen einfallen sollte, so werde ich hier im Weblog darüber schreiben. Wenn du Tipps und Erfahrungen bezüglich Selbständigkeit hast, dann kommentiere was das Zeug hält.

Durchgehende Nummerierung

Was ich auf jeden Fall empfehlen kann ist eine durchgehende Nummerierung der Bilder und zwar am besten von Anfang an zweistellig: 01, 02, 03 …98, 99. Durch die vorangehende Null bei den einstelligen Zahlen erreicht man, dass bei der alphabetischen Auflistung nicht die 11 vor die 2 kommt. Soll es in dem Dokument mehr als 100 Bilder geben, dann macht man das ganze dreistellig.

Etwas "Luft" lassen

Dann sollte man auf jeden Fall auch einplanen, dass es passieren kann das man neue Bilder dazwischen einfügen muss. Da gibt es mehrere Möglichkeiten. Entweder man lässt Lücken in dem man in Zweier- oder Dreier-Schritten die Bilder nummeriert (01, 04, 07 etc.). Das ist aber ein sehr starres Konstrukt. Viel besser ist, wenn man die Bilder direkt nach folgendem Muster benennt:

• 04a-wordpress-logo.png
• 05a-wordpress-installation.png
• 06a-wordpress-dashboard.png

Will man jetzt ein oder mehrere Bilder zwischen den Nummern 5 und 6 einfügen, dann benennt man die Bilder einfach 05b-bla.png, 05c-blubb.png etc. Somit ist es garantiert, dass auch nachträglich eingefügte Bilder sich alphabetisch richtig auflisten lassen.

Sprechende Namen

Das man für die Bilder auch aussagekräftige Namen wählen soll, muss ich jetzt hier nicht vertiefen. Der Sinn einer solchen Maßnahme ist klar. Die Verbindung von guter Nummerierung und einem aussagekräftigen Namen erleichtert nicht nur dir sondern auch dem Verleger die Arbeit.

Ich persönlich habe es mir angewöhnt, alle Bildernamen klein zu schreiben, Umlaute zu entschärfen (oe statt ö) und mit Bindestrich ("Minus") die Leerezeichen zu ersetzen. Damit bleibe ich konform mit dem webbasierten Bereich. Das ist aber natürlich eine Geschmacks- und Gewöhnungssache.

Die oben erwähnten Tipps sind sicherlich trivialer Natur, können aber viel Zeit und Nerven sparen.

Dabei wird einiges missverstanden, aber wenn man keine Selbständige in der Familie oder Bekanntenkreis hat, dann kann man es nicht wissen. Leider wird man in der Schule auf solche essentielle Sachen nicht vorbereitet.

OK, dann fangen wir an, aber zuerst mal von der Warte eines Angestellten. Ich habe letztens irgendwo eine Zahl aufgeschnappt, kann sein das es bei "Hart aber fair" war. Auf jeden Fall verdient ein durchschnittlicher Angestellter ca. 30-33.000 Euro brutto (also inkl. Lohnsteuer, Soli und Sozialversicherung) im Jahr. Wenn man den Arbeitgeber-Anteil für die Sozialversicherungen und weitere Ausgaben (z.B. Genossenschaft) mit zählt, dann kommt noch einmal ein gutes Drittel hinzu. Also ca. 40-44.000 brutto-brutto.

Der angestellte arbeitet im Schnitt, um bei glatten Zahlen zu bleiben, ca. 160 Stunden im Monat. Lassen wir jetzt die Überstunden bei Seite, ich weiß dass viele Angestellte die machen. Also wären das in etwa 1.920 Stunden im Jahr. Nun muss man von dieser Stundenzahl den Urlaub und die Feiertage abziehen. Je nach Bundesland (bis zu 14 Feiertage) und je nach Vertrag kann man schon um die 40 Tage zusammenbekommen. Teilt man das auf die Arbeitswochen auf, fallen schon mal zwei Arbeitsmonate weg. Also bleibt von den 1920 Arbeitsstunden pro Jahr im Schnitt etwa 1.600 über. Nun kommen wir zur einer kleinen Formel:

40-44.000 Euro / 1.600h = 25-27,5 Euro pro Stunde

Somit kostet so ein Angestellter den Arbeitgeber 25-27,5 Euro die Stunde, dabei hat der Angestellte keine Fortbildung in Anspruch genommen (fünf Tage im Jahr) und war im ganzen Jahr nicht krank. Dies muss ein Selbständiger auch mit einkalkulieren.

Die Kalkulation des Selbständigen

Will also z.B. ein freier Webdesigner ungefähr den Netto-Verdienst haben, den auch ein durchschnittlicher Angestellter hat, dann muss er auf seinen Stundensatz neben den 27,5 Euro noch weitere Kosten einbeziehen wie z.B. Bürokosten, Hard- und Software, Fortbildungskosten, Steuerberater, Werbung etc.

Darüber hinaus muss man auch noch berechnen und wenn möglich in den Stundensatz berücksichtigen, dass die Zeit in der man Angebote und Rechnungen verfasst und die Aquise macht auch zu der Arbeitszeit gehört und das so gut wie kein Selbständiger über das komplette Jahr zu 100% ausgelastet ist.

Und wenn ein Selbständiger in den Urlaub fährt, dann bekommt er kein Urlaubsgeld, er muss sich vielmehr den Urlaub auch finanziell erarbeiten und den Verdienstausfall durch den Urlaub verkraften können.

Wenn man das alles berücksichtigt, dann kommt man sehr schnell auf Preise die in etwa bei ca. 45-50 Euro liegen, wenn ein Selbständiger auch von diesem Geld leben möchte und kein Student ist. Und ich rede hier von Selbständigen wie es viele freischaffende Webworker sind und noch nicht von z.B. Agentur-Preisen wo noch ganz andere Sachen mitgezählt werden müssen.

Kleiner Hinweis

Ich möchte hier auch nicht missverstanden werden. Ich wollte mit diesem Beitrag nicht die Angestellten angreifen oder erzählen wie super-toll die es haben noch wollte ich als Selbständiger jammern. Viel mehr ging es mir darum aufzuzeigen, dass auch wenn im ersten Moment sich die Stundensätze mancher Selbständiger sehr hoch anhören, so bedeutet das nicht, dass der ganze Verdienst auch bei ihm bleibt. Ist an sich logisch, aber vielen Menschen nicht wirklich klar und auch eine der Ursachen, warum viele Selbständige, die wenig Erfahrung haben, auch scheitern.

Dynamische Sidebar einbinden

Um die Widget-Funktion im eigenen Theme zu gewährleisten muss man als aller erstes, die Datei functions.php erstellen. In dieser Datei muss man als Minimum folgendes eintragen:

1. <?php
2. if ( function_exists('register_sidebar') )
3. register_sidebar(array(
4. 'before_widget' => '',
5. 'after_widget' => '',
6. 'before_title' => '<h2>',
7. 'after_title' => '</h2>',
8. ));
9. ?>

Wobei man hier frei ist, welchen HTML-Code man vor und hinter dem einzelnen Widget und seiner Überschrift unterbringt. Man kann es auch leer lassen. Die Datei functions.php lädt man in den jeweiligen Themes-Ordner hoch. Nun muss man in dem Theme eine Stelle finden wo man die Ausgabe der Widget-Inhalte haben will. Hier gibt es mehrere Vorgehensweisen: entweder wird die Seitenleiste komplett durch die Widgets gesteuert oder nur Teile der Sidebar:

1. <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
2. ...
3. <?php endif; ?>

Da wo jetzt die Auslassungszeichen notiert sind, kann man entweder nur ein HTML-Kommentar oder sogar die ganze Standard-Sidebar einfügen, die erscheint, wenn die dynamisch Sidebar deaktiviert ist. Wie gesagt, das ist davon abhängig welche Vorgehensweise man bevorzugt. Wenn man die Datei hochgeladen hat und im Theme die dynamische Sidebar eingebunden hat kann man im Admin-Bereich unter "Themes" » "Widgets" die Widgets aktivieren und mit Inhalt füllen. Zur Auswahl stehen mehrere Widgets: Kategorien, Archiv, Kalender, Links, RSS, Textboxen etc. Und je nach dem welche Plugins sich im Einsatz befinden auch diverse Plugin-Widgets.

Das interessante an den Text-Widgets ist, dass man sie mit HTML und Javascript aufwerten kann. Ist das exec-php-Plugin aktiv auch mit PHP-Code. Das RSS-Widget ist deswegen interessant, weil man damit externe aber auch interne Newsfeeds einbinden und ausgeben kann: z.B. del.icio.us-Links oder die Kommentare aus dem eigenen Weblog.

Mehrere dynamiche Sidebars

So weit so gut, was aber wenn ich die Funktionalität der dynamischen Sidebar auf mehreren Stellen haben will und das nicht nur in der Seitenleiste sondern z.B. im Kopf- oder Fußbereich der Seite? Die Vorgehensweise hierbei ist sehr einfach, mann muss in der functions.php einen weitere dynamische Sidebar definieren:

1. <?php if ( function_exists('register_sidebar') )
2. register_sidebar(array('name'=>'widget1',
3. 'before_widget' => '',
4. 'after_widget' => '',
5. 'before_title' => '<h2>',
6. 'after_title' => '</h2>',
7. ));
8. register_sidebar(array('name'=>'widget2',
9. 'before_widget' => '<div id="im-fokus">',
10. 'after_widget' => '</div>',
11. 'before_title' => '<h2>',
12. 'after_title' => '</h2>',
13. )); ?>

Jetzt kann man an der gewünschten Stelle im Theme, die zweite dynamische Sidebar einfügen:

1. <?php
2. if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('widgetfeld2') ) : ?>
3. <!-- Keine Widgets! -->
4. <?php endif; ?>

Diesen Code-Block habe ich in der index.php dieses Weblogs eingefügt um den Text-Block mit der Überschrift "Im Fokus" anzuzeigen. Man sollte dabei auch nicht vergessen, den Code für die Einbindung der ersten dynamischen Sidebar entsprechend anzupassen.

Die Verwaltung mehrerer dynamischer Sidebars

In der oberen Abbildung sieht man dann, wie man mehrere dynamische Sidebars verwaltet. Ich denke mal, dass die Vorgehnsweise selbsterklärend ist, so dass ich jetzt nicht näher darauf eingehen muss … oder?

Vor- und Nachteile von mehreren dynamischen Sidebars

Die Vorteile der dynamischen Sidebar liegen klar an der Hand: man kann komfortabel aus dem Admin-Bereich entweder die ganze oder Teile der Sidebar verwalten. Bei mehreren dynamischen Sidebars könnte man somit mehr oder weniger komplette Seiten-Bereiche -Menü, Fußbereich etc. - verwalten.

Aber es gibt auch potentielle Nachteile, zum einen können vor allem bei Gemeinschaftsblogs oder bei Blogs, die man für Kunden aufgesetzt hat Inhalte in Bereiche reinkommen, die dafür nicht vorgesehen waren oder man könnte aus versehen, den Inhalt eines Widgets löschen ohne einen Backup zu machen. Allerdings kann man dies recht einfach in den griff bekommen.

Es gibt einen imho gravierenderen Nachteil, von dem von der offiziellen Seite gewarnt wird (finde jetzt leider den Link nicht), dass beim Einsatz von vielen dynamischen Sidebars, die Geschwindigkeit der Website in die Knie gehen kann. Deswegen ist es geplant, dass in der Version 2.5 auch die Leistung der Widgets verbessert wird. Ab welcher Anzahl der dynamischen Sidebars, der Aufbau der Website verlangsamt wird, wurde in der Quelle nicht erwähnt.

Doch bevor ich es vergesse wollte ich Markus Petschenig ein herzliches Dankeschön sagen für den Hinweis auf einige der Fehler, die sich im zweiten Teil eingeschlichen haben. Die die einzelnen Artikel aufeinander aufbauen ist es natürlich sinnvoll alle drei Artikel in aufsteigender Folge zu lesen.

In diesem Kapitel werde ich den Aufbau des Themes dieses Weblogs erklären. Dabei werde ich, in gewohnter Weise, die einzelnen Dateien vorstellen und etwas detaillierter auf den Code eingehen und natürlich werde ich meine Vorgehensweise und die Gedankengänge, die dazu geführt haben, erklären.

3.1 Planung und Überlegung

Bezüglich der Planung und der Umsetzung des Designs habe ich schon im Beitrag mit dem Namen Hinweise zum neuen Design berichtet. Daher werde ich mir hier diese Einleitung sparen und es geht direkt an das Eingemachte.

3.2 Der Kopfbereich (header.php)

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
3. <head profile="http://gmpg.org/xfn/11">
4. <?php if (is_home()) { ?>
5. <title><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?></title>
6. <?php }
7. elseif(is_category() or is_archive() or is_page() or is_single()) { ?>
8. <title><?php wp_title(''); ?> » <?php bloginfo('name'); ?></title>
9. <?php } else { ?>
10. <title><?php bloginfo('name'); ?><?php wp_title(); ?> - <?php bloginfo('description'); ?></title>
11. <?php } ?>
12. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
13. <meta name="generator" content="WordPress <?php bloginfo('version'); ?> und WeBuilder 2007" /> <!-- leave this for stats please -->
14.  
15. <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>" />
16. <link rel="stylesheet" type="text/css" media="print" href="<?php bloginfo('template_directory'); ?>/print.css" />
17.  
18. <meta name="ICBM" content="50.938,6.974" />
19. <meta name="DC.title" content="Peruns Weblog - Webwork und Internet" />
20.  
21. <meta name="author" content="Vladimir Simovic aka Perun" />
22. <?php if (is_home()) { ?><meta name="description" content="Das Weblog zum Thema Webwork und Internet: Weblogs, WordPress, CSS und (X)HTML, Mozilla u.v.m." /><?php } ?>
23.  
24. <meta http-equiv="imagetoolbar" content="no" />
25. <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
26. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
27. <link rel="archives" href="/archiv/" title="Archiv: nach Monaten und Tags (Schlagwörter) sortiert." />
28. <link rel="meta" type="application/rdf+xml" title="FOAF" href="http://www.perun.net/perun-foaf.rdf" />
29. <link rel="shortcut icon" href="http://www.perun.net/favicon.ico" />
30.  
31. <?php if (is_search()) {echo "<meta name=\"robots\" content=\"noindex, follow\" />\n";} ?>
32. <?php wp_head(); ?>
33. </head>

Die header.php (1/2)

Die ersten drei Zeilen der header.php sind hinreichend bekannt. Du wirst allerdings bemerkt haben, dass ich die Angaben zur Sprache im HTML-Wurzelelement direkt eingegeben und auf die Angabe des zuständigen Template-Tags (language_attributes();) verzichtet habe. Ich werde auch weiterhin in diesem Weblog nur in deutscher Sprache schreiben und ich bin mir ziemlich sicher, dass in der nächsten Zukunft auch weiterhin in der deutschen Sprache von links nach rechts gelesen und geschrieben wird … obwohl, den Kultusministerkonferenzen traue ich einiges zu.

Spaß beiseite. Fakt ist, dass ich nur in Deutsch schreibe und man bekannter weise in dieser Sprache von links nach rechts liest und schreibt. Daher notiere ich das deutsche Sprachkürzel direkt und verzichte auf die Angabe zur Schreib- und Leserichtung, da die Einstellung "von links nach rechts" (dir="ltr") voreingestellt ist. Somit spare ich mir die Notierung eines, in meinem Fall, unnötigen Template-Tags und eine extra Anfrage an den Server. Eine ganz andere Geschichte wäre es, wenn ich ein Template für ein verschiedensprachiges Publikum erarbeite.

Jetzt schauen wir uns mal die Zeilen 4-11 der header.php an. Diese sind zuständig für die Ausgabe des Seitentitels im Kopfbereich:

4. <?php if (is_home()) { ?>
5. <title><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?></title>
6. <?php }
7. elseif(is_category() or is_archive() or is_page() or is_single()) { ?>
8. <title><?php wp_title(''); ?> » <?php bloginfo('name'); ?></title>
9. <?php } else { ?>
10. <title><?php bloginfo('name'); ?><?php wp_title(); ?> - <?php bloginfo('description'); ?></title>
11. <?php } ?>

Der Seitentitel

Im Gegensatz zu den beiden Standard-Themes habe ich die Abfragen bei der Ausgabe des Seitentitels erweitert. Auf der Startseite und auf allen Seiten, die auf die Hauptdatei (index.php) zurückgreifen - if(is_home()) -, bekommt man Folgendes in der Titelleiste des Browsers zu sehen:

Peruns Weblog - Webwork und Internet

Der Seitentitel besteht hier ganz einfach aus dem Namen (bloginfo('name');) und der Beschreibung (bloginfo('description');) des Blogs. In der Kategorieübersicht, im Archiv, den Unterseiten und beim einzelnen Beitrag besteht der Seitentitel aus der ausgelesenen Überschrift (wp_title();), gefolgt von dem Namen des Weblogs. Hier exemplarisch der Seitentitel für einen einzelnen Beitrag:

Karten für WordCamp08 » Peruns Weblog

Mit Hilfe von wp_title(''); kann man die Überschrift bzw. den Titel des Beitrages, des Archivs oder der Seite auslesen. Ich habe extra die zwei Hochkommata ohne einen Parameterwert eingefügt. Üblicherweise bekommt wp_title bei der Ausgabe ein Trennzeichen (»), an sich praktisch und sinnvoll. Allerdings taucht dieses Zeichen auf der linken Seite auf, weil es ursprünglich vorgesehen war, dass man wp_title am Ende des Seitentitels unterbringt. Da es aber sinnvoller ist, den Titel des Beitrages am Anfang zu notieren, muss man dem Template-Tag wp_title einen leeren Parameterwert geben, um die Ausgabe des Trennzeichens zu unterdrücken.

Wie du in der Zeile 12 sehen kannst, habe ich ebenfalls die Angaben zum MIME-Typ und zum Zeichensatz direkt notiert und auch hier auf die Angabe der entsprechenden Template-Tags verzichtet. Ich habe nicht vor, in absehbarer Zeit den MIME-Typ und den eingesetzten Zeichensatz zu ändern, und vor allem ist die Änderung des Zeichensatzes nicht etwas, was man oft macht.

In den Zeilen 15 und 16 habe ich die Verlinkungen zu der CSS-Datei und zu der CSS-Datei für die Druck-Ausgabe notiert. Wie du in Zeile 16 sehen kannst, gibt bloginfo('template_directory'); den Pfad zum jeweiligen Themes-Ordner aus.

In der Zeile 18 siehst du ein spezielles Meta-Tag, das für viele noch unbekannt sein dürfte: <meta name="ICBM" content="50.938,6.974" />. Es handelt sich hier um die so genannte Geokodierung bzw. das Geotagging von Websites und Inhalten. Hierbei werden die Werte der Geo-Koordinaten als Metatags im Kopfbereich der Website platziert. Auf diese Werte greifen spezielle Suchmaschinen zu, die z. B. eine regionale Suche anbieten, oder Websites, die z. B. alle Websites innerhalb eines bestimmten geografischen Bereiches auflisten. Die Website www.mygeoposition.com ist eine von vielen Websites, wo man anhand der eingegebenen Postadresse die benötigten Metatag-Werte bekommt.

Durch den Code in der Zeile 22 der header.php wird die Seiten-Beschreibung (meta name="description") nur auf den Seiten ausgegeben, die bei der Ausgabe auf die index.php zurückgreifen. Dieses Metatag hat viel von seiner ursprünglichen Bedeutung eingebüßt, weil viele Suchmaschinen-Spammer in der Vergangenheit dieses Tag - genau wie das Tag meta name="keyword" - missbraucht haben. Dennoch blenden diverse Suchmaschinen den Inhalt der Meta-Beschreibung bei der Ausgabe der Suchergebnisse ein. Allerdings sollte man schauen, dass der Inhalt dieses Tags zu dem Seitentitel und dem übrigen Inhalt auf der Website passt. Dies ist in meinem Weblog auf den Seiten, die auf die index.php zurückgreifen, gegeben. Bei den einzelnen Beiträgen ist dies nicht der Fall und daher blende ich dieses Metatag dort auch aus.

In der Zeile 24 siehst du ein weiteres nicht so häufig anzutreffendes Metatag: <meta http-equiv="imagetoolbar" content="no" />. Mit diesem Metatag blendet man die kleine Toolbar aus, die der Internet Explorer 6 einblendet, wenn du den Cursor über ein Bild bewegst.

Die Image-Toolbar von dem IE6

Mit dem Code in der Zeile 30 wird den Suchmaschinen signalisiert, dass sie die Auflistung der Suchergebnisse nicht in ihren Suchindex aufnehmen sollen. Das erreiche ich, indem ich nur auf den Suchergebnis-Seiten (is_search();) <meta name="robots" content="noindex, follow" /> einblende. Der Wert noindex bedeutet für die Suchmaschinen, dass sie diesen Inhalt nicht in den Suchindex aufnehmen sollen, und follow bedeutet, dass die Suchmaschinen aber den Links auf dieser Seite folgen können. Willst du für die Suchmaschinen sowohl die Indizierung wie das Folgen verbieten, musst du Folgendes eintragen: <meta name="robots" content="noindex, nofollow" />.

34.  
35. <body>
36.  
37. <div id="container">
38.  
39. <h1 id="kopfbereich"><a href="/">Peruns Weblog - Webwork und Internet</a></h1>
40. <hr />
41. <p class="vorstellung">Ist das private Weblog von <a href="http://www.vlad-design.de">Vladimir Simovic</a> mit Berichten zum Thema Webwork und Internet. Ich wohne in Köln und arbeite als freier Webworker, Blogger und Autor.</p>
42. <hr />
43. <div id="hauptnavi">
44. <ul>
45. <li><a href="/"<?php if(is_home() and !is_paged()) echo ' class="aktiv"'; ?> title="Zurück zur Startseite">Start</a></li>
46. <li><a href="/kategorie/artikel/"<?php if(is_category('artikel')) echo ' class="aktiv"'; ?> title="Ausführliche Beiträge">Artikel</a></li>
47. <li><a href="/archiv/"<?php if(is_page('archiv')) echo ' class="aktiv"'; ?> title="Archiv nach Monaten und Tags bzw. Schlüsselwörtern sortiert.">Archiv</a></li>
48. <li><a href="/links/"<?php if(is_page('links')) echo ' class="aktiv"'; ?>>Links</a></li>
49. <li><a href="/downloads/"<?php if(is_page('downloads')) echo ' class="aktiv"'; ?>>Downloads</a></li>
50. <li><a href="/meine-buecher/"<?php if(is_page('meine-buecher')) echo ' class="aktiv"'; ?> title="Bücher, die ich geschrieben habe">Meine Bücher</a></li>
51. <li><a href="/impressum/"<?php if(is_page('impressum')) echo ' class="aktiv"'; ?> title="Impressum, Kontaktdaten, Datenschutz und rechtliche Hinweise" style="margin-right: 0;">Impressum</a></li>
52. </ul>
53. </div><!-- /Ende #hauptnavi -->
54. <hr />
55. <div id="mittelbereich">
56. <div id="inhalt">
57. <!-- Ende Kopfbereich -->

Die header.php (2/2)

Nun befinden wir uns in dem sichtbaren Bereich der header.php. Die ersten zehn Zeilen sind reines XHTML. Auf die Verlinkung auf die Startseite durch z. B. get_option('home'); habe ich verzichtet, da sich in meinem Fall die WordPress-Installation im Hauptordner befindet und wenn man den Schrägstrich als Ziel des Verweises (<a href="/">) notiert, kommt man beim Aufruf dieses Verweises automatisch auf die höchste Ebene der Website bzw. auf die Startseite zurück. Wie du bereits schon in der Zeile 40 erkennen könntest, benutze auch ich das hr-Element, um die Bereiche voneinander zu trennen. Mit Hilfe von CSS mache ich dann diese horizontalen Balken unsichtbar.

In den Zeilen 44-52 habe ich die Hauptnavigation untergebracht. Die einzelnen Navigationspunkte sind die Seiten bzw. Pages und die einzelnen Listenelemente habe ich mit CSS horizontal ausgerichtet. Wie du siehst, habe ich auch hier auf den Einsatz des zuständigen Template-Tags (wp_list_pages('arguments');) verzichtet, um automatisch die Seiten (Pages) auszugeben. Eigentlich hätte ich auch Folgendes schreiben können:

44. <ul>
45. <li><a href="/"<?php if(is_home() and !is_paged()) echo ' class="aktiv"'; ?> title="Zurück zur Startseite">Start</a></li>
46. <?php wp_list_pages('title_li=&include=11,12,15,17,22,25&sort_column=menu_order'); ?>
47. </ul>

Alternative Schreibweise für die horizontale Navigation

Die Startseite muss man auch hier manuell eingeben, aber die restlichen Seiten würde man dann automatisch von WordPress ausgeben lassen. Mit dem Parameter title_li= würde man die automatische Überschrift für diesen Bereich unterdrücken und durch den Parameter include= werden nur Seiten eingeblendet, die explizit durch die Angabe der ID erwähnt werden. Die Angabe sort_column=menu_order sortiert die einzelnen Seiten in der Reihenfolge, unter der du diese bei "Seite schreiben" » "Reihenfolge" bestimmt hast.

"Und warum machst du es dann nicht so?!" Das ist eine berechtigte Frage, aber ich habe auch einen berechtigten Grund. Die Punkte in der Hauptnavigation sind sehr wichtig und daher haben sie meiner Meinung nach auch einen ordentlichen und aussagekräftigen Titel verdient. Der Navigationspunkt, der zum Impressum führt, hat folgenden Titel: title="Impressum, Kontaktdaten, Datenschutz und rechtliche Hinweise". Solche individuellen Inhalte des title-Attributs kann man nur erreichen, indem man die einzelnen Punkte manuell einträgt. Zudem kann ich in der Hauptnavigation, bei der manuellen Notierung, auch einzeln Kategorien unterbringen (z. B. wie jetzt die Kategorie "Artikel").

Der "Wirkungsbereich" der header.php

3.3 Die Sidebar (sidebar.php)

Nun schauen wir uns die Sidebar meines Weblogs an. Ich habe an einigen Stellen hier in der sidebar.php den nicht so relevanten Code ausgelassen und die entsprechenden Stellen kann man an den Auslassungszeichen ([...]) erkennen. Das erwähne ich deswegen, damit du dich nicht wunderst, wenn es Sprünge in der Zählung der Code-Zeilen gibt.

1.  
2. <!-- begin sidebar -->
3. <div id="sidebar">
4. <h2>Abonnieren</h2>
5. <ul class="feed-abos">
6. <li><a href="<?php bloginfo('rss2_url'); ?>" rel="alternate" type="application/rss+xml" title="Beiträge als Newsfeed">Beiträge</a></li>
7. <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="Die letzten Kommentare als RSS-Feed">Kommentare</a></li>
8. </ul>
9.  
10. <h2><label for="s">Suchen</label></h2>
11. <form id="searchform" method="get" action="<?php bloginfo('url'); ?>/">
12. <div>
13. <input name="s" id="s" size="17" type="text" />
14. <input name="submit" value="Suchen" type="submit" class="such-button" />
15. </div>
16. </form>
17.  
18. <?php if(!is_page('meine-buecher')) { ?>
19. <h2>Meine Bücher</h2>
20. <div style="float: right; width: 115px;">
21. <p><a href="/meine-buecher/#css-buch-modernes-webdesign" title="CSS-Buch: modernes Webdesign mit CSS"><img src="/wp-content/uploads/[...]" alt="CSS-Buch: modernes Webdesign mit CSS" /></a><br />
22. <a href="/meine-buecher/#css-buch-modernes-webdesign">Weitere Infos</a></p>
23. </div>
24. <div style="width: 115px;">
25. <p><a href="/meine-buecher/#wordpress-buch-einsteigerseminar" title="WordPress-Buch - das Einsteigerseminar"><img src="/wp-content/uploads/[...]" alt="WordPress-Buch - das Einsteigerseminar" /></a><br />
26. <a href="/meine-buecher/#wordpress-[...]">Weitere Infos</a></p>
27. </div><?php } ?>
28.  

Die sidebar.php (1/2)

Wie du in den Zeilen 06 und 07 sehen kannst, habe ich die Links zu den zwei Newsfeeds - Beiträge und Kommentare - ganz oben in der Sidebar untergebracht. Aus meiner persönlichen Erfahrung und aus Gesprächen mit Kollegen ist mir aufgefallen, dass der Verweis zum Newsfeed und die Suchfunktion die wichtigsten "Anlaufstellen" für die Besucher sind: die Feeds, um auf dem Laufenden zu bleiben, und die Suchfunktion, um Beiträge zu finden. Daher ist es sinnvoll, die beiden Funktionen auch prominent zu platzieren.

Unter der Suchfunktion habe ich Abbildungen der Bücher untergebracht, die ich geschrieben habe. Die Grafiken sowie die Links darunter führen auf eine Unterseite mit dem Namen "Meine Bücher". Daher macht es keinen Sinn, die zwei Buch-Grafiken auch auf dieser Page einzublenden, deswegen kommt die Abfrage in der Zeile 18 (if(!is_page('meine-buecher'))) zum Einsatz.

Der obere Teil der Sidebar

29. <h2>Kategorien</h2>
30. <ul>
31. <?php wp_list_categories('orderby=name&show_count=1&title_li=&exclude=20'); ?>
32. </ul>
33. <p style="margin-top: -.8em;">Die <a href="/archiv/#tag-wolke">Tag-Wolke</a> (Tag-Cloud).</p>
34.  
35. <!-- google_ad_section_start(weight=ignore) -->
36. <h2>Weitere Projekte</h2>
37. <ul>
38. <li><a href="http://www.vlad-design.de">Meine geschäftliche Website</a></li>
39. <li><a href="http://www.herr-der-ringe.ws">Herr der Ringe-Weblog</a></li>
40. <li>[...]</li>
41. <li><a href="http://www.wordpress-buch.de">WordPress-Buch</a></li>
42. </ul>
43.  
44. <h2>Werbung</h2>
45. <ul class="werbelinks">
46. <li>[...]</li>
47. </ul>
48. [...]
49. <h2>Sonstiges</h2>
50. <ul>
51. <li>[... Feedburner-Code für Newsletter ...]</li>
52. </ul>
53. <ul>
54. <?php wp_register(); ?>
55. <li><?php wp_loginout(); ?></li>
56. <?php wp_meta(); ?>
57. </ul>
58. <!-- google_ad_section_end -->
59. </div> <!-- /id="sidebar" -->
60. <!-- Ende der Sidebar -->
61.  

Die sidebar.php (2/2)

In der Zeile 31 der sidebar.php werden die Kategorien eingeblendet. Sie werden alphabetisch sortiert und es wird die jeweilige Anzahl der Beiträge in den Klammern angegeben. Die Kategorie mit der ID 20 (mit dem Namen "Podcast") wird in der Sidebar nicht angezeigt, da ich seit Langem keinen Podcast mehr produziert habe, allerdings bleiben die Beiträge aus dieser Kategorie erhalten.

In der Zeile 35 siehst du einen Code-Schnipsel der für dich unbekannt sein könnte: <!-- google_ad_section_start(weight=ignore) -->. Ich schalte momentan in meinem Weblog Google-Werbung. Das Skript, das die Werbung schaltet, untersucht den Inhalt der Website und anhand des Inhaltes wird die passende Werbung in Textform geschaltet. Mit dem Code markiere ich den Anfang des Bereiches, der für die Analyse nicht relevant ist. Die Markierung endet in der Zeile 64 mit <!-- google_ad_section_end -->.

In der Zeile 57 sehen Sie einen langen Code-Abschnitt, der sich in eine einzelne Zeile quetscht. Darin befindet sich der Verweis zu dem Newsletter-Dienst von Feedburner. Damit ist es möglich, an Besucher, die sich bei Feedburner registrieren, automatisch einen E-Mail-Newsletter zu verschicken, sobald es im Weblog neue Beiträge gibt.

Der untere Teil der Sidebar

3.4 Die Hauptdatei (index.php)

1. <?php get_header(); ?>
2.  
3. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
4.  
5. <div id="post-<?php the_ID(); ?>">
6. <h2 class="storytitle"> <a href="<?php the_permalink() ?>" rel="bookmark" title="Der Verweis (Permalink) zu: <?php the_title(); ?>"><?php the_title(); ?></a></h2>
7. <div class="beitrags-info">Von <?php the_author() ?> am <?php the_time('d. F Y'); ?> um <?php the_time('H:i'); ?><?php edit_post_link('****', '<span> ', ' </span>'); ?></div>
8. <div class="der-beitrag">
9. <?php the_content('(weiterlesen...)'); ?>
10. </div><!-- Ende des jeweiligen Beitrages -->
11. <div class="feedback">
12. <?php wp_link_pages(); ?>
13. <?php comments_popup_link('Kommentare (0)', 'Kommentare (1)', 'Kommentare (%)'); ?>
14. </div>
15. </div> <!-- Ende des Bereiches um den jeweiligen Beitrag -->
16.  
17. <?php comments_template(); /* Kommentar-Template wird eingebunden */ ?>
18.  
19. <?php endwhile; else: ?>
20. <p>Tut mir leid! Es wurde kein passender Beitrag gefunden.</p>
21. <?php endif; ?>
22. <hr />
23. <?php
24. if (function_exists('wp_pagebar')) {
25. wp_pagebar(array('before'=>'', 'tooltip_text'=>'Seite', 'next'=>'»', 'prev'=>'«'));
26. }
27. else { ?>
28. <p class="pagination"><?php posts_nav_link(' – ', __('« Zurückblättern'), __('Weiterblättern »')); ?></p>
29. <?php } ?>
30.  
31. </div><!-- /Ende #inhalt -->
32. <?php get_sidebar(); ?>
33. <?php get_footer(); ?>

Die index.php

Im Großen und Ganzen ist in der index.php nichts Neues bzw. Unbekanntes hinzugekommen. Ich habe die Meldungen (z. B. kein passender Beitrag gefunden) alle direkt eingedeutscht, so dass ein Zugriff auf die deutsche Sprachdatei hier nicht notwendig ist. Eine Ausnahme gibt es und zwar in den Zeilen 24 und 25. Anstatt der üblichen "Weiterblättern"-Funktion habe ich ein Plugin installiert und hier eingebunden. Das Plugin heißt Pagebar und es listet am Ende der Seite die Folgeseiten auf.

In der Zeile 24 sieht man, wie man ein Plugin richtig einbauen sollte. Man fragt ab, ob das Plugin vorhanden bzw. aktiviert ist (if (function_exist('plugin_name')), und wenn ja, dann soll es seine Wirkung entfalten. Diese Abfrage ist sehr nützlich. Sollte es aus irgendwelchen Gründen passieren, dass das Plugin nicht aktiv ist, wird die Website nicht in Mitleidenschaft gezogen und es kommt zu keinen hässlichen Fehlermeldungen.

In der oberen Abbildung siehst du die Auswirkungen der Hauptdatei des Themes (index.php) und speziell im unteren Bereich die Pagebar. Und das war es dann so weit mit der index.php - eigentlich kurz und schmerzlos.

3.5 Die Kategorieübersicht (category.php)

Die category.php ist zuständig für die Auflistung aller Beiträge, die einer Kategorie zugewiesen sind.

1. <?php get_header(); ?>
2.  
3. <?php if(is_category()) { ?><h2>Die Kategorie "<?php single_cat_title(''); ?>"</h2>
4. <div class="kategorie-info"><p>Hier sind alle Beiträge aufgelistet, die in die Kategorie <strong><?php single_cat_title(''); ?></strong> einsortiert wurden. Die Beschreibung dieser Kategorie lautet: "<em><?php echo category_description($cat); ?></em>". Du hast die Möglichkeit, den <a href="<?php echo get_category_link($cat);?>feed/" class="fett">RSS-Feed</a> speziell nur für diese Kategorie zu abonnieren.</p></div><?php } ?>
5.  
6. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
7.  
8. <div id="post-<?php the_ID(); ?>">
9. <h2 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
10. <div class="beitrags-info">Von <?php the_author() ?> am <?php the_time('d. F Y'); ?> um <?php the_time('H:i'); ?><?php edit_post_link('****', '<span> ', ' </span>'); ?></div>
11. <div class="der-beitrag">
12. <?php the_content('(weiterlesen...)'); ?>
13. </div> <!-- Ende des jeweiligen Beitrags -->
14. <div class="feedback">
15. <?php wp_link_pages(); ?>
16. <?php comments_popup_link('Kommentare (0)', 'Kommentare (1)', 'Kommentare (%)'); ?>
17. </div>
18. </div> <!-- Ende des Bereiches um den jeweiligen Beitrag -->
19.  
20. <?php comments_template(); /* Kommentar-Template */ ?>
21.  
22. <?php endwhile; else: ?>
23. <p>Tut mir leid, es wurde kein passender Beitrag gefunden.</p>
24. <?php endif; ?>
25. <hr />
26. <?php
27. if (function_exists('wp_pagebar')) {
28. wp_pagebar(array('before'=>'', 'tooltip_text'=>'Seite', 'next'=>'»', 'prev'=>'«'));
29. }
30. else { ?>
31. <p class="pagination"><?php posts_nav_link(' – ', __('« Zurückblättern'), __('Weiterblättern »')); ?></p>
32. <?php } ?>
33.  
34. </div><!-- /Ende #inhalt -->
35. <?php get_sidebar(); ?>
36. <?php get_footer(); ?>

Die category.php

Du hast es schon richtig erkannt, die category.php ist eine fast exakte Kopie der index.php. Der Unterschied liegt in den Zeilen 03 und 04. Obwohl wir uns in einer Kategorieübersicht befinden, stelle ich eine Abfrage, um festzustellen, ob wir uns innerhalb einer Kategorie befinden - das klingt nicht sehr logisch. Das kommt deswegen zustande, weil ich den Code in den Zeilen 03 und 04 nur in einer Kategorieübersicht anzeigen möchte. Aber WordPress setzt die category.php auch bei einer Tag-Übersicht ein - also auch bei der Auflistung aller Beiträge, die unter einem bestimmten Tag gelistet sind. Dort wollte ich allerdings die Meldung (siehe nächste Abbildung) nicht angezeigt haben. In der unteren Abbildung siehst du die category.php im Einsatz.

Ausschnitt: Kategorie-Übersicht

Auch wenn in der category.php wenig Neues hinzugekommen ist, hast du dennoch drei neue Sachen gelernt:

• single_cat_title(''); gibt den Titel der jeweiligen Kategorie aus.
• category_description(); gibt die Beschreibung einer Kategorie aus.
• Die Variable $cat gibt die ID der aktuellen Kategorie aus.

3.6 Die Einzelansicht (single.php)

Die single.php wird von WordPress immer dann aufgerufen, wenn der einzelne Beitrag angezeigt werden soll. Ist diese Template-Datei nicht vorhanden, greift das System auf die index.php zurück.

1. <?php get_header(); ?>
2.  
3. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
4.  
5. <div id="post-<?php the_ID(); ?>">
6. <h2 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
7. <div class="beitrags-info">Tags: <?php if (function_exists('STP_PostTags')) {?> <?php STP_PostTags(); ?><?php } else{echo"Die Funktion ist deaktiviert.";} ?> <?php edit_post_link('****', '<span>  ', '</span>'); ?></div>
8.  
9. <div class="google-anzeige">
10. [Code für Google-Anzeigen]
11. </div>
12.  
13. <div class="der-beitrag">
14. <?php the_content(__('(more...)')); ?>
15. <?php wp_link_pages(); ?>
16. <?php if (class_exists('SimpleTagging')) : ?>
17. <h3>Verwandte Beiträge</h3>
18. <ul>
19. <?php STP_RelatedPosts(); ?>
20. </ul>
21. <?php endif; ?>
22. </div> <!-- Ende des jeweiligen Beitrages -->
23.  
24. <div class="beitrags-info2">
25. <p>Dieser Beitrag wurde am <?php the_time('l, d. F Y'); ?> um <?php the_time('H:i'); ?> Uhr veröffentlicht und wurde unter der Kategorie <?php the_category(', ') ?> abgelegt. Du kannst die Kommentare zu diesem Eintrag durch den <?php comments_rss_link('RSS-Feed'); ?> verfolgen. <?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) { ?>Du hast die Möglichkeit, einen <a href="#comments">Kommentar</a> zu hinterlassen oder einen <a href="./trackback/">Trackback</a> von deinem Weblog zu senden.<?php } ?><?php if (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {?>Du hast die Möglichkeit, einen <a href="#respond">Kommentar</a> zu hinterlassen.<?php } ?> </p>
26. </div>
27.  
28. <p class="pagination"><?php previous_post_link('%link','« Zum vorherigen Beitrag'); ?> – <?php next_post_link('%link','Zum nächsten Beitrag »'); ?></p>
29. </div>
30.  
31. <?php comments_template(); /*Get wp-comments.php template*/ ?>
32.  
33. <?php endwhile; else: ?>
34. <p>Tut mir leid, es wurde kein passender Beitrag gefunden.</p>
35. <?php endif; ?>
36. <hr />
37. </div><!-- /Ende #inhalt -->
38. <?php get_sidebar(); ?>
39. <?php get_footer(); ?>

Die single.php

Bis einschließlich Zeile 06 ist alles schon bekannter Code. In der Zeile 07 wird abgefragt, ob das Tagging-Plugin (Simple Tagging) vorhanden ist, wenn nicht, soll die Meldung "Die Funktion ist deaktiviert" ausgegeben werden. Wenn das Plugin aktiv ist, werden an dieser Stelle die Tags/Schlagwörter ausgegeben. Wer hier z. B. die Tags aus der in WordPress eingebauter Tagging-Funktion einbinden will der greift auf die speziell dafür erstellten Template-Tags: (the_tags();).

In den Zeilen 16-21 wird das Plugin Simple Tagging noch einmal eingebunden und diesmal werden die verwandten Beiträge ausgegeben. Das Plugin untersucht, ob der Beitrag getaggt ist und ob es Beiträge gibt, die das gleiche Tag zugewiesen bekommen haben. Wenn ja, werden die jeweiligen Beiträge aufgelistet. In der grafischen Benutzeroberfläche des Plugins kann man bestimmen, wie viele Links aufgelistet werden und in welcher Form die Auflistung stattfinden soll.

In den Zeilen 24-26 der sidebar.php siehst du unter dem jeweiligen Beitrag eine Informationsbox. In dieser Box erfährt der Leser, wann der Beitrag veröffentlicht und in welcher Kategorie er abgelegt wurde. Zusätzlich bekommt er den Link zu dem Kommentar-Feed des jeweiligen Beitrages, den Verweis zum Kommentarformular und den Link zu der Trackback-URL zu sehen. Dort siehst du auch, wie man im Code abfragt, ob die Kommentar- und Pingfunktion aktiv ist.

In der Zeile 28 ist die "Weiterblättern"-Funktion untergebracht. Mit dieser springt man zum nächsten bzw. vorherigen Beitrag. Damit unterscheidet sich diese Funktion von der auf den Übersichtsseiten - wo man seitenweise blättert.

Ein einzelner Beitrag aus meinem Weblog

9.7 Das Seiten-Template (page.php)

1. <?php get_header(); ?>
2.  
3. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
4.  
5. <div id="post-<?php the_ID(); ?>">
6. <h2><?php the_title(); ?></h2>
7.  
8. <div class="der-beitrag">
9. <?php the_content('(weiterlesen...)'); ?>
10. <?php edit_post_link('****', '<div>', '</div>'); ?>
11. </div>
12. </div>
13.  
14. <?php endwhile; else: ?>
15. <p>Tut mir leid, es wurde kein passender Beitrag gefunden.</p>
16. <?php endif; ?>
17.  
18. </div><!-- /Ende #inhalt -->
19. <?php get_sidebar(); ?>
20. <?php get_footer(); ?>
21.  

Die page.php

Das Haupt-Seiten-Template (page.php) ist sehr übersichtlich geworden und hierzu kann ich nicht viel mehr sagen, außer dass diese Template-Datei zum Einsatz kommt, wenn Seiten (Pages) ausgegeben werden. Ist diese Datei nicht vorhanden, greift das System auf die index.php zurück.

3.8 Die Archiv-Unterseite (archiv.php)

Die archiv.php ist eine Template-Datei, die nicht zum offiziellen Theme-Umfang gehört - im Gegensatz zur archives.php. Diese Datei wird auf den Seiten eingesetzt, wo man sie als Seiten-Template auch bestimmt hat: "Seite schreiben" » "Seiten-Template". Ich habe diese Datei erstellt, um das ausgelagerte Archiv besser präsentieren zu können.

1. <?php
2. /*
3. Template Name: Archiv
4. */
5. ?>
6. <?php get_header(); ?>
7.  
8. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
9.  
10. <div id="post-<?php the_ID(); ?>"><h2><?php the_title(); ?></h2>
11.  
12. <div class="der-beitrag">
13. <?php the_content('(weiterlesen...)'); ?>
14.  
15. <?php if (class_exists('SimpleTagging')) : ?>
16. <ul class="tag-wolke">
17. <?php STP_Tagcloud(); ?>
18. </ul>
19. <?php endif; ?>
20.  
21. <div class="archiv-liste1">
22. <h3>Das Monatsarchiv</h3>
23. <ol>
24. <?php wp_get_archives('type=monthly&show_post_count=1'); ?>
25. </ol>
26. </div>
27.  
28. <div class="archiv-liste2">
29. <h3>Die letzten 25 Beiträge</h3>
30. <ol>
31. <?php wp_get_archives('type=postbypost&limit=25&format=html'); ?>
32. </ol>
33. </div>
34.  
35. <?php edit_post_link('****', '<div>', '</div>'); ?>
36. </div><!-- Ende von .der-beitrag -->
37. </div><!-- Ende von #post -->
38.  
39. <?php endwhile; else: ?>
40. <p>Tut mir leid, es wurde kein passender Beitrag gefunden.</p>
41. <?php endif; ?>
42.  
43. </div><!-- /Ende #inhalt -->
44. <?php get_sidebar(); ?>
45. <?php get_footer(); ?>

Das Archiv (archiv.php)

Anhand der ersten vier Zeilen erkennt WordPress, dass es sich hier um ein Seiten-Template mit dem Namen Archiv handelt. Dieser Name wird auch in der Auswahlliste ("Seiten-Template") angezeigt.

Mit dem Code in den Zeilen 15-19 wird später die Tag-Wolke ausgegeben. Bei einer Tag-Wolke werden die eingesetzten Tags aufgelistet und je öfter ein Tag eingesetzt wurde, umso größer wird es ausgegeben. Hierbei wird wieder auf die Hilfe des Simple-Tagging-Plugins zurückgegriffen.

In den Zeilen 21-26 ist der zuständige Code, der später das Monatsarchiv ausgibt. Durch wp_get_archives('type=monthly&show_post_count=1'); werden die Links zu den jeweiligen Monatsübersichten aufgelistet und neben jedem Monat wird auch noch die Anzahl der Beiträge im jeweiligen Zeitraum angezeigt.

In den Zeilen 28-33 der archiv.php befindet sich der Code für die zweite Archiv-Liste. Durch wp_get_archives('type=postbypost&limit=25&format=html'); werden die verlinkten Überschriften der 25 letzten Beiträge aufgelistet. Wie du siehst, wird hier zwei Mal hintereinander das gleiche Template-Tag eingesetzt, allerdings mit verschiedenen Parametern. Durch type=postbypost werden die einzelnen Beiträge aufgelistet, durch limit=25 wird die Anzahl der auszugebenden Beiträge bestimmt und durch format=html bestimmt man, dass die einzelnen Einträge als separate Listenpunkte (<li>...</li>) ausgegeben werden.

Wenn ich eine neue Seite erstelle und dieser das Seiten-Template archiv.php zuweise, bekommt sie automatisch Inhalte und zwar die Tag-Wolke und die beiden Listen-Archive. Darüber hinaus kann ich, wenn ich mag oder es notwendig sein sollte, auch einen Text unterbringen. Da sich dieser öfter ändern könnte, habe ich mich dafür entschieden, diesen Text aus dem Admin-Menü pflegen zu können, und habe daher das Template-Tag the_content('(weiterlesen...)'); in der Zeile 13 untergebracht. Hier die Abbildung eines Teiles des Archivs:

Archiv-Ausschnitt

3.9 Der Kommentarbereich (comments.php)

1. <hr />
2.  
3. <?php if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
4. die ('Bitte nicht die Seite direkt aufrufen. Vielen Dank!'); ?>
5.  
6. <?php if ( !empty($post->post_password) && $_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) : ?>
7. <p>Auch die Kommentare sind durch das Passwort geschützt.</p>
8. <?php return; endif; ?>
9.  
10. <h2 id="comments"><?php comments_number('Keine Kommentare', 'Ein Kommentar', '% Kommentare'); ?>
11. <?php if ( comments_open() ) : ?>
12. <a href="#postcomment" title="Einen Kommentar hinterlassen">»»</a>
13. <?php endif; ?>
14. </h2>
15.  
16. <?php if ( $comments ) : ?>
17. <ol id="commentlist">
18.  
19. <?php /*foreach ($comments as $comment) :*/ ?>
20. <?php $count = 0; foreach ($comments as $comment): $count++; ?>
21. <li id="comment-<?php comment_ID() ?>" class="kommentare<?php global $comment; if ( ($comment->comment_author_email == get_the_author_email()) && ($comment->user_id != 0) ) { echo " mein-kommentar"; } ?>">
22. <h3><a href="#comment-<?php comment_ID() ?>" class="kommentar-zaehler"><?php echo $count; ?>.</a> – <?php comment_author_link() ?><?php edit_comment_link(__("***"), ' '); ?></h3>
23. <p class="kommentar-info"><em><?php comment_type('Kommentar', 'Trackback', 'Pingback'); ?> vom <?php comment_date('d. F Y') ?> um <?php comment_time() ?></em></p>
24. <?php comment_text() ?> /* Der eigentliche Kommentar-Text */
25. <?php if ($comment->comment_approved == '0') { echo "<p>[Dein Kommentar wartet auf Freischaltung.]</p>"; } ?>
26. </li>
27.  
28. <?php endforeach; ?>
29.  
30. </ol>
31.  
32. <?php else : // Wenn es noch keine Kommentare gibt ?>
33. <p>Bis jetzt gibt es noch keine Kommentare.</p>
34. <?php endif; ?>
35.  

Die comments.php (1/2)

Am Anfang der comments.php gibt es wenig Neues. In den Zeilen 03 und 04 wird der direkte Aufruf der comments.php verhindert. In den Zeilen 06-08 wird geprüft, ob der Beitrag geschützt ist und ob der Besucher bereits eingeloggt ist. In der Zeile 16 beginnt, wenn Kommentare vorhanden sind, die Ausgabe der abgegebenen Kommentare.

Allerdings habe ich in diesem Bereich eine kleine Änderung eingefügt. In der Zeile 19 sieht man den ursprünglichen Code, dieser ist auskommentiert und daher nicht wirksam. Ich habe ihn trotzdem in der Datei gelassen, um hier den Unterschied aufzuzeigen und für mich als Gedächtnisstütze. Der Code aus der Zeile 19 wird durch den Code aus der Zeile 20 abgelöst. Und was besagt der folgende Code: $count = 0; foreach ($comments as $comment): $count++;? WordPress setzt den Zähler auf Null und für jeden Kommentar, der abgegeben wird, soll der Zähler um eins erhöht werden und die Zahl wird in der Variablen $count gespeichert, damit man den Wert an einer anderen Stelle innerhalb dieser Datei ausgeben kann (siehe den drtittnächsten Absatz).

In der Zeile 21 der comments.php siehst du den Anfang des Listen-Elements, in dem das komplette Kommentarkonstrukt untergebracht ist: Name des Autors, Datum und der eigentliche Kommentarinhalt. Jeder Kommentar bzw. jedes Listen-Element bekommt automatisch das Klassen-Attribut mit dem Wert kommentare zugewiesen. Darüber hinaus wird geprüft, ob die E-Mail-Adresse des Kommentators und die E-Mail-Adresse des Autors gleich sind. Sind sie identisch, dann wird dem Klassen-Attribut zusätzlich noch der Wert mein-beitrag zugewiesen. Somit hat man die Möglichkeit, mit Hilfe von CSS die Kommentare, die von den Autoren des jeweiligen Beitrages stammen, extra zu kennzeichnen. Ich habe diesen Kommentaren ein extra Kommentarbild zugewiesen.

Dadurch, dass die einzelnen Kommentare als Listenpunkte einer nummerierten Liste ausgegeben werden, findet eine Nummerierung automatisch statt. Das Problem an dieser Nummerierung ist allerdings, dass man die Zählung oder besser ausgedrückt die Nummern der Zählung nicht großartig im designtechnischen Sinne beeinflussen kann. Ein Beispiel für so eine Beeinflussung ist, wenn man die Zahlen in eine andere Ecke positionieren möchte.

Daher muss man eine eigene Zählung vornehmen … und du erinnerst dich in diesem Zusammenhang an unseren in der Zeile 19 bereits initiierten Zähler ($count). In der Zeile 22 siehst du, wie dieser Zähler eingebunden und ausgegeben wird.

In der Zeile 23 der comments.php steht folgender Code: comment_type('Kommentar', 'Trackback', 'Pingback');. Je nachdem, ob es sich bei dem Kommentar um einen wirklichen Kommentar (erster Wert), einen Trackback (zweiter Wert) oder Pingback (dritter Wert) handelt, wird der entsprechende Text ausgegeben. Du kannst die drei Werte selbstverständlich auch individualisieren.

Hier eine Abbildung, bei der exemplarisch drei Kommentare aufgelistet werden. Anhand des Icons (Foto) im dritten Kommentar erkennt man, dass dieser Kommentar von mir, also dem Autor des Beitrages, stammt.

Ausschnitt: Die Auflistung der Kommentare

Nun schauen wir uns den zweiten Teil der comments.php an:

36. <?php if ( comments_open() ) : ?>
37. <h2 id="postcomment">Einen Kommentar hinterlassen</h2>
38.  
39. <?php if ( get_option('comment_registration') && !$user_ID ) : ?>
40. <p>Du musst <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>">dich einloggen,</a> um kommentieren zu können.</p>
41. <?php else : ?>
42.  
43. <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
44.  
45. <?php if ( $user_ID ) : ?>
46. <p>Eingeloggt als <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php _e('Log out of this account') ?>">Logout »</a></p>
47.  
48. <?php else : ?>
49. <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="25" tabindex="1" />
50. <label for="author"><small>Name <?php if ($req) _e('(required)'); ?></small></label></p>
51.  
52. <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="25" tabindex="2" />
53. <label for="email"><small>Mail (wird nicht veröffentlicht) <?php if ($req) _e('(required)'); ?></small></label></p>
54.  
55. <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="25" tabindex="3" />
56. <label for="url"><small>Website</small></label></p>
57. <?php endif; ?>
58.  
59. <p><small><strong>XHTML</strong> (folgende Tags sind erlaubt): <code><?php echo allowed_tags(); ?></code>. Kommentar-Vorschau ist aktiviert (JavaScript wird benötigt).</small></p>
60. <p><small><strong>Code-Beispiele:</strong> Damit die Code-Beispiele richtig angezeigt werden, müssen die Sonderzeichen maskiert werden (z. B. <code><</code> zu <code>&lt;</code>).</small></p>
61.  
62. <p><textarea name="comment" id="comment" cols="50" rows="12" tabindex="4"></textarea></p>
63.  
64. <p><input name="submit" type="submit" id="submit" tabindex="5" value="Kommentar abschicken" />
65. <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /></p>
66. <?php do_action('comment_form', $post->ID); ?>
67.  
68. </form>
69.  
70. <?php endif; // If registration required and not logged in ?>
71.  
72. <?php else : // Comments are closed ?>
73. <p>Tut mir leid, aber momentan ist die Kommentarfunktion deaktiviert.</p>
74. <?php endif; ?>
75.  

Die comments.php (2/2)

Der zweite Teil der comments.php dürfte aus dem zweiten Teil des Artikel-Serie bekannt vorkommen. Ich habe diesen Bereich nur in Details verändert, zum Beispiel, indem ich die Text-Meldungen eingedeutscht und im Bereich des Kommentarformulars zwei Hinweise eingefügt habe (Zeile 59 und 60).

Und hier die Abbildung des Kommentarformulars aus der Sicht eines nicht-eingeloggten Besuchers:

In der oberen Abbildung siehst du vier Elemente, die im Code der comments.php gar nicht vorkommen. Zum einen wäre dies die Quicktag-Leiste, damit die Kommentatoren auch ihren Text formatieren können, darunter die Smiley-Leiste, die Live-Vorschau und ganz unten die Benachrichtigungsfunktion. Diese Elemente werden durch Plugins automatisch eingefügt und hier zeigt sich noch einmal, wie wichtig die (Template-)Hooks sind. Der Hook do_action('comment_form', $post->ID); aus der Zeile 66 dient diesen Plugins zur Orientierung.

3.10 Die Ausgabe der Suchergebnisse (search.php)

Die Ausgabe der Suchergebnisse ist im Grunde genommen ein Klon der category.php (Listing 9.8):

1. <?php get_header(); ?>
2.  
3. <h2>Deine Suche nach "<?php the_search_query(); ?>"</h2>
4. <div class="kategorie-info"><p>Falls deine Suche nach <strong><?php the_search_query(); ?></strong> kein oder kein zufriedenstellendes Ergebnis geliefert hat, dann versuche es im <strong><a href="/archiv/">Archiv</a></strong>. Dort findest du eine Tag-Wolke, ein Monatsarchiv und eine Auflistung der 25 letzten Beiträge.</p></div>
5.  
6. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
7.  
8. <div id="post-<?php the_ID(); ?>">
9. <h2 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
10. <div class="beitrags-info">Von <?php the_author() ?> am <?php the_time('d. F Y'); ?> um <?php the_time('H:i'); ?><?php edit_post_link('****', '<span> ', ' </span>'); ?></div>
11. <div class="der-beitrag">
12. <?php the_excerpt(); ?>
13. </div> <!-- Ende des jeweiligen Beitrags -->
14. <div class="feedback">
15. <?php wp_link_pages(); ?>
16. <?php comments_popup_link('Kommentare (0)', 'Kommentare (1)', 'Kommentare (%)'); ?>
17. </div>
18. </div> <!-- Ende des Bereiches um den jeweiligen Beitrag -->
19.  
20. <?php comments_template(); /* Kommentar-Template */ ?>
21.  
22. <?php endwhile; else: ?>
23. <p>Tut mir leid, es wurde kein passender Beitrag gefunden.</p>
24. <?php endif; ?>
25. <hr />
26. <?php
27. if (function_exists('wp_pagebar')) {
28. wp_pagebar(array('before'=>'', 'tooltip_text'=>'Seite', 'next'=>'»', 'prev'=>'«'));
29. }
30. else { ?>
31. <p class="pagination"><?php posts_nav_link(' – ', __('« Zurückblättern'), __('Weiterblättern »')); ?></p>
32. <?php } ?>
33.  
34. </div><!-- /Ende #inhalt -->
35. <?php get_sidebar(); ?>
36. <?php get_footer(); ?>

Die search.php

Die einzigen Änderungen gegenüber der category.php sind die Entfernung der Abfrage (is_category), logischerweise die Anpassung der Meldung innerhalb der farblich hervorgehobenen Box und anstatt der kompletten Beiträge (the_content();) werden die angezeigten Beiträge nur auszugsweise (the_excerpt();) dargestellt. Dieses Template-Tag zeigt entweder die selbst verfasste Kurzfassung des Beitrags ("Beitrag schreiben" » "Optionale Kurzfassung") oder es werden die ersten 50 Wörter des Beitrages angezeigt. Dies ist die Standardeinstellung und sie kann nur geändert werden, wenn man tief in dem Code von WordPress wühlt, wobei Bilder und Formatierungen ignoriert werden und somit nur der einfache Text (engl. plain Text) angezeigt wird.

Ausschnitt: Die Ausgabe der Suchergebnisse

3.11 Der Fußbereich (footer.php)

Ich habe für dieses Weblog die footer.php erweitert und im Fußbereich auch Informationen untergebracht, die klassischerweise nicht unbedingt hierher gehören. Hier der Code:

1. <!-- Beginn footer.php -->
2. </div><!-- /Ende #mittelbereich -->
3. <hr />
4. <div id="footer">
5. <div id="footer-bereich1">
6. <h2>Kommentare</h2><?php if (function_exists('get_recent_comments')) { ?>
7. <ul>
8. <?php get_recent_comments(); ?>
9. </ul><?php } ?>
10. </div>
11.  
12. <div id="footer-bereich2"><?php if(!is_single()) { ?>
13. <h2>Ping-/Trackbacks</h2><?php if (function_exists('get_recent_trackbacks')) { ?>
14. <ul>
15. <?php get_recent_trackbacks(); ?>
16. </ul><?php } ?><?php } ?>
17. <?php if(is_single()) { ?>
18. <h2>Neueste Beiträge</h2>
19. <ul>
20. <?php wp_get_archives('type=postbypost&limit=5&format=html'); ?>
21. <li style="margin-top: -5px;"><a href="/archiv/">Zum Archiv »</a></li>
22. </ul><?php } ?>
23. </div>
24.  
25. <div id="footer-bereich3">
26. <h2>Bisschen Statistik</h2>
27. <ul>
28. <li>Online seit: 15. 01. 04</li>
29. <?php if (function_exists('GeneralStatsComplete')) { GeneralStatsComplete(); } ?>
30. <li class="bild-verweis"><a href="http://feeds.feedburner.com/peruns-weblog" title="Anzahl der Feed-Leser"><img src="http://feeds.feedburner.com/[...]" alt="Anzahl der Feed-Leser" /></a> <a href="http://www.technorati.com/search/www.perun.net" title="Technorati Link Cosmos: wer verlinkt auf dieses Weblog?"><img src="/grafik/link-cosmos.png" alt="Technorati Link Cosmos" style="vertical-align: top; margin-left: 10px;" /></a></li>
31. </ul>
32. </div>
33.  
34. <p class="footer-hinweis"><!--<?php echo get_num_queries(); ?> Anfragen in <?php timer_stop(1); ?> Sekunden.--> © 2002-<?php echo date('Y'); ?> <a href="http://www.vlad-design.de">Vladimir Simovic</a> – <a href="http://www.wordpress.org" title="Powered by WordPress">WordPress</a> – gehostet von <a href="http://www.all-inkl.com/[...]</a></p>
35. </div><!-- /Ende #footer -->
36.  
37. </div><!-- /Ende #container -->
38. <?php wp_footer(); ?>
39. </body>
40.  
41. </html>

Der Fußbereich (footer.php)

In meinem Weblog kommt auch das Plugin Get Recent Comments zum Einsatz. Mit diesem Plugin kann man an einer beliebigen Stelle eine bestimmte Anzahl von letzten Kommentaren und Ping- bzw. Trackbacks anzeigen lassen. In der linken Spalte werden die fünf letzten Kommentare und in der mittleren Spalte die letzten fünf Ping-/Trackbacks angezeigt. Allerdings gibt es hier eine Ausnahme. In der Einzelansicht werden anstatt der fünf letzten Trackbacks in der mittleren Footer-Spalte die fünf letzten Beiträge angezeigt. Die Anzeige der aktuellsten Beiträge benötigt kein Plugin, hier greife ich auf die Bordmittel - Template-Tag wp_get_archives(); - zurück.

In der rechten Spalte kommt das Plugin GeneralStats zum Einsatz. Dieses Plugin gibt unter anderem die Anzahl der Beiträge, der Kommentare und Kategorien aus. Darunter befinden sich zwei Icons. Das linke Icon ist von Feedburner und es übermittelt die Anzahl der Leser des Newsfeeds und daneben befindet sich ein Icon von Technorati, das auf die Ergebnisseite von diesem Dienst verweist, auf der angezeigt wird, wie viele und welche Weblogs auf Perun.net verweisen.

Der Fußbereich

3.12 Die 404er-Fehlerseite

Die Template-Datei 404.php wird dann von WordPress aufgerufen, wenn es eine Seite oder einen Beitrag nicht gibt, also wenn vom Webserver der 404er-HTTP-Statuscode gesendet wird. Hier sehen Sie den Code der 404.php meines Weblogs:

1. <?php get_header(); ?>
2.  
3. <h2>Du hast die Seite verscheucht!</h2>
4. <p>Na toll! Vielen Dank auch! Jetzt hast du die Seite verscheucht und ich muss jetzt hinterherrennen, um sie einzufangen.</p>
5. <p>Das ist natürlich alles ein <strong>Scherz</strong>. Du hast natürlich <strong>nicht</strong> die Seite verscheucht, es ist vielmehr so, dass entweder die von dir angeforderte Seite nie existiert hat oder jetzt an einer anderen Stelle ist oder evtl. gelöscht wurde. Also eine klassische <strong>404er</strong>-Fehlermeldung.</p>
6. <p>Das <strong><a href="/archiv/">Archiv</a></strong> ist ein guter Startpunkt, um die gewünschte Seite zu finden. Dort gibt es ein Archiv, wo die Beiträge monatsweise einsortiert sind. Es werden die 25 letzten Beiträge aufgelistet und zudem gibt es eine Themen-Wolke, in der die häufig eingesetzten Stichwörter verlinkt sind. Oder du versucht es einfach mit der Suchfunktion - oben rechts in der Seitenleiste. Viel Erfolg!</p>
7. </div><!-- /Ende #inhalt -->
8. <?php get_sidebar(); ?>
9. <?php get_footer(); ?>
10.  

Die 404.php

Zu dem Code gibt es nicht viel zu sagen, das Ganze ist selbsterklärend und daher verzichte ich auch auf eine Abbildung.

3.13 Weitere Planung

Wie du es dir gut vorstellen kannst, wird es bei dem jetzigen Zustand dieses Themes nicht bleiben. Das Design und die Struktur einer Website ist ein "lebendes Wesen". Es wächst und es verändert sich mit der Zeit und mit geänderten Anforderungen - speziell dann, wenn, wie in meinem Fall, der "Haupttäter" (Webmaster), gleichzeitig auch gerne im Code rumschraubt. Es ist so ähnlich wie mit dem Typus des Automechanikers, der gerne an seinem Auto bastelt. Es ist irgendwie nie fertig und der Mechaniker findet immer etwas, was es noch zu schrauben, pimpen oder auszuprobieren gibt. Daher kann es gut sein, dass sich dieses Theme in einigen Wochen an der einen oder anderen Stelle verändern wird.

Und was ist mit Widgets?

Widgets bzw. die dynamische Sidebar ist eine richtig feine Sache, wirklich. Aber für jemanden, der gerne im Quelltext wuselt, relativ witzlos. Widgets spielen ihre Stärke erst dann aus, wenn sie in einem Theme eingebaut werden, der für die breite Öffentlichkeit gedacht ist. Denn dann können auch die etwas weniger erfahrenen Nutzer die Sidebar ändern oder Leute, die es gemütlicher finden, nicht einen Texteditor bemühen zu müssen. Ich persönlich bevorzuge eher einen Texteditor mit Syntaxhervorhebung.

Dennoch habe ich - auch in Hinblick auf zukunftige Anpassungen - auf die Widgets zurückgegriffen. Widgets bieten unter anderem die Möglichkeit, einen fremden Newsfeed im eigenen Weblog zu integrieren, ohne dabei auf Plugins von Drittanbietern angewiesen zu sein - sehr fein! Ich denke da speziell z. B. an die Ausgabe der neuesten Lesezeichen, die ich in del.icio.us und/oder Mister Wong abgelegt habe. So schaut die functions.php aus:

1. <?php
2. if ( function_exists('register_sidebar') )
3. register_sidebar(array(
4. 'before_widget' => '',
5. 'after_widget' => '',
6. 'before_title' => '<h2>',
7. 'after_title' => '</h2>',
8. ));
9. ?>

Die mögliche functions.php

Die functions.php ist sehr spartanisch gehalten, aber für mein Weblog völlig ausreichend. Anschließend müsste ich die sidebar.php anpassen und zwar müsste ich zwischen den Zeilen 63 und 64 folgenden Code eingefügen:

64.  
65. <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
66. <!-- Keine Widgets! -->
67. <?php endif; ?>

Eingefügter Code in der sidebar.php

Anschließend habe ich diese beiden Dateien hochgeladen, die Widget-Funktion aktiviert und testweise den RSS-Feed meines del.icio.us-Accounts in die Sidebar eingebunden. Dadurch, dass ich die Widget-Abfrage in der sidebar.php ganz am Ende notiert habe, wird von dem üblichen Sidebar-Inhalt nichts entfernt, sondern es wird der neue dynamische Inhalt am unteren Ende hinzugefügt:

Neuer Inhalt dank Widgets

Anschließend habe ich die Widgets in den Winterschlaf geschickt.

Eventuell wünschst du dir für die Widgets eine Möglichkeit, diese durch CSS ansprechen zu können, ohne den restlichen Inhalt in der Sidebar zu beeinflussen. Die einfachste Möglichkeit würde sich bieten, indem man den Code aus der functions.php in einem extra div-Block einfügt, der entweder ein id- oder ein Klassen-Attribut besitzt. Eine andere Möglichkeit ist es, die functions.php minimal zu erweitern:

1. <?php
2. if ( function_exists('register_sidebar') )
3. register_sidebar(array(
4. 'before_widget' => '<div class="widget %1$s">',
5. 'after_widget' => '</div>',
6. 'before_title' => '<h2>',
7. 'after_title' => '</h2>',
8. ));
9. ?>

Erweiterte functions.php

Mit diesem Code erreicht man das jeder Widget-Block von einem div-Block umschlossen wird und dieser Block bekommt eine Klasse mit zwei Werten zugewiesen: widget und der zweite Wert wird aus dem Namen des Widget-Blocks erstellt.

3.14 Was am Ende übrig blieb?

Die Artikel-Serie umfasst insgesamt 54 Din-A4-Seiten! Ich hoffe dir damit geholfen zu haben und verweise auf die Möglichkeit die Artikel auszudrucken … wozu habe ich mir denn die Mühe bei der CSS-Datei für die Druckausgabe gemacht. Viel Spaß beim Lesen und Ausprobieren. Sollte es fragen geben, einfach ein Kommentar abgeben.

2.1 Warum Classic- und nicht das Default-Theme?

Es wird sicherlich die Frage aufkommen warum ich nicht das Default-Theme (Kubrick) bespreche. Das hat mehrere Ursachen. Zum einen ist von der Anzahl der der Dateien und von dem Code her das Classic-Theme eher geeignet um einen Einstieg zu vermitteln. Durch die sehr große Anzahl an Dateien und durch sehr viele if-Konstrukte kann man vor allem am Anfang sehr schnell durcheinander kommen und auch den Überblick verlieren. Einige der Dateien, wie z. B. die searchform.php finde ich schlichtweg unnötig, da dort lediglich das kleine Suchformular eingebettet ist. Also für fünf Zeilen Code erstellt man eine extra Datei und fügt dann in die sidebar.php eine extra include-Anweisung hinzu.

Ein weiterer wichtiger Grund ist die Tatsache, dass das Default-Theme doch um einiges umfangreicher ist und daher hier auch meine knappe Zeit als wichtiges Entscheidungskriterium auf der Waagschale liegt.

Dadurch das einige der Dateien sehr lang sind werde ich die in zwei oder mehr Teile verteilen, damit man beim Lesen nicht zu viel scrollen muss.

2.2 Der Kopfbereich (header.php)

Die Datei header.php ist zuständig für den Kopfbereich des Dokumentes. Hier werden nicht nur die Angaben des klassischen Kopfbereiches eine (X)HTML-Dokumentes (<head></head>) untergebracht sondern auch Angaben, die im sichtbaren Bereich des Dokuments (<body>) liegen. Hier der erste Abschnitt der header.php:

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
3.  
4. <head profile="http://gmpg.org/xfn/11">
5. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
6.  
7. <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
8.  
9. <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
10.  
11. <style type="text/css" media="screen">
12. @import url( <?php bloginfo('stylesheet_url'); ?> );
13. </style>
14.  

Die header.php (1/2)

Im Classic- wie auch im Default-Theme wird XHTML 1.0 eingesetzt und zwar in der "Geschmacksrichtung" transitional. Ob jetzt strict die bessere Variante ist und zu der Errettung des Menschheit beiträgt, wird hier nicht der Gegenstand der Debatte sein. Wer es mag kann hier gerne die strict-Variante notieren.

In der Zeile zwei sieht man schon das erste Template-Tag: language_attributes();. In Abhängigkeit davon, was man in der Konfigurationsdatei (wp-config.php, Zeile 19) als Standardsprache eingetragen hat, fügt WordPress nachher bei der HTML-Ausgabe an dieser Stelle nicht nur das richtige Sprachkürzel sondern auch die richtige Schreibrichtung. In meiner wp-config.php steht in der Zeile 19 folgendes: define ('WPLANG', 'de');. Würde ich jetzt das Classic-Theme nutzen, dann würde im Quelltext folgendes stehen:

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de">

Das (X)HTML-Attribut dir ist zuständig für die Schreibrichtung und der Wert ltr bedeutet left to right (von links nach rechts). Würde ich jetzt einen Sprachkürzel einer Sprache (z. B. hebräisch) angeben und die passende Sprachdatei in wp-includes/languages/ hochladen dann würde WordPress automatisch folgendes daraus generieren:

<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" lang="he">

Das ist aber dann wirklich nur wichtig, wenn man Themes zum freien Download anbietet. Sonst kann man hier die Angabe statisch machen und dann auch richtig:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

In der Zeile vier im einleitenden head-Tag sieht man das Attribut profile mit dem Wert http://gmpg.org/xfn/11. Der Wert ist eine Adresse und diese führt zu der Seite XHTML Friends Network. Mit Hilfe von XFN kann man die persönlichen Beziehungen zu derjenigen Person auf deren Website man verweist auszudrücken bzw. auszuzeichnen. Hier ein Beispiel:

<a href="http://www.grochtdreis.de/weblog" rel="friend met colleague" title="Das Weblog von Jens Groschtdreis">F - LOG - GE</a>

Mit Hilfe des rel-Attributs und der passenden Werten habe ich den Verweis so ausgezeichnet, dass eine Software, die XFN unterstützt "erkennen" kann, dass Jens Grochtdreis nicht nur ein Weblog hat, den Spitznamen F-LOG-GE hat sondern ein Freund und ein Kollege von mir ist und wir uns auch persönlich getroffen haben. Das ganze lässt sich dem, was man als das semantische Web nennt, zuordnen. Aber dies wird in diesem Artikel nicht das Thema sein. Nur eins noch: in der Blogroll (Linksammlung) welche man innerhalb von WordPress verwalten kann, kann man ganz komfortabel, diese Link-Beziehungen mittels eines XFN-Erzeugers erstellen.

XFN: geliebte Ehefrau oder die Geliebte?

In der Zeile fünf sieht man das erste Meta-Tag. Hier werden die Angaben zum Inhalt und zum Zeichensatz getätigt. Nach einer frischen Installation gibt WordPress folgendes im Quelltext aus:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Die Angaben zum Zeichensatz (charset) kannst du innerhalb des Admin-Bereiches steuern und zwar unter "Einstellungen" » "Lesen". Die Angaben zum content - wie der Inhalt vom Clienten (z. B. Browser) behandelt werden soll - kann man innerhalb des Admin-Bereichs, zumindest im Moment (bis einschl. WordPress 2.3-alpha), nicht steuern.

In der Zeile sieben der header.php wird der Titel der Seite generiert. Dieser besteht aus dem Titel bzw. dem Namen des Weblogs (bloginfo('name');) gefolgt von dem Titel des Beitrages, der Seite oder der Kategorie (wp_title();). Übrigens ist das schon die zweite Stelle wo das Template-Tag bloginfo(); zum Einsatz kommt. Durch den Einsatz von verschiedenen Parametern gibt dieses Template-Tag viele Informationen über die jeweilige WordPress-Installation (Zeichensatz, diverse Adressen, Blog-Titel etc.) preis. Auch in der Zeile 09 und 12 wird bloginfo(); eingesetzt. Einmal um die eingesetzte WordPress-Version und das andere Mal den Pfad zu der CSS-Datei auszugeben.

Nun schauen wir uns mal den zweiten Abschnitt der header.php an:

15. <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
16. <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
17. <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
18.  
19. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
20. <?php wp_get_archives('type=monthly&format=link'); ?>
21. <?php //comments_popup_script(); // off by default ?>
22. <?php wp_head(); ?>
23. </head>
24.  
25. <body>
26. <div id="rap">
27. <h1 id="header"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>
28.  
29. <div id="content">
30. <!-- end header -->

Die header.php (2/2)

In den Zeilen 15-19 kommt … ja, richtig, vier Mal bloginfo(); zum Einsatz. In diesen vier Zeilen werden die logischen Verweise zu RSS 2.0, RSS 0.92, Atom und der Datei, die Pingbacks entgegen nimmt, im Kopfbereich eingebunden. Mit Hilfe des Template-Tags bloginfo(); werden die Pfade zu den jeweiligen Dateien ausgegeben. So schaut das Ergebnis im Quelltext dieses Weblogs aus, wenn ich auf das Classic-Theme wechsle:

15. <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.perun.net/feed/" />
16. <link rel="alternate" type="text/xml" title="RSS .92" href="http://www.perun.net/feed/rss/" />
17. <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://www.perun.net/feed/atom/" />
18.  
19. <link rel="pingback" href="http://www.perun.net/xmlrpc.php" />

Quelltext-Beispiel: der head-Bereich

In der Zeile 20 der header.php wird mit Hilfe von wp_get_archives(); ein Monats-Archiv angelegt und für jeden Monat wird ein weiterer logischer Verweis angelegt:

<link rel='archives' title='Juli 2007' href='http://www.perun.net/2007/07/' />

So lange ein Weblog recht jung ist, ist die Angabe in der Zeile 20 unproblematisch. Würde ich dies hier machen, dann hätte ich im Kopfbereich alleine für den Monatsarchiv 44 Zeilen geopfert. Das sind knapp 4kb zusätzlich, die bei jedem Seitenaufruf anfallen würden, Siehe dazu auch den Beitrag: Wordpress-Archiv und logische Verweise. Daher habe ich hier folgende Angabe im Kopfbereich gemacht:

<link rel="archives" href="/archiv/" title="Archiv: nach Monaten und Tags sortiert." />.

In der Zeile 21 der header.php würde, wenn er nicht auskommentiert wäre, der Script für das Kommentar-Popup eingebunden: der Kommentar-Bereich würde sich in einem neuen, kleinen Fenster öffnen. Da ich diese Lösung nicht mag und auch nicht unterstützen möchte, werde ich sie hier auch nicht näher erläutern. Wer ein eigenes Theme macht und keine Komentar-Popups wünscht, kann diese Zeile entfernen. Der Template-Hook in der Zeile 22 (wp_head();) sollte allerdings dort erhalten bleiben bleiben. Weil sowohl WordPress, wie auch einige Plugins hier einiges an Code unterbringen, z. B. Verweise zu Javascript-Dateien.

Bis jetzt waren die Angaben in der header.php für den Besucher mehr oder weniger unsichtbar. Ab der Zeile 25 ändert sich dies, da auch dort das body-Element eröffnet wird. In der Zeile 27 wird mit Hilfe des alten Bekannten (bloginfo();) eine verlinkte Überschrift erzeugt, der Rest dürfte selbsterklärend sein und das war es dann mit der header.php.

2.3 Die Seitenleiste/Sidebar (sidebar.php)

Die nächste Datei auf unserem "Speiseplan" ist die sidebar.php. Diese Datei ist zuständig für die Seitenleiste und dank der in WordPress 2.2 integrierten Widget-Funktion mittlerweile sehr einfach erweiterbar. Die Widget-Funktion ist zwar seit WordPress 2.0 verfügbar, allerdings musste man bis WordPress 2.2 ein Plugin installieren um Widgets einsetzen zu können.

1.  
2. <!-- begin sidebar -->
3. <div id="menu">
4.  
5. <ul>
6. <?php /* Widgetized sidebar, if you have the plugin installed. */
7. if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
8. <?php wp_list_pages('title_li=' . __('Pages:')); ?>
9. <?php wp_list_bookmarks('title_after=&title_before='); ?>
10. <?php wp_list_categories('title_li=' . __('Categories:')); ?>
11. <li id="search">
12. <label for="s"><?php _e('Search:'); ?></label>
13. <form id="searchform" method="get" action="<?php bloginfo('home'); ?>">
14. <div>
15. <input type="text" name="s" id="s" size="15" /><br />
16. <input type="submit" value="<?php _e('Search'); ?>" />
17. </div>
18. </form>
19. </li>

Die sidebar.php (1/2)

Die ganze Sidebar ist in eine div-Box mit der id menu untergebracht und alle Sidebar-Elemente sind in einer Aufzählungsliste eingeordnet. In der Zeile 07 siehst du schon die erste if-Abfrage:

if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :

Dieses if-Konstrukt fragt folgendes ab: "Sollte die Widget-Funktion nicht existieren oder wenn sie nicht aktiv ist dann…". Also wird der Code ab der Zeile 08 nur berückscihtigt, wenn die Widgets nicht existent oder inaktiv sind. Am Ende sieht man einen Doppelpunkt (:) es handelt sich hierbei um die alternative Schreibweise für Kontroll-Strukturen - vielen Dank an Garvin für den Hinweis.

In der Zeile 08 befindet sich der Code, der für die Ausgabe der Verweise zu den Seiten (Pages) zuständig ist: wp_list_pages('title_li=' . __('Pages:'));. Der Parameter title_li= bezieht sich auf die Überschrift dieses Bereiches. Würde man diesem Parameter keinen oder einen leeren Wert geben - zum Beispiel: wp_list_pages('title_li='); - dann gibt es keine Überschrift.

In unserem Fall ist aber der Wert ' . __('Pages:'));. Überall dort wo in WordPress-Code ein doppelter Unterstrich (__()) oder Unterstrich und e (_e()) vorkommen wird eine Lokalisierung ausgezeichnet: der Sprachdatei wird signalisiert, dass es hier etwas gibt was übersetzt werden kann. Falls die deutsche Sprachdatei vorhanden und eingebunden ist wird die überschrift zu "Seiten:" übersetzt. Hier der Quelltext des relevanten Bereiches bei der Ausgabe:

1. <li class="pagenav">Seiten:<ul><li class="page_item"><a href="http://www.perun.net/archiv/" title="Archiv">Archiv</a></li>
2. <li class="page_item"><a href="http://www.perun.net/meine-buecher/" title="Meine Bücher">Meine Bücher</a></li>
3. …
4. <li class="page_item"><a href="http://www.perun.net/impressum/" title="Impressum">Impressum</a></li>
5. </ul></li>

Quelltext-Beispiel: Ausgabe der Seiten

Ich habe den Quelltext ein bisschen verkürzt, um nicht unnötig Platz in Anspruch zu nehmen und auch anhand des verküzten Beispiels klarzumachen, wie die Ausgabe ausschaut.

In der Zeile 09 sieht man folgenden Template-Tag im Einsatz: wp_list_bookmarks('title_after=&title_before=');. Der Template-Tag wp_list_bookmarks(); wurde mit WordPress 2.1 eingeführt und ist zuständig für die Ausgabe der Blogroll. In diesem Beispiel werden auch zwei Parameter eingesetzt: title_before= und title_after=. Der erste Parameter ist zuständig für den Bereich vor der jeweiligen Kategorie-Beschreibung und der zweite Parameter für den Bereich nach der Kategorie-Beschreibung.

Beide Parameter haben keinen Wert und somit wird der Standard-Wert für die beiden Parameter (<h2> und </h2>) entfernt. Diese beiden Parameter greifen nur wenn die Kategorisierung der Links bzw. die Ausgabe der Links in separaten Kategorien aktiv ist (categorize=True) … was die Standardeinstellung ist. So schaut dann in diesem Weblog, die Ausgabe der Blogroll (in verkürzter Form) bei aktiviertem Classic-Theme im Quelltext aus:

1. <li id="linkcat-24" class="linkcat">Links:<ul>
2. <li><a href="http://www.grochtdreis.de/weblog" rel="friend met colleague" title="Das Weblog von Jens Groschtdreis">F - LOG - GE</a></li>
3. <li><a href="http://www.kbbu.de/" rel="acquaintance met" title="Blog über Farbe, Design, Patterns, Alltägliches">Kölner Blog Büro</a></li>
4. <li><a href="http://www.sahanya.perun.net" rel="met co-resident spouse" title="Sahanyas Weblog">Sahanya</a></li>
5. <li><a href="http://garv.in/serendipity/" rel="acquaintance met colleague" title="Das Weblog von Garvin Hicking">Supergarv.de</a></li>
6. </ul></li>

Quelltext-Beispiel: Ausgabe der Blogroll

In der Zeile 10 der sidebar.php sieht man den Template-Tag der für die Ausgabe der Kategorien zuständig ist:

wp_list_categories('title_li=' . __('Categories:'));

Dieses Beispiel bedarf keiner längeren Erklärung, da der Parameter genau so aufgebaut ist wie die Ausgabe der Seiten (Pages) aus der Zeile 08 der sidebar.php, welche ich weiter oben erklärt habe. Auch hier wird ein Begriff, welcher übersetzt werden kann, durch den doppelten Unterstrich und die Klammer angekündigt. Und hier die obligatorische Ausgabe des Quelltextes:

1. <li class="categories">Kategorien:<ul>
2. <li><a href="http://www.perun.net/kategorie/artikel/" title="Längere Berichte aus allen Themenbereichen">Artikel</a></li>
3. <li><a href="http://www.perun.net/kategorie/blog-rss/" title="Berichte rund um Weblogs, Weblogsoftware, RSS etc.">Blog-RSS</a></li>
4. <li>…</li>
5. </ul></li>

Quelltext-Beispiel: Ausgabe der Kategorien

In der Zeile 11-19 der sidebar.php befindet sich der Code, der zuständig für die Ausgabe des Suchformulars ist. Im Grunde genommen ist hier nichts Neues. In der Zeile 12 und 16 befindet sich _e('Search:'); und das ist wie du schon erfahren hast auch ein Begriff, der von der Sprachdatei übersetzt wird. In der Zeile 13 wird als der Wert des action-Attributs bloginfo('home'); angegeben und das ist die Startseite der WordPress-Installation.

20. <li id="archives"><?php _e('Archives:'); ?>
21. <ul>
22. <?php wp_get_archives('type=monthly'); ?>
23. </ul>
24. </li>
25. <li id="meta"><?php _e('Meta:'); ?>
26. <ul>
27. <?php wp_register(); ?>
28. <li><?php wp_loginout(); ?></li>
29. <li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
30. <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
31. <li><a href="http://validator.w3.org/check/referer" title="<?php _e('This page validates as XHTML 1.0 Transitional'); ?>"><?php _e('Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>'); ?></a></li>
32. <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
33. <li><a href="http://wordpress.org/" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.'); ?>"><abbr title="WordPress">WP</abbr></a></li>
34. <?php wp_meta(); ?>
35. </ul>
36. </li>
37. <?php endif; ?>
38.  
39. </ul>
40.  
41. </div>
42. <!-- end sidebar -->

Die sidebar.php (2/2)

In der Zeile 20-24 sieht man den Code, der für die Ausgabe des Monatsarchivs zuständig ist. Mit wp_get_archives('type=monthly'); werden Links zu der jeweiligen Monats-Übersicht generiert wo alle Beiträge des jeweiligen Monats aufgelistet werden. Dieser Template-Tag, allerdings mit einem anderen Parameter, dürfte dir bekannt vorkommen, da er schon mal in der header.php vorgekommen ist. Doch hier haben wir sehr schnell das gleiche Problem, welches ich bereits oben in der header.php erwähnt habe. Es werden nämlich alle Monate seit Bestehen des Weblogs aufgelistet. Mit folgenden Parametern:

wp_get_archives('type=monthly&limit=6&show_post_count=1');

wird die Auflistung auf die letzten sechs Monate begrenzt und zusätzlich wird neben den Verweisen in Klammern die Anzahl der Beiträge im jeweiligen Zeitraum angegeben.

In der Zeile 27 der sidebar.php steht wp_register();. Dieses Template-Tag generiert selbst die umschließenden Listentags und erzeugt einen Link mit dem Namen "Registrieren" (Wenn die Registrierung erlaubt ist), wen man diesen Verweis aufruft, gelangt man zum Registrierungsformular. Ist man bereits eingeloggt erscheint hier ein Link mit dem Namen "Site Admin", der einen in den Admin-Bereich führt in dem man entsprechend seiner Benutzer-Rechte agieren kann.

In der Zeile 28 befindet sich das Template-Tag wp_loginout(); welches den Login-Verweis bei nicht eingeloggten Nutzern und Ausloggen-Link bei bereits eingeloggten Nutzern einblendet.

In der Zeile 29 und 30 werden mit Hilfe des Template-Tags bloginfo(); und verschiedener Parameter (rss2_url und comments_rss2_url), die Verweise zum Newsfeed und zum Kommentar-Feed generiert. Die Zeile 31-33 sind eigentlich selbsterklärend: Verweis zum XHTML-Validator, zur XFN-Seite und zu der offiziellen WordPress-Seite. In der Zeile 34 befindet sich der Template-Hook (wp_meta();) und in der Zeile 37 wird die if-Abfrage mit <?php endif; ?> beendet, die in der Zeile 07 der sidebar.php angefangen hat.

Und somit sind wir auch ans Ende der sidebar.php angelangt.

2.4 Die Hauptdatei (index.php)

Nun schauen wir uns die Hauptdatei des Classic-Themes an. Ich habe bei der index.php darauf verzichtet sie in zwei Bereiche zu teilen, da hierbei eine Teilung meiner Meinung nach zu verwirrend wäre.

1. <?php
2. get_header();
3. ?>
4.  
5. <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
6.  
7. <?php the_date('','<h2>','</h2>'); ?>
8.  
9. <div class="post" id="post-<?php the_ID(); ?>">
10. <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
11. <div class="meta"><?php _e("Filed under:"); ?> <?php the_category(',') ?> — <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(__('Edit This')); ?></div>
12.  
13. <div class="storycontent">
14. <?php the_content(__('(more...)')); ?>
15. </div>
16.  
17. <div class="feedback">
18. <?php wp_link_pages(); ?>
19. <?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
20. </div>
21.  
22. </div>
23.  
24. <?php comments_template(); // Get wp-comments.php template ?>
25.  
26. <?php endwhile; else: ?>
27. <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
28. <?php endif; ?>
29. &nb