Como tema flexible, debería tener la capacidad de personalizar el código e integrar servicios de terceros. Por lo tanto, trajimos una función llamada gancho.
En este artículo, presentaremos todos los ganchos y brindaremos algunos casos de uso.
Descripción general
| Gancho | Descripción |
|---|---|
head-end | Antes del final <head> |
body-begin | Sigue el <body> |
body-end | Antes del final del <body> |
main-begin | Arriba del <main> |
main-end | Sigue el <main> |
list-begin | Arriba de la lista de publicaciones |
list-end | Sigue la lista de publicaciones |
sidebar-begin | En la parte superior de la barra lateral |
sidebar-end | Antes del final de la barra lateral |
content-begin | Arriba del contenido de la publicación |
content-end | Sigue el contenido de la publicación |
comments-begin | Arriba de los comentarios |
comments-end | Sigue los comentarios |
footer-begin | En la parte superior del pie de página |
footer-end | Antes del final del pie de página |
post-panel-begin | En la parte superior del panel de publicaciones |
post-panel-end | Antes de que finalice el panel de publicaciones |
docs/sidebar-begin | En la parte superior de la barra lateral docs |
docs/sidebar-end | Antes del final de la barra lateral docs |
docs/nav-begin | En la parte superior de la navegación |
docs/nav-end | Antes del final de la navegación |
contact/form-field-begin | En la parte superior del campo del formulario de contacto |
contact/form-field-end | Antes de que finalice el campo del formulario de contacto |
search/sidebar-begin | En la parte superior de la barra lateral search |
search/sidebar-end | Antes del final de la barra lateral search |
Usos
Es fácil usar un gancho, lo que debe hacer es crear un archivo HTML con el mismo nombre que el gancho en el directorio layouts/partials/hooks.
Tomemos sidebar-begin como ejemplo:
1echo '<section class="row card component text-center"><div class="card-body">SIDEBAR BEGIN</div></section>' \
2 > layouts/partials/hooks/sidebar-begin.html
Comentarios