页眉和页脚¶
网站页眉是网页的顶部区域,通常包含徽标、导航 菜单、搜索栏以及登录或 客户账户 按钮等元素。页脚显示在网页底部,通常包含联系方式、链接、法律声明和其他有用信息。两者都可以根据需要自定义。
页眉内容¶
页眉包含公司信息、快捷访问按钮和 网站菜单,帮助用户高效地浏览网站。结构良好、易于使用的页眉和菜单对于提升 搜索引擎排名 也起着重要作用。
菜单编辑器¶
菜单编辑器让您可以编辑网站页眉,并添加 菜单项 和 巨型菜单。
若要打开菜单编辑器,请前往 网站 ‣ 站点 ‣ 菜单编辑器。在这里,您可以:
使用 (编辑菜单项)图标 重命名 菜单项或更改其 URL。
使用 (删除菜单项)图标 删除 菜单项。
通过将菜单项拖放到菜单中的所需位置来 移动 它。
将子菜单项拖放到右侧父菜单下方,即可 创建常规下拉菜单 。
小技巧
您也可以从网站编辑器中访问菜单编辑器。具体方式有两种:
选择任意菜单项并点击 编辑菜单,或
前往 样式 选项卡,并点击 页眉 部分标题旁边的 编辑菜单。
添加菜单项¶
默认情况下,页面在 创建时 会作为下拉菜单项添加到菜单中。要添加新菜单项,请按照以下步骤操作:
菜单项设计¶
要修改菜单项的设计,请点击右上角的 编辑 并选择页眉。然后转到 样式 选项卡,进入 导航 部分。可用选项如下:
调整桌面设备上 桌面菜单 的对齐方式。
调整移动设备上 移动端菜单 的对齐方式和位置。
选择 子菜单 是 悬停时 打开还是 点击时 打开。
选择 链接样式,以在菜单中突出显示当前页面。
注解
导航 部分中可用的选项可能因所选模板而异。
对未登录用户隐藏动态菜单项¶
要对未登录用户隐藏 Shop 菜单项,请 将电子商务访问权限限制为仅登录用户。
要对未登录用户隐藏与 动态 页面相关的其他菜单项(即由 Odoo 自动生成的菜单项,例如在安装应用或模块时生成的 Events、Courses 等),请按以下步骤操作:
前往 网站 ‣ 配置 ‣ 菜单。
如有需要,展开相关网站的菜单列表。
选择您要隐藏的菜单项。
在 可见组 部分,点击 添加行。
搜索组 名称 角色 / 门户,然后 选择 它。
保存。
小技巧
您可以在该菜单项表单中进一步自定义菜单项。例如:
启用 新窗口 复选框,以便点击时在新选项卡中打开页面。
添加 相关页面 或 相关模型页面。
分配 父菜单 和/或 子菜单 以创建层级结构。
另请参阅
大型菜单¶
巨型菜单与下拉菜单类似,但它不显示简单的子菜单列表,而是显示一个划分为多组导航选项的面板。巨型菜单对于内容量大的网站或 电子商务网站 尤为实用,因为它们有助于将全部网页或 电子商务类别 纳入菜单,同时让所有菜单项一次性保持可见。
要创建巨型菜单,请按以下步骤操作:
巨型菜单使用默认 构建块 构建,这意味着必须逐个自定义每个组件。为此,请点击右上角的 编辑,然后选择巨型菜单。接着:
直接在构建块中编辑文本。
通过选择巨型菜单项并点击 编辑 按钮,来编辑 菜单项的 URL。
通过将相关块拖放到巨型菜单中的所需位置来移动菜单项。
点击相关块的 (移除)图标即可删除菜单项。
巨型菜单设计¶
要自定义巨型菜单及其各个 构建块 的整体布局,请打开网站编辑器,转到 样式 选项卡,然后进入 巨型菜单 部分。可用选项如下:
选择 模板 。
选择 大小 : 全宽 或 窄 。
如适用,切换 电子商务类别。
页眉和页脚设计¶
要修改页眉或页脚的设计,请点击右上角的 编辑 并选择页眉或页脚。然后转到 样式 选项卡,进入 页眉 或 页脚 部分。可用选项如下:
从下拉菜单中选择一个 模板 。
通过定义 主题 样式、自定义 颜色选项或 渐变 来选择 背景 颜色。
设置 内容宽度。
为页脚添加 边框,并自定义其大小、样式和颜色。
调整 圆角 以适应设计。
选择 阴影 选项。选择 无、预定义主题阴影,或通过定义 外阴影/内阴影、颜色、偏移、模糊 和 扩散 来配置 自定义 阴影。
要进一步自定义网站的页眉,请使用 页眉 部分中的以下页眉专属设计选项:
添加 滚动效果 以确定页眉在滚动页面时的行为。将鼠标悬停在效果上可预览。
切换 显示免责声明 选项,以在页眉上方显示横幅。您可以根据需要自定义横幅文本和 背景 颜色。
为所选页面选择 页眉位置:常规、隐藏 或 覆盖在内容之上。选择 覆盖在内容之上 时,您还可以自定义 背景 和 文本颜色。
小技巧
要在所有页面上隐藏页眉,请转到网站编辑器的 主题 选项卡。向下滚动到 高级 部分,然后关闭 显示页眉。
隐藏 的元素(在适用时包括页眉)可在 不可见元素 下找到。
将 默认 强调色 改为 主要 或 次要 颜色,以便在页眉中从视觉上区分下拉按钮。
定义 字体。
设置 格式 大小,并根据需要添加颜色。
要控制特定元素的可见性,请导航到 样式 选项卡的 显示/隐藏元素 部分,然后点击与您要显示或隐藏的元素相关的选项。您可以显示或隐藏:
要进一步自定义网站的页脚,请使用 页脚 部分中的以下页脚专属设计选项:
选择 滑出效果:常规 (即无效果)、悬停滑出 或 悬停滑出 + 阴影。
切换 滚动到顶部按钮 选项,以添加 (滚动到顶部)按钮,然后选择其位置。
切换 版权 开关以隐藏或显示版权声明。如果启用,可根据需要在 版权 部分添加颜色。
通过切换 页面可见性 开关来隐藏或显示当前页面的页脚。隐藏的元素(在适用时包括页脚)可在 不可见元素 下找到。
小技巧
您还可以将 内部内容 块 添加到页眉或页脚以进行进一步自定义,例如 电子商务专属页脚选项。