如何在 WordPress 中编辑页脚(简单指南)

已发表: 2022-11-05

网站页脚一直是网页设计中最难做到的元素之一。 WordPress 页脚也不例外。 无论您只是希望弄清楚如何删除页脚中的“Proudly Powered by WordPress”,还是尝试完全重新设计您的页脚,了解如何在 WordPress 中编辑您的页脚都是必不可少的。

在这篇文章中,我们将介绍编辑 WordPress 页脚的最有用的方法,以便您选择适合自己的方法。

以下是我们将介绍的内容:

  • 如何使用 WordPress 主题定制器编辑页脚
  • 如何在 WordPress 中使用完整的站点编辑(和模式)编辑页脚
  • 如何使用 WordPress 插件编辑页脚
  • 如何使用 Divi Theme Builder 编辑页脚

如何在 WordPress 中编辑页脚(4 种方式)

页脚自定义是 WordPress 内置的,因此每个网站都有某种编辑和设计方式。 借助新的 WordPress 块编辑器和 WordPress 的完整站点编辑功能,WordPress 用户(尤其是 WooCommerce 网站)编辑页脚变得越来越容易。 但并不是所有的主题都是一样的,一些经典的主题会依赖于较旧的方法。

考虑到这一点,这里有 4 种在 WordPress 中编辑页脚的方法。

1. 如何使用 Theme Customizer 在 WordPress 中编辑页脚

WordPress Customizer 是一个很棒的工具,可让您更改 WordPress 网站的外观。 使用定制器,您可以更改页脚(和主题)颜色、字体和其他样式选项。 您还可以将自定义小部件和菜单添加到页脚。

请注意,随着块编辑器获得越来越多的功能和采用,传统的定制器体验在主题中的使用越来越少。 如果“自定义”按钮将您带到块编辑器,您将在接下来的部分中学习如何处理它。

在您的管理仪表板视图中,单击“外观”,然后单击“自定义”。

WP Customize - 编辑 WordPress 页脚步骤 1

这将打开 WordPress 的视觉网站编辑体验之一。 根据您的主题,该区域内的选项会有很大差异。 在这个例子中,我们使用流行的 Twenty-Twenty 主题。

如何将新块添加到页脚区域

要在定制器中编辑页脚小部件,请单击小部件,然后滚动到页面底部。 查找页脚小部件区域以查看在自定义视图中可编辑的页脚部分。 为了更快地到达那里,您还可以单击蓝色铅笔图标以更快地到达那里。

WP Customize - 编辑 WordPress 页脚步骤 2-3

您可以使用配对的块编辑器编辑这些小部件区域。 您可以向该小部件区域添加或删除块。 请记住,主题定义了小部件区域的结束位置。

要添加页脚导航菜单,请将导航块添加到页脚小部件区域之一。 如果您的网站上有多个菜单,您可以选择您想要的菜单,并为该块提供显示的标题。

在 WordPress 定制器中更改主题颜色

二十二十个 WordPress 默认主题具有更改主要主题颜色的能力。 您可以选择网站的页眉/页脚背景颜色、正文背景颜色和主要强调色。 这会在网站上使用它们的任何地方动态更改这些颜色。

WP Customize - 编辑 WordPress 页脚步骤 7

设置原色最显着地改变了链接文本的颜色。

添加自定义 CSS 以在 WordPress 定制器中编辑页脚样式

定制器可以将自定义 CSS 添加到您的网站并预览其外观。

在定制器的根窗格中,导航到 Additional CSS(最后一个选项)。 对于这个例子,我们将使用一个简单的 CSS 片段来更改页脚的背景颜色,如下所示:

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
background-color: aliceblue;
}

添加 CSS 后,我们将立即看到它的外观预览。

您可以选择任何预定义的 CSS 颜色名称或十六进制代码。 在您拨入 CSS 以将其应用到您的网站后,发布您的更改。

块编辑器 - 编辑 WordPress 页脚步骤 6

不同的页脚按主题自定义选项

某些主题采用完全不同的方法在定制器中编辑页脚(和其他网站部分)。 有太多这样的主题要显示,但它们在定制器中提供了额外的选项,用于编辑样式、布局和一般功能。

2. 如何在 WordPress 中使用完整的站点编辑和块模式来编辑页脚

如果您的主题是块主题,则在 WordPress 块编辑器中编辑页脚非常容易。 为了向您展示这是多么容易,我们将使用二十二十二默认主题编辑页脚。

单击“外观”,然后单击“编辑器”。 这将在块编辑器中加载您网站的主页。

块编辑器 - 编辑 WordPress 页脚步骤 1

接下来,一直向下滚动页面,直到看到您网站的页脚。 然后,单击页脚部分开始编辑。 您将能够像在块编辑器中编辑页面或帖子一样编辑页脚。

但是,如果您不熟悉此编辑器的工作原理,请阅读这篇解释如何使用块编辑器的文章。

块编辑器 - 编辑 WordPress 页脚步骤 2-3

您也可以将块元素添加到页脚。 尝试为您的徽标添加页脚菜单(称为导航块)、图像块,甚至为外部电子邮件订阅者表单添加自定义 HTML。

块编辑器 - 编辑 WordPress 页脚步骤 4

此外,如果您想编辑页脚,不受干扰,只需单击两次即可。 单击垂直省略号 (⋮) 菜单图标并选择“编辑页脚”。

块编辑器 - 编辑 WordPress 页脚步骤 5-6

这将打开一个新的编辑视图,该视图会删除除您正在编辑的页脚之外的所有其他页面元素。 此视图中的块编辑器的工作方式相同 - 只是更加专注。

块编辑器 - 编辑 WordPress 页脚步骤 7

复制预制的页脚块模式

模式是块编辑器的新增功能。 模式使设计师能够创建精彩的块配置并与其他人分享。 公共模式可以在块模式目录中找到。

出于我们的目的,您可以搜索“页脚”的模式。 这将缩小您可以选择的列表。 将鼠标悬停在您喜欢的任何图案上,单击复制,然后返回您的网站。 模式代码将在您的剪贴板中——可以粘贴了。

添加 WordPress 块页脚模式 - 1-3

添加一个新的自定义 HTML 块。

添加 WordPress 块页脚模式 - 4-6

在 HTML 块中,将复制的页脚模式代码粘贴到其中。

添加 WordPress 块页脚模式 - 7

之后,选择预览,然后将自定义 HTML 转换为块。 这将使每个项目都可以通过块编辑器进行编辑。

添加 WordPress 块页脚模式 - 8-10

在您的编辑器中,您将看到模式已成功转换为块,您可以对其进行编辑以满足您的需要。

添加 WordPress 块页脚模式 - 结果

这些模式是由一般 WordPress 社区创建的,希望它们在质量和设计上有所不同。 像 Divi 这样的页面构建器将 WordPress 模式提升到一个全新的水平,拥有数百个由专业设计团队和摄影师创建的预制布局和页脚模板。

3.如何使用插件删除“Powered by WordPress”

有时,您需要在页脚中进行的所有编辑都是从页脚中删除一些主题品牌。 许多主题开发人员很难从您的页脚中删除他们的公司名称和链接(尤其是免费主题)。

使用插件删除主题品牌或经典的“自豪地由 WordPress 提供支持”很容易。 下载删除页脚信用插件。

选择您不想显示的页脚文本并将其复制到剪贴板。 在我们的例子中,我们试图在示例页脚中删除“Powered by WordPress”。

删除页脚信用 - 1

转到“工具”和“删除页脚信用”。 将页脚中的文本粘贴到顶部字段中。 您可以选择替换文本或将第二个字段留空。 单击保存并享受更清洁的页脚。

删除页脚信用 - 2-5

在您的实时网站上查看页脚。

删除页脚信用 - 结果

如果页脚元素仍然存在,请尝试将文本分成单独的行。 请注意您添加到此插件的文本。 如果您试图从您的网站中删除一个非常常见的词,它可能会在您网站的其他地方消失,而不仅仅是在页脚中。 有些主题确实不希望您能够删除页脚信用,因此您可能会遇到对该插件为您工作的热情反对。

4. 如何使用 Divi 构建和编辑 WordPress 页脚模板

Divi Theme Builder 为您提供创建整个主题设计所需的一切。 这包括一个完美拨入的页脚。 大多数主题将您的设计选项限制在 WordPress 网站的页脚或页眉等区域。 Divi 为您提供了对页眉和页脚的完全创造性控制,并提供了使其工作的工具。

要开始创建页脚,请打开 Divi 主题生成器,然后在默认模板上选择“构建全局页脚”。

Divi Theme Builder - 自定义页脚 a 1-3

这将拉出一些选项。 选择“从头开始构建”以构建您想要的确切页脚。 这将打开 Divi Visual Editing 界面并允许您开始构建页脚。

由于这是一个“全局页脚”,它将出现在您的所有页面上。 可以在单独的页面上创建属于页脚上方的其他内容。

Divi Theme Builder - 自定义页脚 a 4

从那里,您可以设计一个可应用于所有网站页面的页脚。

如果您想要一个关于如何创建自定义页脚的优秀教程(从头到尾),请查看这个创建自定义页脚的完整教程。 这是你为自己创造的最终结果。

Divi Theme Builder - 自定义页脚示例教程

当然,您可以根据自己的需要和喜好完全自由地编辑页脚。

关于在您的 WordPress 页脚中包含的内容的提示

访问者希望某些信息位于您网站的页脚上。 尽管在页脚设计中存在创意空间,但始终最好让您的页脚内容与用户期望的内容保持同步。 除了页眉之外,页脚可能是您网站上最明显的空间。 因此,它应该包含对您的访问者和您的公司最重要的信息和链接,包括:

  1. 社交资料和社区
  2. 相关页面(服务、博客、帮助等)
  3. 特定公司/网站信息(服务条款、职业、关于、联系信息等)
  4. 版权声明和注册商标

优雅的主题 - Divi 网站页脚

如果您在实体店经营本地企业,我们始终建议您将 NAP 添加到页脚。 NAP 代表:

  1. 企业名称
  2. 商务地址
  3. 电话业务数

NAP SEO 页脚示例

在您的网站、Google 我的商家资料以及 Yelp 和 Facebook 等其他本地列表中保持这些详细信息的格式一致非常重要。 一致的 NAP 位置至关重要,因为它有利于您的商业网站的 SEO。

归根结底,页脚应反映客户期望从您的业务中获得的“转到”信息。 不要包含没有意义的内容,并确保链接您最重要的页面。 有关更多信息,请查看这 5 个其他页脚提示,以帮助您创建更用户友好的页脚。

结论

对于大多数人来说,编辑页脚的最简单方法是利用 WordPress 中新的全站点编辑功能。 这允许您使用 WordPress 块在 WordPress 编辑器中编辑全局页脚。 对于那些在创建或编辑页脚时想要完全控制设计的人来说,Divi 的主题构建器是您的不二之选。 这不仅为您提供了对页脚的完整设计和功能控制,而且还允许您将专业设计的模板预加载到您的网站上。

有关更多信息,请查看我们关于如何使用 WordPress 块编辑器的帖子。

全球主题构建器区域(例如全球页脚)如何提高您网站设计过程的质量和速度?

特色图片来自 Superstar / shutterstock.com