Verständnis der WordPress-Vorlagenhierarchie für eine schnellere Entwicklung

Ein WordPress-Theme zu erstellen ist kein Hexenwerk. Wenn Sie mit den Grundlagen beginnen, können Sie ganz einfach in die WordPress-Theme-Entwicklung eintauchen. Aber bevor Sie sich mit der Hardcore-Entwicklung beschäftigen, ist es absolut notwendig, dass Sie die WordPress-Template-Hierarchie und die WordPress-Theme-Hierarchie verstehen. Die Seiten einer WordPress-Website werden mit einer einzelnen Vorlagendatei oder einer Kombination von Vorlagendateien erstellt, die in einem bestimmten Bereich einer Webseite angefordert werden.

Einige Beispiele für WordPress-Vorlagenhierarchiedateien sind:

1. Index.php
2. Seitenleiste.php
3. Header.php
4. footer.php

Sie befinden sich im Ordner wp-content/themes/theme-name . Es gibt viele WordPress-Vorlagenstrukturdateien, aber nur zwei Dateien sind absolut notwendig, damit ein WordPress-Theme funktioniert, nämlich index.php und style.css. Außerdem ist functions.php (nicht als Vorlagendatei betrachtet) eine erforderliche Datei, die Funktionalitäten eines Themas enthält. Um unserer Website ein individuelleres Aussehen und Gefühl zu verleihen, können wir verschiedene Vorlagendateien verwenden, die uns innerhalb der WordPress-Themenhierarchie zur Verfügung stehen.

Um zu verstehen, wie eine Seite gerendert wird und wie sie sich in der WordPress-Vorlagenhierarchie nach oben bewegt, betrachten wir zunächst dieses Beispiel.

Ein Besucher besucht eine Testimonials-Seite auf Ihrer WordPress-Site und Sie haben eine benutzerdefinierte Seitenvorlage namens page-testimonials.php erstellt . WordPress lädt dann page-testimonials.php. Wenn page-testimonials.php jedoch nicht existiert, dann wird WordPress auf page.php zurückgreifen und laden , und wenn page.php nicht in Theme-Dateien vorhanden ist, lädt WordPress index.php .

Ich werde die Vorlagendateien in Abschnitte unterteilen, damit ihr Zweck und ihre Verwendung leichter zu verstehen sind.

Grundlegende WordPress-Seitenhierarchie

Die grundlegende WordPress-Seitenhierarchie umfasst:

1. index.php
2. header.php
3. footer.php
4. sidebar.php

1. Index.php

Wie ich bereits erwähnt habe, gehört index.php zu einer Vorlagendatei in der WordPress-Seitenhierarchie, die für die Funktion eines WordPress-Themes erforderlich ist. index.php wird am häufigsten verwendet, um die Startseite eines WordPress-Themes zu rendern. Immer wenn eine Vorlagendatei nicht existiert, zB single.php oder post.php, dann lädt WordPress die index.php.

Die index.php enthält normalerweise andere Vorlagendateien wie header.php, footer.php und sidebar.php, die den Head-Bereich der Site, den Footer-Bereich bzw. Sidebars mit Widget-Bereichen enthalten. Es enthält auch eine Schleife, die die Beiträge oder Seiten auf der Vorlage anzeigt.

2. header.php

Die header.php enthält den Head-Bereich einer WordPress-Site und wird üblicherweise am Anfang aller Vorlagendateien aufgerufen. Es enthält normalerweise Header-Informationen, Analysen, Aufrufe von CSS-Dateien, Site-Navigation, Seitentitel und Site-Logo usw.

3. footer.php

In ähnlicher Weise wird footer.php in einer Datei in der WordPress-Seitenhierarchie verwendet, um den Fußzeilenabschnitt eines WordPress-Themes zu erstellen und im Fußzeilenabschnitt aller Vorlagendateien aufgerufen. Die footer.php enthält im Allgemeinen die Copyright-Informationen, Aufrufe von JS-Dateien, Widget-Bereiche, die normalerweise eine Site-Navigation haben.

4. sidebar.php

Während die sidebar.php, wie der Name schon sagt, zum Erstellen der Sidebar einer Site verwendet wird und in Vorlagendateien wie index.php, page.php, single.php zum Aufrufen in der Sidebar aufgerufen wird. Es enthält im Allgemeinen Widget-Bereiche zur einfachen Anpassung.

Startseite Anzeigeseiten

1. front-page.php
2. home.php
3. page.php
4. index.php

Homepages von WordPress-Sites zeigen entweder die neuesten Blog-Posts oder eine statische Seite an. Es hängt von den Einstellungen unter den WordPress- Dashboard-Einstellungen -> Lesen ab . Wenn es auf die neuesten Beiträge eingestellt ist, werden die neuesten Blog-Beiträge auf der Startseite angezeigt, und wenn es auf eine statische Seite eingestellt ist, wird eine Vorlage aus der WordPress-Vorlagenhierarchie wie page.php oder front-page.php geladen.

Wenn front-page.php vorhanden ist , verwendet WordPress diese Vorlagendatei sowohl für die Einstellungen „ Neueste Blog-Posts “ als auch „ Statische Seite “. Die home.php wird geladen, wenn die front-page.php nicht existiert und in den Leseeinstellungen von WordPress „neueste Blog-Beiträge“ eingestellt ist.

Wenn in Einstellungen -> Lesen einer statischen Seite mit einer Seite mit Beiträgen ausgewählt ist, sucht WordPress nach der Vorlage page.php, um die Homepage zu rendern.

Wenn jedoch front-page.php, page.php und home.php nicht existieren, greift WordPress auf index.php zurück, um die Homepage zu rendern.

Einzelne Beitragsseiten

1. single.php
2. singular.php

1. single.php

In WordPress werden einzelne Blog-Posts mithilfe der Datei single.php gerendert. In WordPress-Version 4.3 und höher wurde eine neue WordPress-Vorlagendatei, singular.php, hinzugefügt.

Für benutzerdefinierte WordPress-Beitragstypen können wir single-{post-type}.php verwenden. Zum Beispiel ist unser Beitragstyp Tiere, dann sucht WordPress nach single-animals.php und hat Vorrang vor single.php. Wenn die Post-Type-Datei nicht existiert, wird single.php zum Rendern der Seite verwendet.

2. singular.php

Die singular.php wird in Fällen verwendet, in denen page.php und single.php im Allgemeinen den gleichen Code haben. Wenn single.php nicht existiert, sucht WordPress nach singular.php.

Statische Seiten

Seiten werden in der folgenden Reihenfolge gerendert:

1. Seitenvorlagen
2. page-{slug}.php
3. page-{id}.php
4. page.php
5. singular.php
6. index.php

Wie oben erwähnt, ist es besser, eine singular.php zu erstellen, wenn wir ein ähnliches Aussehen für single.php und page.php haben möchten.

Archivseiten

1. author.php
2. Kategorie.php
3. taxonomie.php
4. date.php
5. tag.php
6. archiv.php

Archivseiten in WordPress sind die Seiten, die verwendet werden, um Beiträge von bestimmten Autoren, Kategorien, Taxonomien, Daten, Tags usw. zu erfassen.

Wir können eine einzelne Archivvorlage haben, nämlich archive.php. Aber um tiefer in die Vorlagen einzutauchen, haben wir author.php, category.php, taxonomy.php, date.php, tag.php und alle sind ziemlich selbsterklärend.

Wir können auch kundenspezifische Vorlagen erstellen, z. B.

category-{slug}.php – Wenn die Schnecke einer Kategorie cute-kittens ist, sucht WordPress nach category-cute-kittens.php, wenn sie nicht existiert, wird category.php verwendet.

category-{id}.php – Wenn id = 3, dann sucht WordPress nach category-3.php, um die Seite zu rendern. Andernfalls wird die Kategorie.php geladen

Eine ähnliche Theorie von {slug} und {id} gilt für die "Tag"-Seite

Für benutzerdefinierte Autorenvorlagen können wir author-{nicename}.php oder author-{id}.php verwenden. Wenn der Name des Autors Andy ist, sucht WordPress nach author-andy.php, wenn es nicht existiert, greift WordPress auf author.php zurück, um die Seite zu rendern.

Andere WordPress-Vorlagendateien

– search.php

Suchergebnisse in WordPress verwenden die Vorlagendatei search.php. Wenn es nicht existiert, werden die Suchergebnisse aus der index.php gerendert.

– Anhang.php

Diese Vorlagendatei wird verwendet, um Anhangsseiten wie Bilder und Videos zu rendern. image.php und video.php werden zum Rendern von Bildern bzw. Videos verwendet. Existieren diese Dateien nicht, wird die Datei attach.php verwendet.

– 404.php

Nicht gefundene Seiten in WordPress werden aus 404.php gerendert. Wenn der 404 nicht existiert, rendert er die Seite aus der index.php.

– Kommentare.php

Es ist eine Vorlage für Kommentare, die in Vorlagendateien wie single.php oder page.php aufgerufen wird, um den Kommentarbereich hinzuzufügen.

Letzte Worte

Das Verständnis der WordPress-Vorlagenhierarchie ist sehr nützlich, wenn Sie benutzerdefinierte WordPress-Themes entwickeln und / oder die Dateistruktur von WordPress-Themes anpassen möchten. Sie werden es leicht haben, die richtigen Vorlagendateien zum Bearbeiten und Anpassen zu finden. Das Gute an der WordPress-Vorlagenhierarchie ist, dass sie einer strengen Namenskonvention folgt. Es macht es zum Kinderspiel, WordPress-Themes zu erstellen, sobald Sie es in den Griff bekommen. Sie können sich auf die WordPress-Themehierarchie beziehen, um eine schnelle und visuelle Referenz für die Themenentwicklung zu erhalten.