En tant que thème flexible, il devrait avoir la possibilité de personnaliser le code et d’intégrer des services tiers. Par conséquent, nous avons apporté une fonctionnalité appelée hook.
Dans cet article, nous présenterons tous les hooks et proposerons quelques cas d’utilisation.
Aperçu
| Crochet | Descriptif |
|---|---|
head-end | Avant la fin de <head> |
body-begin | Suivez le <body> |
body-end | Avant la fin du <body> |
main-begin | Au-dessus du <main> |
main-end | Suivez le <main> |
list-begin | Au-dessus de la liste des messages |
list-end | Suivez la liste des publications |
sidebar-begin | Tout en haut de la barre latérale |
sidebar-end | Avant la fin de la barre latérale |
content-begin | Au-dessus du contenu du message |
content-end | Suivez le contenu de l’article |
comments-begin | Au-dessus des commentaires |
comments-end | Suivez les commentaires |
footer-begin | Tout en haut du pied de page |
footer-end | Avant la fin du pied de page |
post-panel-begin | Tout en haut du panneau de publication |
post-panel-end | Avant la fin du panneau de publication |
docs/sidebar-begin | Tout en haut de la barre latérale docs |
docs/sidebar-end | Avant la fin de la barre latérale docs |
docs/nav-begin | Tout en haut de la navigation |
docs/nav-end | Avant la fin de la navigation |
contact/form-field-begin | Tout en haut du champ du formulaire de contact |
contact/form-field-end | Avant la fin du champ du formulaire de contact |
search/sidebar-begin | Tout en haut de la barre latérale search |
search/sidebar-end | Avant la fin de la barre latérale search |
Utilisations
Il est facile d’utiliser un hook, ce que vous devez faire est de créer un fichier HTML avec le même nom que hook dans le répertoire layouts/partials/hooks.
Prenons sidebar-begin comme exemple :
1echo '<section class="row card component text-center"><div class="card-body">SIDEBAR BEGIN</div></section>' \
2 > layouts/partials/hooks/sidebar-begin.html