WordPress 页脚怎么编辑?4 种简单方法

WordPress 页脚怎么编辑?4 种简单方法

WordPress 页脚比你想象的更强大。你可以用它显示帮助用户理解你核心业务的重要信息、与品牌互动,甚至了解更多幕后信息。如果充分利用,你可以编辑 WordPress 页脚来提升品牌知名度、把用户导向法律和联系我们页面、改善用户体验,以及内链增强 SEO。

在今天的 WordPress 教程中,我会展示如何定制 WordPress 页脚,包含任何你想要的内容或信息。从简单的拖拽选项到钩子等更高级的方法创建个性化页脚内容,接下来你会了解更多编辑 WordPress 页脚的方法。

什么是 WordPress 页脚?

WordPress 页脚是 WordPress 网站的底部区块,通常出现在每个页面上。它通常包含版权声明、WordPress 页面链接、品牌元素、社交媒体图标、新闻通讯表单等信息。除此之外,你可以定制页脚包含任何你想要的内容。有很多方法可以做到。一些知名 WordPress 博客已经编辑了页脚来改善用户体验、互动、SEO 和品牌。

Hostinger 网站页脚。

Hostinger 页脚示例

你看到 Hostinger 如何用网站页脚包含更多信息和到产品页面、工具、支持、公司信息的链接吗?这是把网站页脚变成强大工具的经典例子,把用户导向网站上的重要页面。好处是这个页脚全站显示,无论你在网站哪里,离这些重要页面都只有一次点击。Hostinger 作为处理支付的企业,在页脚显示可接受的支付方式。这帮助潜在客户知道如何在网站付款。

Neil Patel 的网站页脚。

Neil Patel 页脚示例

Neil Patel 的页脚保持简单、简短、组织良好、不杂乱。它更侧重于把用户导向培训课程、工具、定价页面、联系我们页面和注册页面。页脚中的社交媒体图标链接到他的个人资料页面。感兴趣的用户可以点击这些链接在社交媒体上关注 Neil Patel。这是增加粉丝数的不错方式。虽然不如其他策略有效,但绝不是坏主意。现在,我们了解如何在 WordPress 博客中编辑页脚。

在 WordPress 自定义器中编辑页脚

WordPress 自定义器是编辑大多数 WordPress 主题页脚的最常见方式。大多数主题与自定义器集成,让你定制和编辑每个模板区块,包括页脚。如果你的主题有页脚构建器,你可以在自定义器中编辑它。我用 Astra 主题,它有三层页脚和页眉构建器。我们用这个做示例。其他主题(Kadence、GeneratePress、Neve 等)也有类似流程。

在 WordPress 仪表盘中进入 Astra 或你的主题,找到”自定义”选项。在 Astra 中,自定义菜单位于 Astra > 自定义

定位 Astra 主题的自定义选项

你自己的主题中,它可能在外观 > 自定义下。找到”自定义”选项后,点击打开自定义器界面。

Astra 页脚和页眉构建器示例

上图显示 Astra 页眉和页脚构建器选项。这个简单而强大的拖拽编辑器让你向页脚或页眉的任何部分或列添加 WordPress 小组件。点击”页脚构建器”菜单打开三层页脚区块。

Astra 三层页脚构建器

这个三层页脚构建器让你按需编辑或定制。点击每层的小设置齿轮图标打开”常规”和”设计”标签页。在这里,你可以用列、布局、对齐、内边距、外边距、边框和颜色等控件定制该特定页脚区块。

Astra 主题页脚构建器设置图标

要向页脚添加小组件,悬停在任何页脚列上显示 + 号,从可用选项中选择一个小组件。

Astra 主题 + 号和可用页脚小组件

现在,你可以通过添加 WordPress 块元素并按需编辑内容,向列中的小组件添加内容。点击小齿轮设置图标向小组件添加块。这会在块编辑器的左侧面板打开 +(块插入器图标)符号。点击它打开块搜索栏。

Astra 主题页脚向小组件添加块

从这里,你把块内容添加到小组件。接下来,你需要定制小组件。为此,点击页脚小组件上的”设计”图标。

Astra 每个小组件的设计选项

点击”设计”设置图标后,该特定小组件的定制选项被打开。用控件定制它,匹配网站品牌和消息。这个设置让你定制标题、颜色、字体标题、字体大小、外边距和边框等元素。

接下来,你添加到小组件的每个块都有自己的设置,让你定制其内容,就像在 Gutenberg 编辑器中一样。点击块内容任意位置,打开你添加到页脚小组件的任何块的设置。然后点击工具栏中的三个点,点击”显示更多设置“。

定制 Astra 页脚块内容

这个操作打开相应的块内容设置。可用设置取决于你添加的块。这里的关键是你可以像在 Gutenberg 编辑器中那样定制块。

Astra 块设置侧面板

定制完块内容后,点击发布让更改生效。另一个酷功能是:你向页脚添加内容时,自定义器的实时预览会实时显示,所以点击发布按钮前就能看到更改。

注意:Astra Pro 为编辑 WordPress 页脚提供更多控制选项。Pro 附加插件让你向页脚添加语言切换器元素、分隔线、增加元素数量、删除、克隆等。这里我展示如何向 Astra 主题页脚添加自定义设计或内容。

向页脚区块添加小组件

另一种编辑 WordPress 页脚的方法是通过小组件页面。许多经典 WordPress 主题让你直接向页脚、主侧边栏、页眉等添加小组件。你可以通过进入 WordPress 仪表盘的外观 > 小组件,从菜单点击”小组件”向页脚添加小组件。

WordPress 小组件菜单

如果这里没看到小组件,可能是因为你用的是全站编辑主题或其他类型主题。在小组件页面,查看你的主题允许拖放小组件多少个区域。每个主题有不同的小组件区域,可以添加块内容。我们再次用 Astra 主题做教程,通过添加小组件编辑 WordPress 页脚。

进入小组件界面后,根据你的主题,你可能会看到多个页脚小组件区域。没有特定的页脚区域数量;这完全取决于你的主题。如下所示,这个主题在页脚有两个小组件区域。

Widget 界面中的 Astra 主题页脚小组件

点击下拉图标展开小组件,点击 +(加号)块插入器图标。然后搜索你的块并添加到小组件区域。

向 WordPress 小组件添加块

添加块并定制它。要给内容块添加定制,点击特定块使其激活并打开定制面板。

小组件定制侧边面板

记住,你在这里看到的定制取决于块内容。完成后,点击页面右上角的”保存”或”更新”,让主题更改生效。你可以在 WordPress 小组件中添加任何块:社交媒体资料、新闻通讯、短代码、HTML 块、图片块、段落块、视频块等。

用 Astra Pro 定制页脚

假设你想为网站的特定文章或页面创建自定义页脚。Astra Pro 用其 Site Builder 功能让你做到。这本身不算编辑;更像是创建与整个网站页脚不同的个性化或自定义页脚。注意这是高级功能;要实现这个级别的定制,你需要 Astra Pro 附加插件。如果你没有 Astra Pro 主题附加授权,在这里获取

激活附加插件后,进入 Astra > Site Builder,点击”页脚布局”。

Astra Pro Site Builder 页脚布局

这会打开 WordPress Gutenberg 编辑器。现在,取决于你的设计技能和想做什么。你想对页脚应用什么类型的定制?你可以添加代码、图片、列、行、块元素,或用页面构建器设计页脚,把设计应用到单个页面、文章、网站、归档、特殊页面、分类、标签等。这里能实现的没有限制。设计完页脚后,点击编辑器顶部栏的 Site Builder 图标。这个图标显示设置,你可以在其中配置显示和用户条件、设备可见性、粘性和时间条件。

Gutenberg 编辑器中的 Site Builder 图标

  • 粘性设置让你选择滚动时让页脚粘在页面上;
  • 显示和用户条件让你选择自定义页脚显示在哪些页面/文章/分类法上。你还可以排除特定页面,为自定义页脚显示选择用户角色;
  • 设备可见性让你控制自定义页脚可见性;
  • 日期和时间条件让你设置自定义页脚的开始和结束日期。运行时间敏感的活动时这很有用。

Astra Site Builder 是强大工具,让你为任何页面创建自定义设计、向文章或页面添加自定义内容,并定制默认 404 页面、博客页面、归档页面等。它还有助于向任何模板区块添加脚本,如 wp_head、body 标签、页脚标签、侧边栏等。

在全站编辑主题中编辑页脚

全站编辑(FSE)主题在编辑页脚区块时采用不同方法。由于这种主题没有传统 WordPress 自定义器或页脚构建器,它利用 Gutenberg 编辑器编辑任何模板区块。要知道你的 WordPress 主题是否支持全站编辑器,悬停在”外观”上,检查菜单中是否看到”编辑器”。默认 WordPress Twenty Twenty 主题是全站编辑器。

全站编辑器 - 外观下的编辑器菜单

要编辑全站编辑主题的页脚,点击外观下的编辑器。这会打开站点编辑器界面。在站点编辑器界面上,向下滚动到页面底部区块,点击页脚任意位置。

站点编辑器界面 - 页脚区块

或者,点击模式 > 页脚,点击三个点显示”编辑”选项。点击它打开页脚模板区块,而不是首页。这让你只专注于页脚区块。

站点编辑器页脚 - Gutenberg 中的定制

你可以添加新块、编辑现有块、删除、重排和定制整个区块以匹配品牌。用右侧面板的设置定制活动块元素,用 + 号添加新块。编辑完页脚后点击保存。

总结

希望你读完这篇文章,找到了适合你 WordPress 主题的页脚编辑方法。无论你是新手、中级还是高级 WordPress 用户,这篇教程里都有适合每个人的内容。

最简单的方法是通过自定义器。前面提到,大多数经典 WordPress 主题提供这个选项,设计博客页面并实时预览更改。不过,考虑购买 Astra Pro,它为自定义页脚提供很难得的定制。你可以向网站任何区块添加自定义设计或内容。告诉我这篇文章中哪个选项最适合你。

常见问题解答(FAQ)

编辑页脚最简单的方法是什么?

用 WordPress 自定义器,也就是主题的”自定义”选项,Astra 里在 Astra > 自定义,其他主题一般在外观 > 自定义下。大多数经典主题都支持,而且是可视化操作,改的时候有实时预览,点发布就生效,最适合新手。

我用的主题在”外观”里找不到”小组件”怎么办?

说明你的主题可能是全站编辑(FSE)主题,这类主题没有传统的小组件页面。判断方法是悬停”外观”看有没有”编辑器”菜单,有的话就通过外观 > 编辑器进入站点编辑器,滚动到底部点击页脚区块编辑,或者通过”模式 > 页脚”单独编辑页脚模板区块。

能给不同的页面显示不同的页脚吗?

可以,但需要 Astra Pro 这类付费工具。用 Astra Pro 的 Site Builder 功能创建自定义页脚后,可以按页面、文章、分类法甚至用户角色设置显示条件,还能控制设备可见性和起止时间。这属于高级功能,免费版做不到。

改完页脚没生效是怎么回事?

最常见的原因是改完没点保存或发布。在自定义器里改完要点”发布”,在小组件页面要点”保存”或”更新”,更改才会生效。另外别忘了清一下缓存,浏览器缓存或缓存插件都可能让你一直看到旧版本。

编辑页脚需要懂代码吗?

不需要。文章介绍的几种方法里,自定义器、小组件页面都是纯可视化操作,拖拽和点选就行,向小组件里添加块也跟在 Gutenberg 编辑器里操作一样。只有当你想要更高级的定制时,才可能需要借助代码或页面构建器。

页脚里一般放什么内容比较好?

常见的有版权声明、网站页面链接、品牌元素、社交媒体图标、新闻通讯表单等。文章举的例子很有参考性:Hostinger 在页脚放了产品、工具、支持、公司信息链接和支付方式,Neil Patel 的页脚保持简单,主要导向课程、工具和联系页面。关键是放对用户有用的信息。

从一个具体问题开始

浏览 213 篇中文 WordPress 指南,找到可以立刻执行的答案。

浏览全部教程 →