Eigenes Wordpress Template in wenigen Schritten - Schritt 3

Wenn du auf der Suche nach einer leicht verständlichen, gut organisierten Wordpress Theme Anleitung bist, bist du hier falsch ;) Die Code-Formatierung hat den Lauf der Zeit nicht überlebt, daher habe ich auf folgender Seite eine neue Wordpress Theme Anleitung erstellt.

Anlegen und verschmelzen der Dateien index.php und header.php

So, in die header.php kommen alle Metadaten und Formatierungen zum Titel:
header.php - start

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> <?php if ( is_home() ) { echo bloginfo('name'); echo ' - '; echo 'Titel der Website'; } ?> <?php if ( is_single() ) { echo wp_title(''); echo ' Â» '; echo bloginfo('name'); } ?> <?php if ( is_category() ) { echo bloginfo('name'); echo ' - '; echo single_cat_title(); } ?> </title> <meta
name="description" content="Die Beschreibung" /> <meta name="keywords" content="Keywords" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="content-language" content="de" /> <meta http-equiv="pragma" content="no-cache" /> <meta name="robots" content="index,follow" /> <style type="text/css" media="screen"> @import url(
<?php bloginfo ('stylesheet_url'); ?> ); </style> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo ('pingback_url'); ?>" /> </head>

header.php - Ende

Zum Inhalt:
Der Sourcecode sollte größtenteils leicht zu verstehen sein was den Html-Part angeht. Zwischen den title-Tags stehen einige Aufrufe von Php-Funktionen, diese dienen dazu, je nach geöffneter Webseite, den richtigen Titel auszugeben.

<?php if ( is_single() ) { echo wp_title(''); echo ' » '; echo bloginfo('name'); } ?>

Hier wird mit “is_single()” geprüft, ob ein einzelner Beitrag gerade angezeigt wird. Wenn dies der Fall ist, wir der Artikeltitel ausgegeben, dann dieses Zeichen “>>” und

danach der Name des Blogs. Dies ist eine übersichtliche und suchmaschinenformatierte Ausgabe des Titels. Die anderen beiden Funktionen sind ähnlich.

Nun zur index.php diese Datei werde ich vorerst kurz halten und nur eine kleine Meldung ausgeben, um zu prüfen ob alles funktioniert hat.

index.php - start

<?php get_header(); ?> <body> Template aktiviert </body> </html>

index.php - ende

Zum Inhalt:
Wieder reichlich unspektakulär, der Body-Teil wird geöffnet und der Text “Bisher ist alles in Ordnung!” ausgegeben. Danach wird die Html Datei geschlossen. Davor passiert aber noch etwas interessantes, die Funktion

<?php get_header(); ?>

wird aufgerufen.

Dies ist eine starke Funktionalität von Wordpress, der komplette Inhalt der Datei “header.php” wird nun an dieser Stelle eingefügt und aus der index.php entsteht eine funkionierende Html-Datei mit Kopf- und Körperbereich. Mit den “get_” Funktionen lassen sich noch andere Dateien einbinden, dabei ist man aber auf eine gewiße Zahl beschränkt. Wenn man beliebige andere Dateien in sein Dokument einbinden will, muss man sie wie folgt einbinden:

<?php include ('beliebige_datei.php'); ?>

Dabei wird vorausgesetzt, dass die index.php und die einzubindende Datei im selben Verzeichnis liegen.
Alternativ kann auch die Wordpress Variante benutzt werden:

<?php include (TEMPLATEPATH . '/header2.php'); ?>

Im Prinzip ist es egal welche Funktion man nutzt, alle machen das selbe, nämlich Code an gewünschter Stelle einzufügen.

Um nun zu testen ob das Template noch irgendwelche Fehler hat, geht man ins Backend seiner Wordpress Installation und aktiviert im Bereich “Themes” sein neues Template.

wordpress, template erstellen

Verwandte Artikel

am Dezember 11, 2005 um 10:32 Uhr | in Webdesign | Kein Kommentar