Als flexibles Theme sollte es die Möglichkeit haben, Code anzupassen und Dienste von Drittanbietern zu integrieren. Aus diesem Grund haben wir eine Funktion namens Hook eingeführt.
In diesem Artikel stellen wir alle Hooks vor und stellen einige Anwendungsfälle bereit.
Übersicht
| Haken | Beschreibung |
|---|---|
head-end | Vor dem <head> Ende |
body-begin | Folgen Sie dem <body> |
body-end | Vor dem Ende von <body> |
main-begin | Oberhalb des <main> |
main-end | Folgen Sie dem <main> |
list-begin | Oberhalb der Beitragsliste |
list-end | Folgen Sie der Beitragsliste |
sidebar-begin | Ganz oben in der Seitenleiste |
sidebar-end | Vor dem Ende der Seitenleiste |
content-begin | Oberhalb des Beitragsinhalts |
content-end | Folgen Sie dem Beitragsinhalt |
comments-begin | Über den Kommentaren |
comments-end | Folgen Sie den Kommentaren |
footer-begin | Ganz oben in der Fußzeile |
footer-end | Vor dem Ende der Fußzeile |
post-panel-begin | Ganz oben im Beitragsbereich |
post-panel-end | Vor dem Ende des Beitragspanels |
docs/sidebar-begin | Ganz oben in der docs Seitenleiste |
docs/sidebar-end | Vor dem Ende der docs Seitenleiste |
docs/nav-begin | Ganz oben in der Navigation |
docs/nav-end | Vor dem Navigationsende |
contact/form-field-begin | Ganz oben im Kontaktformularfeld |
contact/form-field-end | Vor dem Ende des Kontaktformularfeldes |
search/sidebar-begin | Ganz oben in der search Seitenleiste |
search/sidebar-end | Vor dem Ende der search Seitenleiste |
Verwendungen
Es ist einfach, einen Hook zu verwenden. Sie müssen lediglich eine HTML-Datei mit demselben Namen wie der Hook im Verzeichnis layouts/partials/hooks erstellen.
Nehmen wir sidebar-begin als Beispiel:
1echo '<section class="row card component text-center"><div class="card-body">SIDEBAR BEGIN</div></section>' \
2 > layouts/partials/hooks/sidebar-begin.html
Kommentare