Hinweis: Der folgende Artikel hilft Ihnen dabei: Courtney Robertson So erstellen Sie Blockvorlagen in WordPress Artikel lesen
Haben Sie schon einmal darüber nachgedacht, was ein Browser tut, wenn Ihre Website geladen wird? Es gibt eine ganze Reihe von Prozessen, die passieren. Ihr Browser zeigt eine Mischung aus HTML, CSS und JavaScript zur Anzeige an. Wenn Sie ein Content-Management-System wie WordPress verwenden, werden auch Datenelemente aus einer Datenbank abgerufen und auf der Vorderseite der Website angezeigt. Dies geschieht durch die Verwendung von PHP.
Woher weiß WordPress also, wie es jeden Teil der Datenbank abruft und an der entsprechenden Stelle und in der richtigen Reihenfolge für Ihre Website präsentiert? Dazu nutzt es die Vorlagenhierarchie. Entwickler haben das Layout von Bereichen wie einem einzelnen Beitrag oder einer einzelnen Seite erstellt, indem sie benutzerdefinierte Vorlagen in PHP erstellt haben, die das Layout bestimmen.
Das klingt ziemlich komplex, oder? Nun, mit WordPress 5.9 und höher können Sie Vorlagen mit dem Blockeditor innerhalb der vollständigen Site-Bearbeitung ändern oder erstellen.
Was sind Vorlagen?
Was meinen wir mit Vorlagen? Laut WordPress-Entwicklerdokumenten:
Vorlagendateien sind modulare, wiederverwendbare Dateien, die zum Generieren der Webseiten auf Ihrer WordPress-Site verwendet werden.
Erstellen Sie einmal einen Header und verwenden Sie ihn auf Ihrer gesamten Website oder nehmen Sie einige Variationen vor, um ihn in bestimmten Bereichen zu verwenden. Definieren Sie, was in einer bestimmten Reihenfolge in einem einzelnen Beitrag erscheinen soll, z. B. Titel, Datum, Autor, Inhalt, Kommentare usw.
WordPress-Themes enthalten bereits Vorlagen für viele Bereiche wie die Startseite, das Layout einzelner Seiten und sogar das Erscheinungsbild der 404-Seite. Wenn Sie jedoch die Layouts anpassen oder eigene Vorlagen für bestimmte Bereiche Ihrer Website erstellen möchten, müssen Sie eine benutzerdefinierte Vorlage erstellen. Bevor wir das tun können, müssen wir wissen, wie WordPress diese Informationen mithilfe der Vorlagenhierarchie priorisiert und abruft.
Vorlagenhierarchie
WordPress bestimmt mithilfe der Vorlagenhierarchie, welche Vorlagendatei(en) auf einer einzelnen Seite oder einem einzelnen Beitrag verwendet werden sollen. Stellen Sie sich diese Karte als einen Entscheidungsbaum vor.
Die Layouts, die Inhaltselemente von anderen Seiten enthalten, befinden sich ganz links. Die breiteren Layouts wären ganz rechts. In diesem Beispiel ist index.php das allgemeinere Layout. Es handelt sich dabei um einen sogenannten Fallback. Es kommt selten vor, dass Sie absichtlich auf einer index.php-Seite landen. Weitaus häufiger und ganz links ist jedoch eine eindeutige Site-Startseite. Dies würde mehr Elemente enthalten.
Zugreifen auf Blockvorlagen
Die Erstellung von Blockvorlagen begann mit Full-Site-Editing-Themen wie Twenty Twenty Two. Installieren und aktivieren Sie ein Blockdesign, um Ihre eigene Vorlage zu erstellen. Dann geh zu Erscheinungsbild > Editor > Site-Symbol > Vorlagen.
Hier sehen Sie alle derzeit auf Ihrer Website aktiven Vorlagen, einschließlich einer Option dazu Neue hinzufügen Vorlagen über die Schaltfläche oben rechts aufrufen.
Sie können auch feststellen, ob eine Vorlage von einem bestimmten Benutzer, Thema oder Plugin erstellt wurde.
Ändern einer Blockvorlage
Wählen Sie die Vorlage aus, die Sie ändern möchten. In diesem Beispiel verwenden wir die 404-Seite. Von hier aus können Sie die Listenansicht verwenden, Blöcke hinzufügen, ändern und entfernen, ähnlich wie im Post-Editor. Sie können auch Ihre Stile definieren und sogar Blöcke sperren.
Wir haben den Haupttext von 404 geändert, um „OOPS“ anzuzeigen.
Erstellen einer neuen Blockvorlage
Lassen Sie uns eine Autorenvorlage erstellen. Gehe zu Darstellung > Editor > Neu hinzufügen > Autor. WordPress 6.0 enthält jetzt Vorlagen für Autor, Kategorie, Datum, Tag und Taxonomie.
Fügen Sie eine Kopf- und Fußzeile hinzu. Fügen Sie dann einen Abfrageschleifenblock hinzu. Sie können eine der Vorschauoptionen auswählen und das Layout nach Ihren Wünschen ändern.
Beachten Sie, dass die Optionen des Abfrageschleifenblocks einen Schalter zum Erben der Abfrage von der Vorlage enthalten. Dadurch wird sichergestellt, dass der Abfrageschleifenblock erkennt, dass es sich hierbei um die Autorenvorlage handelt, und die Ergebnisse basierend auf den von Ihnen angezeigten Beiträgen des Autors filtern sollte.
Betrachten Sie für einen interessanten Vergleich die Schritte, die vor dem Blockieren von Themen beim Erstellen eines benutzerdefinierten Autorenarchivs ausgeführt werden mussten.
Beitragsvorlagen
Eine weitere Möglichkeit besteht darin, eine Vorlage innerhalb eines Beitrags zu erstellen. Dies bietet Vorlagen speziell für Beitragstypen, z. B. eine Zielseite oder einen Link in der Bio-Seite.
Loslegen
Das Ändern von Vorlagen erforderte bisher einiges an PHP-Kenntnissen, Sie können Layouts schnell an Ihre Bedürfnisse anpassen. Wenn Sie Blockthemen wie Twenty Twenty Two verwenden, werfen Sie einen Blick auf den Vorlagenbereich und passen Sie die Layouts genau nach Ihren Wünschen an.
