Dieses Tutorial soll eine Hilfe sein, wenn man ein eigenes WordPress Template (auch Theme oder Style genannt) erstellen will. Dazu ist natürlich das Weblogsystem WordPress nötig. Außerdem sind (x)HTML, CSS und wenn möglich einige PHP Grundkenntnisse vorteilhaft.
Dateien
Folgende Dateien werden in diesem HowTo erstellt und bearbeitet:
- 404.php
- comments.php
- footer.php
- header.php
- index.php
- screenshot.png
- searchform.php
- sidebar.php
- single.php
- style.css
- *images/
- *images/logo.png
* Diese Dateien/Ordner werden nicht umbedingt benötigt.
Theme Informationen
Die ersten Informationen die im Adminpanel nebendem Screenshot angezeigt werden, sind Bestandteil der style.css.
/*
Theme Name: Mein erstes Template
Theme URI: http://webworkblog.net
Description: "Mein erstes Template" is a two column theme for WordPress 2.x.
Version: 1.0
Author: media2null
Author URI: http://webworkblog.net
License: GPL
*/
Die Option “License” ist optional und wird im ACP nicht angezeigt. Sie ist jedoch für den User ganz nützlich, ob und in welchem Umfang er das Template weiter “verbreiten” und weiter “verarbeiten” darf.
WordPress Theme Tutorial
Teil 1 - Teil 2 - Teil 3 - Teil 4 - Teil 5
Endlich mal ein ausführliches Themes Tutorial. Vielen Dank
Danke schun. Gute Arbeit.
Vielen Dank! Beitrag mir hat geholfen.
Hallo! Gilt diese Informatiocn fuer die aktuellste Version von WP?
Danke für die ausfühlrichen Schilderungen. Jetzt geht es ab an die Arbeit!
Mit diesen Tipps werde ich es auch mal angehen, einen eigenes Theme zu bauen.
Super Anleitung! Klasse!
Hallo,
ich habe Probleme mit der Header Datei. Ich habe sie genauso geschrieben, wie es hier beschrieben ist, aber wenn ich sie im Index per get_header() einbinde gibt es einen Fatal Error, wenn die erste Funktion im Header ausgeführt werden soll. Woran kann das liegen?
@ scaramangado: liegt evtl. daran das sie falsch eingefügt wurde.
Schau dir mal die Header Datei vom Default Theme an.
einige Fragezeichen “?” müssen durch ‘ oder ” ersetzt werden, dann geht das Theme. Hat es bei mir falsch im Editor eingefügt (falsche Kodierung eingestellt)
Ohne beschriebenes CSS hat das für Einsteiger leider nicht so viel Sinn.
Der Rest ist dafür aber sehr gut beschrieben.
Wenn etwas mehr auf CSS eingegangen wird, ist sie perfekt.
werde mich beizeiten auch mal darin versuchen. die themes, die man im internet so fidnet gefallen mir nun überhaupt nich…
Bisher hatte ich nicht mit Wordpress gearbeitet, da ich immer der Meinung war, es sei viel zu aufwendig ein eigenes Template zu erstellen. Dank des Tutorials hat sich die Meinung nun aber ganz schnell geändert. Vielen Dank!
Danke für die ausführliche Erklärung, dann werde ich mich mal dransetzen und ein Theme basteln
Sehr gute Anleitung, vielen Dank.
lg
Gute Sache der Artikel. Hat mir echt weitergeholfen.
ah vielen dank für den artikel war genau das wonach ich gesucht habe!
ahh jetzt weiss ich bescheid.
So eine Anleitung wie diese sollte es viel öfters geben. Danke!
Super, nach einem solchen Tutorial habe ich gesucht, weil ich mir einen Überblick darüber verschaffen wollte, wie aufwändig es ist, mit Wordpress ein vorhandenes Design zu benutzen. Hab die Seite letztendlich über Google bei der Suche nach “wordpress theme erstellen” gefunden und direkt mal gebookmarkt. Vielen Dank!
Danke für die ausführliche Erklärung, jetzt fange ich mal mit der Umsetzung an!
Klasse tutorial, weiter so!
Danke, echt ein super Tutorial