无论您想添加自定义页眉、页脚还是任何具有特定内容的部分,Hooks 都能让您灵活地为您的网站增添创造力。
使用Site Builder(Astra Pro 提供的模块),您可以使用Astra hooks插入自定义代码或内容。本文将向您展示如何设置 Hooks Site Builder。
此外,Site Builder 要求在您的网站上安装并激活Astra 主题和 Astra Pro Addon。此外,在继续之前,您可以先查看 Site Builder 模块概述 。
如何使用代码编辑器添加挂钩
您可以按照以下步骤使用站点构建器添加挂钩。
在仪表板中,单击Astra并向下滚动到Astra Pro 模块,然后激活Site Builder模块;
一旦打开站点构建器切换按钮,您就可以在 wordpress 仪表板的 Astra 下看到站点构建器。
单击站点构建器后,您可以通过“所有布局”部分探索改进后的站点构建器。
在这里,您可以创建/查看/编辑网站的不同部分,如页眉/页脚/404 页面/挂钩/单个和存档模板等等。
您可以创建新部分,并为特定元素(如页眉、页脚和 404 部分)创建单独的布局预览。这些预览可以让您直观地了解布局在前端的显示效果,从而增强您的编辑体验。
此外,您还可以在一个地方轻松查看所有现有布局。默认情况下,如果您的网站上没有布局,它将显示您可以创建的布局。通过将鼠标悬停在布局卡上,您将看到“预览”选项,它将带您进入该网站部分部分,或者您可以“编辑”,它将带您进入布局编辑器。
您可以通过从侧边栏访问 网站部分来修改其现有布局 。例如,您可以访问标题部分(这将带您进入标题网站部分),在那里您可以查看网站上现有布局的预览。
让我们考虑一下,如果您想创建不同的钩子布局。现在,将鼠标悬停在钩子上并单击“创建布局”。
接下来,您可以添加自定义代码。为此,您可以单击“启用代码编辑器”按钮。此选项启用代码编辑器,这有助于添加自定义代码。
添加代码时,请确保包含粘贴代码的开头语句。以下是一些示例:
<?php /* Add Your PHP Code here. */ ?>
<style type="text/css"> /* Add Your CSS Code Here. */ </style>
如何使用页面构建器添加挂钩
您也可以使用页面构建器创建布局,并将其添加到任何操作挂钩。例如,您可以使用页面构建器设计号召性用语;或新闻通讯订阅表单,并将其自动显示在所有博客文章内容下方。
专业提示:
- 对于 Beaver Builder:确保您的页面构建器已启用“站点构建器”帖子类型。例如,Beaver Builder 有一个针对该类型的设置。
- 对于 Elementor:确保您的页面构建器已启用“站点构建器”帖子类型。
- 如果您在加载此类自定义帖子类型的页面构建器时遇到问题,请刷新您的永久链接设置并重试。
Hooks 布局选项有哪些
如果您点击右上角的 Astra 图标,您将打开站点构建器设置面板。往下,您将看到 Hooks 布局类型选项的概述。
从站点构建器中选择“Hooks”下拉菜单后,您将获得以下选项:
- 位置:从下拉菜单中选择自定义挂钩选项并输入自定义挂钩名称。
- 优先级:如果为某个特定操作添加了多个项目,则优先级决定首先执行哪个项目。数字越小,优先级越高。
- 间距:如果您需要在自定义内容上方/下方添加一些填充,请使用此选项。
接下来,您可以设置要使用钩子布局的确切页面/帖子。因此,您需要调整显示和用户条件。
您可以使用“显示于”选项选择将站点构建器显示在整个网站或特定页面/帖子上。此外,您还可以使用“不显示于”选项排除某些位置。
此外,您可以仅为某些用户角色禁用添加的钩子布局。您可以使用“用户角色”选项执行此操作。
例如:如果您想在整个网站
上注入行动号召;除了 404 页面;对于已注销的用户,您需要设置以下选项 –
- 显示于:整个网站
- 不显示于:404 页面
- 用户角色:已注销
设备可见性可让您选择要显示站点构建器的设备。只需勾选所需设备的复选框即可 – 台式机、平板电脑和移动设备。
此外,您还可以设置布局可见性的开始时间和结束时间。设置布局的日期和持续时间。布局将在选定的持续时间内处于活动状态。
因此,挂钩布局允许您在整个网站上保持统一的外观和感觉,同时仍允许灵活地定制内容。
暂无评论内容