跳过到主内容
< 返回
当前位置:
打印

设置页脚

目录

WoodMart 支持两种构建页脚的方式。推荐的方法是使用 Gutenberg、Elementor 或 WPBakery 将整个页脚创建为一个 HTML 区块,因为这样可以提供更大的设计灵活性。您也可以使用标准的 WordPress 小工具和预定义的列布局来构建页脚。

选择页脚构建方式

导航至 主题设置 → 页脚 以启用页脚并选择其内容类型。

  • HTML 区块: 推荐的方法。它通过您的页面构建器提供对页脚结构、内容、响应式行为和样式的完全控制。
  • 小工具: 使用按预定义列布局排列的标准 WordPress 小工具。

建议:使用 HTML 区块以获得最大的设计灵活性。仅为了获得列结构而将 HTML 区块添加到小工具列中会引入不必要的额外层级,因为完整的布局可以直接在一个 HTML 区块内构建。

使用 HTML 区块创建页脚

HTML 区块页脚可以包含列、菜单、新闻通讯表单、社交链接、图片、支付图标、横幅以及您所选页面构建器中可用的任何其他元素。

  1. 导航至 仪表盘 → HTML 区块 → 添加新
  2. 输入一个描述性标题,并使用 Gutenberg、Elementor 或 WPBakery 构建完整的页脚。
  3. 为桌面端、平板和移动设备配置布局,然后发布该 HTML 区块。
  4. 导航至 主题设置 → 页脚
  5. 确保 页脚 选项已启用。
  6. 页脚内容 设置为 HTML 区块
  7. HTML 区块 字段中选择已发布的区块,并保存主题设置。

有关创建和重用 HTML 区块的更多信息,请参阅 HTML 区块使用指南

主题设置中的页脚
td footer toggle el

移动设备上的可折叠内容

在移动设备上折叠小工具 设置不控制 HTML 区块内创建的内容。要在 HTML 区块页脚中创建可折叠部分,请使用页面构建器提供的手风琴、切换器或其他合适的元素。

移动设备页脚中的切换器

使用小工具创建页脚

基于小工具的方法使用预定义的页脚布局。所选布局中的每一列都会在 WordPress 中创建对应的页脚小工具区域。

  1. 导航至 主题设置 → 页脚
  2. 确保 页脚 选项已启用。
  3. 页脚内容 设置为 小工具
  4. 页脚布局 中选择一个结构并保存主题设置。
  5. 导航至 外观 → 小工具
  6. 将内容添加到生成的页脚列小工具区域。

例如,“三列”布局会创建三个页脚小工具区域。您可以在每个区域放置标准的 WordPress 小工具或 WoodMart HTML 区块小工具。但是,当整个页脚需要自定义设计时,选择一个 HTML 区块作为页脚内容通常更直接。

所有页脚设置
小工具中的页脚 HTML 区块
在 Elementor 中编辑页脚

页脚样式和行为

以下选项可在 主题设置 → 页脚 中找到。

  • 页脚背景: 设置主页脚区域的背景颜色或图片。
  • 页脚文字颜色: 为页脚文字选择“默认”、“深色”或“浅色”配色方案。
  • 粘性页脚: 将页脚显示在页面内容之后,并在访问者滚动到页面底部时显示它。
  • 在移动设备上折叠小工具: 在移动设备上折叠页脚小工具区域,并在访问者点击其标题时展开。此设置仅适用于“小工具”页脚内容类型。
  • 返回顶部按钮: 显示一个按钮,使访问者返回页面顶部。
WoodMart 中的粘性页脚效果
移动设备上折叠的页脚小工具
返回顶部

版权信息

版权信息部分显示在主页脚下方。导航至 主题设置 → 页脚 → 版权信息 进行配置。

  1. 启用 版权信息 选项。
  2. 版权信息布局 设置为 两列居中
  3. 将主要内容添加到 版权信息文本
  4. 对于两列布局,可将可选的次要内容添加到 版权信息旁的文本
  5. 保存主题设置。

两个内容字段都支持短代码。次要字段可用于支付图标、社交按钮、HTML 区块短代码或其他补充内容。

版权信息设置
前端显示的版权信息

页脚前区域

页脚前区域是一个可选的内容区域,显示在主页脚之前。导航至 主题设置 → 页脚 → 页脚前区域 进行配置。

  1. 页脚前区域内容 设置为 文本HTML 区块
  2. 如果选择“文本”,请在 文本 字段中输入内容。
  3. 如果选择“HTML 区块”,请在 HTML 区块 字段中选择一个已发布的区块。
  4. 保存主题设置。
页脚前区域设置
前端显示的品牌区域

在单个页面上禁用页脚部分

WoodMart 允许您覆盖单个页面的全局页脚配置。编辑所需页面,打开其 WoodMart 页面设置,并根据需要使用 禁用页脚禁用页脚前区域禁用版权信息

注意:页面级设置仅影响所选页面。所有其他页面继续使用主题设置中的全局配置。