Mein eigenes Theme (Teil 1)

Sie bloggen seit Jahren und wollen endlich ein eigenes Theme machen. So einfach ist das nicht, aber es ist machbar. Wir erklären Ihnen hier Schritt für Schritt, wie Sie sich ihr eigenes Theme selber basteln.

Voraussetzungen

Sie haben bereits Wordpress auf Ihrem Hosting installiert, inkl. der obliganten Datenbank. Im Verzeichnis wp-content befindet sich ein Ordner Themes. Darin befinden sich in der Regel drei langweilige Standardthemes. Aber das alles wissen Sie ja schon.

Der Theme-Ordner

Wenn Sie also ihr eigenes Theme erstellen wollen, müssen sie zuerst mal einen eigenen Ordner einrichten, nennen wir ihn MeinTheme (direkt neben den anderen). Sie werden in Zukunft alle Ihre Dateien hier hineinkopieren.

Reduced to the max

Ein Theme besteht eigentlich aus drei Dateien:

• style.css
• index.php
• screenshot.png

Screenshot.png

Fangen wir gleich beim einfachsten an. Screenshot.png ist eine Graphikdatei, eine Art “Screenshot” von ihrem zukünftigen Blog. Diese Datei sollte 600 px mal 450 px gross sein. Natürlich wissen Sie jetzt noch nicht im Detail, wie ihr Web aussehen wird. Erstellen Sie also einfach ein Dummy mit diesen Massen. Sie brauchen ihn, damit Sie anschliessend im Adminbereich von WP ihr Blog aufrufen können. 

Style.css

In diese Datei kommen sämtliche Graphikdefinitionen, wie Schriftgrösse, Feldbreite und so weiter. Aber auch das Copyright ist hier fixiert. Und es steht gleich zuoberst. 

/* 

Theme Name: Mydesign Theme

Theme URL: http://www.swissmarketing.info

Description: Mydesign-Theme ist eine  2-Kolumnen-Theme

Author: Richard Fluehmann

Author URI: http://www.fluehmann.info

Version: 1.0

 Bitte lesen Sie die Lizenzbestimmungen auf www.swissmarketing.info

 Changelog:

     v1.0 - 01.09.08

Erster Entwurf für ein eigenes Blogdesign

 */

 

Hochladen und aktivieren

Laden Sie einfach alle drei Dateien hoch, wobei die index.php noch vollkommen leer ist. Das Zielverzeichnis ist oben erwähnt. Wenn Sie sich nun einloggen, in den Adminbereich gehen und dort Design auswählen, sollten Sie z.B. folgende Ansicht antreffen.

Sei müssen nur noch Ihr Theme aktivieren und schon können Sie sich Themedesigner nennen. Das wird sicher niemanden stören, den Ihre Webseite ist schlechtweg leer.

Aber auch das ist ein gutes Zeichen, denn Sie haben bis jetzt alles richtig gemacht.

Nur: Was ist, wenn man das alte Design wieder zurückhaben will? Keine Panik, mit www.ihredomain.com/wp-login.php sind Sie wieder bei den Leuten.

 

 

Serie: Theme selbst gemacht

Teil 1: Mein erstes Theme