WordPress Theme gestalten

Aufbau eines WordPress Themes. Ein WordPress Theme besteht aus vielen Templates und diese haben ihre Hierarchie.

björn [blog.branwars.de] hatte eine Frage:

aber das mit den WordPress templates und sonstigen Sachen

Selber ein WordPress Theme zu gestalten bedeutet etwas von (X)HTML und CSS zu verstehen und dann vielleicht, wenn man mag, sich in die fertigen PHP Template Tags einzulesen und copy&paste zu beherrschen ;-) .
Ich beginne mit dem Aufbau eines WP-Themes.

  1. Ein WordPress Theme besteht aus einer style.css und mehreren PHP Dateien, die templates genannt werden. Die Bilder für das Design sind meist im Ordner *images*.
    Dieser Ordner, die templates und die style.css sind in einem Ordner, der den Namen des Themes hat.
  2. In diesen templates sind die XHTML Angaben, die mit der style.css gestaltet werden können.
  3. WordPress ist so programmiert, dass die templates einer Hierarchie unterliegen – das kompakteste WP Theme besteht aus einer index.php und einer style.css.

Wieso hat ein WordPress Theme viele templates, wenn eines reicht?

Wegen der übersicht!
Jede HTML Datei besteht aus einem head und body und da PHP mehr Möglichkeiten bietet ist es wesentlich übersichtlicher für einzelne Abschnitte auch eigene templates zu machen. Sowohl für die CSS Gestaltung wie auch dann für die template tags also den PHP Teil.

Template Hierarchie

Du hast eine Kategorie mit der ID (Identifikationsnummer) 26 und magst genau diese eine Kategorie anders darstellen als alle anderen Kategorien, so erstelle die “category-26.php” und WP kapiert, dass es für die Kategorie nur dieses template nutzen darf.

Es gibt für die Suche im default theme zwei templates: search.php und searchform.php. In der search.php steht drin wie es Aussehen soll, wenn das Ergebnis einer Suche sichtbar wird und die search.php beinhaltet nur die HTML Angaben für das Suchfeld.

Theoretisch benötigst Du beide templates nicht, denn die HTML Angaben für das Suchfeld kannst Du ja auch direkt in die index.php hinein schreiben.

Die archive.php ruft WP auf, wenn man auf eine Kategorie klickt, aber gibt es diese nicht, nimmt WP einfach die index.php dafür her.

In der header.php steht meist all das drin, was man sonst auch in den Header einer HTML Datei hineinschreibt. Im default theme findet man dort auch alle Angaben, die die Hintergrundbilder und das Header Bild betreffen.

Die Kommentare mit all den Angaben – Pings ja -Trackback nein -Kommentare geschlossen oder offen etc. sind in der comments.php, mag man aber Pop Ups dann ist dies die comments-popup.php.

Footer.php dort finden meist die html tags ihren “Abschluss”.

Also die Namen der WordPress templates eines Themes geben Auskunft über den Inhalt, sidebar.php als klassisches Beispiel.

statische Seiten

Für diese nutzt das default theme die page.php. Du kannst aber auch eigene page.php templates machen. sitemap.php, gaestebuch.php, impressum.php als Beispiele.
Du musst diesen nur einen “Namen” geben:

 <?php
/*
Template Name: Sitemap
*/
?>

Diese sitemap.php im Ordner des Themes laden.
Admincenter==>Schreiben==>Seite schreiben==>Seiteneinstellungen==>Template der Seite: und dort dann auswählen.

.. bitte nachfragen, weil wer weiß, ob ich einfach erklärte…
9 Kommentare zu "WordPress Theme gestalten"
  1. Hey, ist mal ne super einfache und verständliche Erklärung, wie die WordPress-Seiten aufgebaut sind. Gruß Hans

  2. Seit einigen Tagen beschäftige ich mich mit WordPress, und wo sonst viel zu viel unnötiger Müll dabei ist, findet man hier Infos auf den Punkt gebracht – vielen Dank :)

  3. Kannst du bitte diesen Satz ausbessern: “In der search.php steht drin wie es Aussehen soll, wenn das Ergebnis einer Suche sichtbar wird und die search.php beinhaltet nur die HTML Angaben für das Suchfeld.” – da steht 2 Mal search.php drin…

    Ich habe den Artikel gelesen in der Hoffnung den Text zu finden der für das “Search for:” über meinem Suchfeld verantwortlich ist. Hätte das nämlich gerne in Deutsch.

  4. Hi Andreas , schön ein Landsmann ist mal hier

    …..ja vermutlich in der search.php ;)

    wenn dort nicht suche in der functions.php oder da Du Widgets nutzt vielleicht dort,
    und nein ich werde das doppelte Vorkommen der “search.php” nicht ändern, weil ich das Keywort “search.php” wirklich gerne hier auf dieser Seite habe ;)

    übrigens schickst Du Deine Kategorien ins Nirwana , weil sie alle mit rel nofollow bestückt sind, nur so als Tipp

    lg

  5. Danke – das mit den Kategorien habe ich ausgebessert (ist ja auch schon ein Zeiterl her *hüstel*)

    Andreas

  6. Schön einfach erklärt, kennt jemand ein WP Plugin, was die Navigation seitlich hängen / schweben lässt, damit sie sichtbar ist, wenn der User scrollt?

  7. Vielen Dank für die Tolle Erklärung. Ich habe auch vor meine Blogs etwas anzupassen und da kam dieser Text gerade recht. Endlich weiß ich wie WordPress gestrickt ist!
    Vielen Dank!