Als flexibel thema moet het de mogelijkheid bieden om code aan te passen en diensten van derden te integreren. Daarom hebben we een functie geïntroduceerd genaamd hook.

In dit artikel geven we een overzicht van alle hooks en enkele gebruiksvoorbeelden.

Overzicht

HookBeschrijving
head-endVoor het einde van <head>
body-beginNa <body>
body-endVoor het einde van <body>
main-beginBoven <main>
main-endNa <main>
list-beginBoven de berichtenlijst
list-endNa de berichtenlijst
sidebar-beginHelemaal bovenaan de zijbalk
sidebar-endVoor het einde van de zijbalk
content-beginBoven de berichtinhoud
content-endNa de berichtinhoud
comments-beginBoven de reacties
comments-endNa de reacties
footer-beginHelemaal bovenaan de voettekst
footer-endVoor het einde van de voettekst
post-panel-beginHelemaal bovenaan het berichtenpaneel
post-panel-endVoor het einde van het berichtenpaneel
docs/sidebar-beginHelemaal bovenaan de docs-zijbalk
docs/sidebar-endVoor het einde van de docs-zijbalk
docs/nav-beginHelemaal bovenaan de navigatie
docs/nav-endVoor het einde van de navigatie
contact/form-field-beginHelemaal bovenaan het contactformulierfeld
contact/form-field-endVoor het einde van het contactformulierfeld
search/sidebar-beginHelemaal bovenaan de search-zijbalk
search/sidebar-endVoor het einde van de search-zijbalk

Gebruik

Het gebruik van een hook is eenvoudig: maak een HTML-bestand met dezelfde naam als de hook aan in de map layouts/partials/hooks.

Laten we sidebar-begin als voorbeeld nemen:

1echo '<section class="row card component text-center"><div class="card-body">SIDEBAR BEGIN</div></section>' \
2  > layouts/partials/hooks/sidebar-begin.html