#1 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo

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

Ähnliche Beiträe

  • #4 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
  • #3 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
  • #5 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
  • 41 Responses to “#1 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo”


    1. 1 dülf

      Endlich mal ein ausführliches Themes Tutorial. Vielen Dank

    2. 2 Areeb

      Danke schun. Gute Arbeit.

    3. 3 Serg

      Vielen Dank! Beitrag mir hat geholfen.

    4. 4 Alejandro

      Hallo! Gilt diese Informatiocn fuer die aktuellste Version von WP?

    5. 5 Wolf

      Danke für die ausfühlrichen Schilderungen. Jetzt geht es ab an die Arbeit!

    6. 6 Marco

      Mit diesen Tipps werde ich es auch mal angehen, einen eigenes Theme zu bauen.

    7. 7 philipp

      Super Anleitung! Klasse!

    8. 8 scaramangado

      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?

    9. 9 Sascha

      @ 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.

    10. 10 marv

      werde mich beizeiten auch mal darin versuchen. die themes, die man im internet so fidnet gefallen mir nun überhaupt nich…

    11. 11 Oli

      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!

    12. 12 Sascha

      Danke für die ausführliche Erklärung, dann werde ich mich mal dransetzen und ein Theme basteln

    13. 13 Webdesign Gelsenkirchen

      Sehr gute Anleitung, vielen Dank.
      lg

    14. 14 Chris

      Gute Sache der Artikel. Hat mir echt weitergeholfen.

    15. 15 Homepage

      ah vielen dank für den artikel war genau das wonach ich gesucht habe!

    16. 16 zelthannes

      ahh jetzt weiss ich bescheid.

    17. 17 Tanja

      So eine Anleitung wie diese sollte es viel öfters geben. Danke!

    18. 18 DJane

      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!

    19. 19 Vera

      Danke für die ausführliche Erklärung, jetzt fange ich mal mit der Umsetzung an!

    20. 20 Thomas

      Klasse tutorial, weiter so! ;)

    21. 21 iPad

      Danke, echt ein super Tutorial :)

    1. 1 Party | Schnack's Blog
    2. 2 Development center for HHG and Adaxas » webworkBlog.net » #1 Eigenes WordPress Theme / Template erstellen - Tutorial - HowTo
    3. 3 ckornfeld.net - Blog
    4. 4 Blog von Hans-Peter Bock » …und noch ein Blog
    5. 5 daemonized blog » » Neuer Look
    6. 6 rue’s headroom erstrahlt im neuen Look | rue's headroom
    7. 7 Eigenes Wordpress Theme erstellen - CREATESOMFING
    8. 8 Webstylerins Blog » Blog Archiv » Das erste Mal.
    9. 9 Blogdesign: Ein eigenes Wordpress-Theme erstellen
    10. 10 Das Wordpress Tutorial: Von der Installation bis Themes, Plugins und RSS
    11. 11 Wordpress templates selbst erstellen - die Dateistruktur | H-Quadrat IT TechBlog | Beratung ¤ Webdesign ¤ Content Management Systeme ¤ [web]Entwicklung ¤ Hosting ¤ IT Services Delivery in Rüsselsheim
    12. 12 Wordpress Quellen, Tipps und Hilfe » Gif-Bilder.de - Blog
    13. 13 Hier bloggt Rotkohlsuppe » Blog Archive » Schon schwer
    14. 14 Links am Mittwoch - Doku-Hotline - Birgit Grossmann über Texte, Technik und technische Dokumentation
    15. 15 So schreibt man ein eigenes Wordpress-Template/Wordpress-Theme « Mywebz.de
    16. 16 wordpress-template erstellen « riesenagentur.de
    17. 17 inside-wordpress.de » Blog Archive » Wie verändere Ich mein Wordpress-Design
    18. 18 Wordpress Themes | shift8
    19. 19 Neues Wordpress theme “Bity Shark” für Blogs mit Biss | tagSeoBlog
    20. 20 Theme geändert | neunzehn82

    Leave a Reply