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
Danke Für die Informationen hier!
Sieht einfacher aus als gedacht, mal sehen…
Es holpert zwar noch ein bisserl, aber das erste eigene Design ist im Kasten
danke, werde es mal damit versuchen!
Hallo, habe den Artikel verlinkt von meiner Seite aus . Wirklich gute Beschreibung
Auch ich finde, dass das Tutorial für die Basics ganz gut aufgebaut ist. Nüttzlich wären noch hinweise tiefergehende Einführungen, wenn sich jemand intensiver mit der Materie beschäftigen möchte. Auch der Aspekt Onpageoptimierung ist nicht verkehrt - ein Link auf das wpSEO-Plugin kann angebracht sein.
Klasse Tutorial. Alles einfach udn verständlich beschrieben, so dass man direkt loslegen konnte
Ich freu mich in jedem Fall über mein erstes eigenes Design udn werd wohl auhc in Zukunft immer mal wieder ein paar eigene Sachen basteln, so dass die Standart Themes an die eigenen BEdürfnisse angepasst werden.
Ich bin noch ein absoluter Neueinsteiger in Sachen Wordpress. Vielen Dank für dieses Tutorial. Super erklärt und sehr übersichtlich!1A!
Sehr gut. Kurz und knackig. Auf das Wesentliche beschränkt.
Danke für die Tipps. Ich habe meine Seite und meinen Wordpress Blog auch komplett umgebaut. Es ist schon klasse, was man mit Wordpress alles machen kann - und es kostet noch nicht einmal etwas… finde ich schon erstaunlich.
Ok!
Schönes Tutorial. Werde in den nächsten Wochen mal probieren ob ich ein Wordpress Template hinbekomme…
Very nice how to, many thanks and Best regards
Da schaue ich doch immer gerne mal wieder rein. Wenn es klappt mit meinem Layout und dem Wordpressblog schreibe ich als erstes über Eure Hilfe. Viele Grüße Julian
Hy danke für die Tipps, werde unsere Webdesigner mal ein Theme erstellen lassen und veröffentlichen.
Daumen hoch !
Hallo,
vielen Dank für das tolle Tut. Ich versuche auch möglichst viel selbst zu machen, das macht die Seite ja individueller. Sehr gute Anleitung.
Viele Grüße, Daniel
Echt toll! Danke für die viele Mühe die dur dir gemacht hast!
LG
Ago
Sehr gute Anleitung, hat mir geholfen mich in die Templatearbeit mit Wordpress schneller einzuarbeiten
Beim Suchbegriff “wordpress themes erstellen” in Google gleich auf Position 1, das hast Du mit diesem Beitrag auch verdient. Danke
Schönes Tutorial. Werde in den nächsten Wochen mal probieren ob ich ein Wordpress Template hinbekomme, wenn mir ein gutes Design gelingen sollte sammel ich genügend Backlinks für meine Seite!!
LG
Marcus
Danke für die ausfühlrichen Tipps!!
Jetzt wir ein Theme gebastelt, danke für die Anleitung.
Ich kann mich meinen Vorrednern nur anschließen. Das sind wirklich informative Tips! Ich werde es ausprobieren.
Vielen Dank.
Hi, vielen Dank für das ausführliche Tutorial, hat mir bei einem Problem mit der Erstellung eines eigenen Lexikon Templates sehr weitergeholfen!
Love it. I equate this to the same thing as cookie based advertising.
tr.
Gut ausgearbeitetes Tutorial. War angenenhm zu lesen und sehr hilfreich. Besten Dank hierfür.
Klasse Tutorial. Danke. Verwendung ist leicht nachvollziehbar.
Thank you for this precision. Helped a lot me.
Hey! you have share a interesting article. I like you writing style. I will share your knowledge with my friends.
Hallo,
super endlich mal eine gutes Tutorial und auch sehr gut und ausführlich erklärt, so kann man auch als nicht so programmierfähiger Mensch die ganze Sache verstehen und einigermaßen umsetzten, den Blog habe ich direkt mal zu meinen Bookmarks hinzugefügt.
Macht weiter so
Vielen Dank für diese super Anleitung sagt der Süßwaren Onkel mit den leckeren Haribo. Die Anleitung war sehr verständlich und wir konnten uns damit einen sehr netten Blog aufbauen.
Vielen Dank
Haribo Fan
Die Anleitung ist zwar schon 3 Jahre alt, aber hat mir trotzdem sehr geholfen!
Habe bisher keine vergleichbare gefunden
Danke
Danke, endlich mal eine Anleitung, die sogar eine Frau versteht ;).
Damit war es richtig einfach den neuen Blog ein persönliches Aussehen zu geben.
Liebe Grüße
Toner Tante
Sehr gute Beschreibung ! Danke Manche Sachen sind halt doch recht einfach wenn man nur weiß wie es geht und wenn jemand das so gut beschreibt!
hab mir auch ein eigenes theme für wordpress gemacht. gute beschreibung - danke…
Gilt es diese Informatiocn fuer die aktuellste Version von WP?
Gibts die kompletten Beispiele auch zum Download, sodass ich mir das nur anpassen muss?