Colorscheme

Eigenes WordPress Template in wenigen Schritten – Schritt 1


Dieses WordPress Template Tutorial hat nun schon einige Jahre auf dem Buckel und die Code-Formatierung ist, nett ausgedrückt, nicht akzeptabel. Daher habe ich auf folgender Seite ein komplett neues verfasst: Eigenes WordPress Theme.


How To Create WordPress Themes From Scratch Part 1

Viele viele WordPress-Templates
Hier gibt es eine umfangreiche Sammlung an WordPress Templates direkt zum runterladen: WordPress.net Theme Viewer

Man kann nach vielen Kriterien suchen und findet immer ein passendes Template. Nun geht es weiter für diejenigen, die ihr eigenes WordPress Template erstellen möchten.

Was kann ein WordPress Template

Ich hatte schonmal versucht eine Reihe zu diesem Thema zu schreiben, war aber zu unkoordiniert. Dieses mal bekommt ihr eine durchgehende Folge von Schritten, die euch zu eurem eigenen WordPress Template führt.

Form follows function
Erwartet kein tolles Design, ich werde meine Energie auf die Templateerstellung legen und nur minimale Formatierungen in CSS machen. Ihr sollt wissen wie es geht und dann eure eigenen kreativen Fähigkeiten nutzen.

Voraussetzungen ~ Wissen muss vorhanden sein

  • HTML – Ihr solltet eine Html-datei erstellen können, die auch valide ist.
    < html>
    < head>
    < title>Der Titel< /title>
    < /html>
    < body>
    < p>Hallo Html-Welt!< /p>
    < /body>

    Wer damit noch garnichts anfangen kann, schaut mal schnell auf diese Website von Selfhtml.org und liest sich die Grundlagen durch (ihr müsst nicht alles bis ins kleinste Detail verstehen, am besten überfliegen und ein bisschen was ausprobieren, wenn ihr eine Html-Datei erstellen könnt und wisst an welcher Stelle ihr Code einfügen müsst, um auf der Website Text auszugeben, reicht das) Html ist nicht schwer und vorallem braucht ihr kein WYSIWYG Programm um gute Webseiten zu basteln.

  • PHP – Wer kein Html kann wird wohl auch noch nie etwas von PHP gehört haben. Die Kenntnisse dieser Sprache sind für die Template Reihe wichtig, ergeben sich aber auch ein bisschen aus den Texten. Arbeitet einfach das Tutorial von Claudia Schaffarik durch, dies ist kurz und sehr gut erklärt (an dieser Stelle nochmal ein Dankeschön für das kostenlose Wissen!)
  • CSS – weniger wichtig, da ich auf großartige Formatierungen sowieso verzichte. Ihr solltet aber wissen wofür man “div” und “span” verwendet. Da bietet die Claudia auch noch was feines zu an, fliegt einfach über ihre Anleitung, das sollte dann an Grundkenntnissen reichen

Was kann denn nun ein WordPress Template
Meist spricht man eher von “Theme” wenn man das Aussehen eines Blogs meint. Da aber mehr dahintersteckt, bleibe ich bei der Bezeichnung “Template”. Ein WordPress Template legt Bereiche fest, in denen Inhalt ausgegeben wird, z.b. die Artikel, das Kopfbild, die Links zu anderen Blogs usw.
Natürlich wird auch dort die Farbe definiert, der Hintergrund der Blogliste ist grün, der Content wird mit schwarzer Schrift auf weißem Hintergrund abgebildet und das Bild zeigt einen Elch. Das alleine wäre für mich ein Theme, aber es kommt ja noch mehr. Es lassen sich mit WordPress-Funktionen individuelle Titel ausgeben, also für jeden Artikel spezifisch, man kann auf jede kleinste Veränderung in der Anzeige reagieren (für diejenigen die es nicht erwarten können: Conditional Tags). Im Grunde sind die WordPress Funktionen für die Aktion zuständig, und das Template ist die Fläche auf der die Party stattfindet.

wordpress, template erstellen


Verwandte Artikel
  1. Eigenes WordPress Template in wenigen Schritten – Schritt 2
  2. Eigenes WordPress Template in wenigen Schritten – Schritt 3
  3. Eigenes WordPress Template in wenigen Schritten – Schritt 6
  4. Eigenes WordPress Template in wenigen Schritten – Schritt 4
  5. Eigenes WordPress Template in wenigen Schritten – Schritt 5

am Dezember 9, 2005 um 18:35 Uhr | in Webdesign | 1 Kommentar

1 Trackbacks/Pingbacks
  1. Pingback: plagiat bloggen » Blog Archive » wordpress templates on April 16, 2007

Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.