WordPress-Themes ermöglichen es Ihnen, das Design Ihrer Website zu ändern und das Erscheinungsbild zu kontrollieren. Sie sind im Wesentlichen Sammlungen verschiedener Vorlagendateien, die zusammenarbeiten und das Gesamtdesign Ihrer Website ergeben.

Bevor Sie tiefer in WordPress-Themes eintauchen, ist es wichtig, dass Sie verstehen, wie WordPress funktioniert und wie die verschiedenen Seiten Ihrer Website erstellt werden. WordPress interagiert mit einer Datenbank, um Ihre Inhalte zu speichern. Das heißt, wenn Sie einen neuen Beitrag oder eine neue Seite erstellen, wird der Inhalt in einer Datenbank gespeichert und nur dann mithilfe von Vorlagen angezeigt, wenn der Besucher nach diesem bestimmten Inhalt fragt.

Ein WordPress-Theme ist eine Sammlung von Vorlagen (CSS- und PHP-Dateien), die WordPress verwendet, um den Datenbankinhalt anzuzeigen. WordPress sucht in einem Theme nach Dateien, die für die Darstellung der aktuellen Seite in einer bestimmten Reihenfolge verwendet werden. Dies wird als „Vorlagenhierarchie“ bezeichnet, die zum Erstellen und Erweitern von WordPress-Themes verwendet wird.

WordPress-Themes entscheiden, wie Ihre Inhalte auf Ihrer Website angezeigt werden sollen. Ein Template in WordPress ist eine einzelne Datei, die festlegt, wie eine bestimmte Seite oder eine Reihe von Seiten auf dem Frontend Ihrer Website aussehen soll. Wenn Sie Ihr Theme ändern, ändern Sie die Art und Weise, wie der Inhalt angezeigt wird, ohne den Inhalt selbst zu ändern.

WordPress-Themes verwenden verschiedene Template-Dateien, um eine vollständige Webseite zu generieren. Wenn Sie beispielsweise auf eine WordPress-Website zugreifen, sehen Sie mehrere verschiedene Vorlagendateien, die miteinander kombiniert werden, um eine vollständige Seite zu erstellen.

Wenn du dir zum Beispiel eine Index-Seite ansiehst, wie die Startseite eines Blogs, siehst du in der Regel einen Header, der von der Vorlage header.php erstellt wurde, einen Inhalt, der von index.php erstellt wurde, Seitenleiste erstellt von sidebar.php und die Fußzeile erstellt von footer.php

Wenn Sie jedoch eine einzelne Seite aufrufen, sehen Sie immer noch dieselbe Kopfzeile, dieselbe Seitenleiste und dieselbe Fußzeile, aber der Inhalt würde stattdessen von single.php erstellt. Die Frage ist, woher Sie wissen, welche dieser Vorlagendateien an welcher Stelle zum Einsatz kommt. Hier kommt die WordPress-Vorlagenhierarchie ins Spiel.

Die WordPress-Vorlagenhierarchie bestimmt, in welcher Reihenfolge die Vorlagendateien in Ihrem WordPress-Theme geladen werden. WordPress sucht nach diesen Dateien, um zu bestimmen, wie Ihre Website geladen werden soll.

Wenn Sie den Theme-Ordner „Twenty Fifteen“ (eines der Standard-WordPress-Themes) öffnen, finden Sie mehr als 15 Template-Dateien. Dazu gehören Vorlagendateien für 404, Archiv, Autoren-Bio, Kommentare und Content-Link, um nur einige zu nennen. WordPress verwendet die Query-String-Informationen, die in jedem Link auf Ihrer Website enthalten sind, um zu entscheiden, welche Vorlage oder welcher Satz von Vorlagen verwendet wird, um die Seite anzuzeigen.

WordPress entscheidet, welche Art von Seite (z. B. Suchseite, Kategorieseite oder Startseite) angefordert wird, und wählt dann die entsprechende Vorlage, die von der WordPress-Vorlagenhierarchie vorgeschlagen wird, um den Inhalt zu erzeugen.

Benennungskonvention

WordPress hat eine spezielle und strenge Namenskonvention für Theme-Dateien, so dass alle Themes im Backend eine Reihe von Dateien mit einem gemeinsamen Namen haben. Um Ihre Inhalte einfach zu verwalten, können Sie zum Beispiel header.php und footer.php Dateien erstellen. Diese Vorlagendateien müssen header.php und footer.php heißen.

WordPress sucht im Verzeichnis des aktuellen Themes nach Vorlagendateien mit bestimmten Namen, um festzustellen, welche Vorlage verwendet werden soll, wobei in der Regel die erste passende Vorlagendatei verwendet wird. Wenn WordPress keine Vorlagendatei mit einem passenden Namen findet, wird zum nächsten Dateinamen in der Hierarchie übergegangen. Wenn WordPress keine passende Vorlagendatei findet, wird index.php (die Vorlagendatei für die Startseite des Themas) verwendet.

Wenn Sie also Vorlagendateien bearbeiten, müssen Sie überlegen, um welche Art von Inhalt es sich handelt, und dann die entsprechende Vorlagendatei für diese Art von Inhalt bearbeiten. Dasselbe gilt, wenn Sie WordPress-Themes von Grund auf neu erstellen.

Mindestanforderungen an ein Theme

Die einzigen Dateien, die für ein funktionierendes WordPress-Theme erforderlich sind, sind index.php und style.css. Die index.php ist die wichtigste und einzige Datei, die jede WordPress-Abfrage sowie die Struktur der Website verarbeitet.

Die Mindestdateien, die für ein WordPress-Theme erforderlich sind, damit es funktioniert und im WordPress-Dashboard für die Aktivierung sichtbar ist, sind index.php und style.css.

Wenn index.php oder style.css fehlen, wird folgende Fehlermeldung angezeigt.

Die folgenden Themes sind installiert, aber unvollständig. Themes müssen ein Stylesheet und eine Vorlage haben.

• style.css (erforderlich)

• index.php (erforderlich)

• functions.php (optional)

• screenshot.png (optional)

Diese Trennung erhöht die Effizienz erheblich. Alles in einer einzigen großen Datei index.php zusammenzufassen, könnte zwar technisch funktionieren, wäre aber nicht schön und würde im Nachhinein zu endlosen Problemen führen. Außerdem wäre die Bearbeitung eines Themes ein Albtraum!

Hier ist die Liste der von WordPress erkannten Themadateien.

• style.css

• rtl.css

• index.php

• comments.php

• front-page.php

• single.php

• page.php

• author.php

• archive.php

Es gibt noch viele andere Dateien, Sie können die Liste der Vorlagendateien für weitere Details einsehen.

Beispiel für die Template-Hierarchie von Twenty Fifteen

Angenommen, Sie haben das Twenty Fifteen-Theme aktiviert und ein Benutzer besucht die Seite yoursite.com/author/tahir/. Zuerst sucht WordPress nach dem Template mit der Bezeichnung author-tahir.php, aber author-tahir.php ist nicht verfügbar. WordPress sucht dann nach author.php, und wenn auch diese nicht vorhanden ist, wird nach archive.php gesucht. Diese Datei ist im Twenty Fifteen-Theme vorhanden. Wenn Sie archive.php löschen oder umbenennen, verwendet WordPress index.php, um die Seite zu rendern.

Jedes Mal, wenn ein Benutzer Ihre Website besucht, bewegt sich WordPress in der Vorlagenhierarchie nach oben, bis es eine passende Vorlagendatei findet. Das hat alles damit zu tun, wie diese Dateien benannt sind.

Das ‚What The File‘-Plugin

Um herauszufinden, welche Datei und welche Vorlage WordPress verwendet, um den Seiteninhalt anzuzeigen, den Sie gerade sehen, können Sie das sehr praktische What The File Plugin verwenden. Dies ist ein kostenloses Plugin, das von Barry Kooij entwickelt wurde.

Dieses Plugin fügt eine Option zu Ihrer Symbolleiste hinzu, die anzeigt, welche Datei und welche Vorlagen verwendet werden. Ich habe das „What The File Plugin“ zu Testzwecken auf meinem lokalen Server installiert und festgestellt, dass es hervorragend funktioniert.

Um zu testen, welche Dateien WordPress verwendet, wenn eine bestimmte Datei nicht verfügbar ist, habe ich zwei Dateien (im Twenty Fifteen Theme) umbenannt. Im Screenshot unten sehen Sie, welche Dateien WordPress verwendet, um Inhalte anzuzeigen.

Sie sehen, dass das Twenty Fifteen Theme die Datei content-search.php verwendet, um Suchergebnisse anzuzeigen. Wenn du content-search.php löschst oder umbenennst, verwendet WordPress stattdessen content.php, um die Suchergebnisse anzuzeigen.

Das „What The File“-Plugin ermöglicht es dir auch, direkt auf den Dateinamen zu klicken, um ihn über den Theme-Editor zu bearbeiten. Dieses Plugin erfordert WordPress 3.1 oder höher, es funktionierte auch mit WordPress 4.1.

Nützliche Ressourcen