作为一个灵活的主题,它应该能够自定义代码和集成第三方服务。因此,我们带来了一个叫做钩子的特性。
在本文中,我们将介绍所有钩子并提供一些用例。
总览
钩子 | 描述 |
---|---|
head-end | <head> 结束之前 |
body-end | <body> 结束之前 |
main-begin | <main> 上方 |
main-end | <main> 下方 |
list-begin | 文章列表上方 |
list-end | 文章列表下方 |
sidebar-begin | 侧边栏上方 |
sidebar-end | 侧边栏下方 |
content-begin | 文章内容上方 |
content-end | 文章内容下方 |
comments-begin | 评论上方 |
comments-end | 评论下方 |
footer-begin | footer 上方 |
footer-end | footer 下方 |
post-panel-begin | 文章工具栏上方 |
post-panel-end | 文章工具栏下方 |
docs/sidebar-begin | 文档侧边栏上方 |
docs/sidebar-end | 文档侧边栏下方 |
docs/nav-begin | 文档导航上方 |
docs/nav-end | 文档导航下方 |
contact/form-field-begin | 表单字段上方 |
contact/form-field-end | 表单字段下方 |
search/sidebar-begin | At very top of the search sidebar |
search/sidebar-end | Before the search sidebar end |
用法
使用钩子很容易,你需要做的是在 layouts/partials/hooks
目录中创建一个与钩子同名的 HTML 文件。
以 sidebar-begin
为例:
1echo '<section class="row card component text-center"><div class="card-body">SIDEBAR BEGIN</div></section>' \
2 > layouts/partials/hooks/sidebar-begin.html
评论