在WordPress中,调整你网站的Footer并不完全是直接的。事实上在有些情况下,它可能是很烦人的。

然而,在你的网站的每个页面上都有一个Footer。

现在是时候让我们看看如何改变你的Footer,以提高可用性、成交率和吸引力。

在这篇文章中,你会学到4种改变WordPress Footer的方法,让你选择最适合你生意的方法。

编辑你的WordPress页脚的4种方法

我们将一起研究更新你的WordPress网站页脚的4种方法。

不是那些微小的、一次性的调整,如添加版权文本。我们考虑的是结构、风格、信息和功能的完全定制。

我们更喜欢使用Thrive Theme Builder的事实不会令人惊讶,但我们仍然想提供一个公平的比较,以便你可以适当地评估它。

让我们现在开始...

选项1:直接编辑HTML代码

如果你对使用HTML、PHP和CSS代码有信心,你可以直接更新你网站的Footer。

请前往:

WordPress > Appearance > Theme Editor

wordpress appearance theme editor

你应该能够在右边的主题文件列表中找到你的Style和主要的Footer文件(footer.php)(style.css)。

要直接更新你的WordPress Footer,你需要这两个文件。

(当然,还有其他方法来编辑这个文件,包括FTP-默认的WordPress文件编辑器)。

Editing theme files directly in WordPress

优点

所有的WordPress主题都支持这种方法,但是你的主题越复杂,编辑代码会破坏重要的网站功能的机会就越大。

如果你有一个真正属于你的WordPress主题,这可能是你编辑网站页脚的唯一实用选择。

缺点

这个是编辑页脚Footer的最不友好和最复杂的方法。

编辑代码需要大量的专业技术和知识。因为如果做得不对,可能会毁掉你的网站,所以通常最好留给网页设计师来做。

即使你精通编辑代码,这个过程也可能是乏味和烦人的。每个WordPress主题都是独特的;有些包含大量的隐秘的PHP代码或依赖关系,也必须在其他文件中进行编辑。

当你直接编辑代码时,在你想要的东西和它必须被构建的方式之间增加了大量的抽象性。

除非你是一个全职的开发人员,否则编辑你的WordPress代码的过程是非常缓慢的。

选项2:应用WordPress主题的外观定制器 Appearance Customizer。

只有少数WordPress主题提供外观定制器页脚编辑选项。

顾名思义,它更像是一种定制页脚footer选项的便捷方式,而不是完全改变设计。

不是所有的主题都允许你自定义页脚footer。如果你的主题允许,你可以去了解一下。

WordPress > Appearance > Customize

theme customize

简单主题并不提供对 WordPress Customize 的页脚编辑器(Footer Editor)的更改。

像Astra等商业主题的页脚就有更改的选项。

theme footer builder

你的主题是否允许自定义页脚?

作为一个相当复杂的WordPress主题,Astra主题是这种定制水平的一个很好的说明。文本可以被修改,颜色可以被改变。与直接编辑代码相比,这是一个巨大的进步。

但它仍然是一个受限制的一种方法。一切取决于你选的Wordpress主题能够开放多少让你更改的选项。

astra theme footer edit menu


优点

外观定制器Theme Customizer使很多选项可以被修改,否则这些选项会被埋在复杂的代码下面。这对非技术性的用户来说可以节省大量的学习的时间成本。

它简单变化了所需要的写代码时的抽象思维。过程和结果之间的关系可以看得更清楚。比起迷失在编写代码中,不如从调色板中选择一种颜色,感觉很直观。

缺点

关于你可以修改什么和如何修改,你仍然是由主题设的设计而决定的。

编辑并不是 "外观定制器 "所要做的。它更像按下按钮和填入一些空白处。如果一个特定的按钮不可用,你就会被卡住。像是你有些主题是无法选择背景颜色,改变字体,或添加额外的第栏目。

如果你的自定义器不提供某个特定的选项,你仍然需要编辑HTML和CSS代码

尽管不那么抽象复杂,这种方法仍然没有达到真正的可视化编辑的理想。要把你想要的东西变成一个最终的设计,仍然需要花费大部分时间Fo。

定制器的设计是为了实现广泛的调整。因此你只能为你的整个网站使用一个特定的页脚设计。(我们将在后面讨论为什么你可能喜欢不同的页脚Footer)。

最后,对于需要最简单的调整方式来达到更多复杂设计的页脚编辑来说,这种方法很快就会让人厌烦。每次在编辑器和实时页面之间切换时,都需要刷新浏览器。

*编辑,切换,刷新,检查,再切换 - 不停的重复。

选项3:使用Wordpress小工具 Widgets。

对于WordPress网站,部件提供了简单的布局和定制选项。只要决定哪些组件会出现在你的页脚,以及以什么顺序出现。

这一功能可在:

WordPress > Appearance > Widgets

Theme Widgets

同样,每个主题都提供了各种小部件的选择,但即使是默认的主题也提供了页脚定制选项。

让我们添加一个Youtube和一个搜索框。

footer widgets

改变WordPress的页脚小部件

种编辑页脚的方法快速而简单,但它只与你的主题和插件提供的小工具兼容。

如果你想做的只是改变页脚文本或添加你最近的文章列表,这种方法可能是最有效的。它很容易使用,而且被大多数WordPress主题所支持。小工具对于任何更复杂的事情来说都太受限制了。

优点

它是对新手小白来说万无一失的小工具。对我来说,能集中精力完成一项任务而又能掩盖所有分心的工具是很有用的。

标准的WordPress小工具。让你的团队更新WordPress页脚的内容和布局,与设计无关。这意味着你的设计是固定和统一的。

缺点

使用了页脚小工具,几乎是不可能改变设计了。先进的WordPress小组件可能允许你切换一些选项或改变主要颜色,但仅此而已。这既是小工具的优点,也是缺点。

如果你确实想进行样式修改(比如字体、颜色或填充),你仍然需要直接编辑你的WordPress样式表 - CSS,这表明你需要一个网页工程师,或者花时间学习技术知识。

小工具Widgets就像上面提到的每一个页脚定制技术一样,离完成设计还有一段距离。它要求你切换并刷新你的网站,因为你不是在编辑你的页脚,而是在编辑一个选项框。

通常情况下,小工具对整个网站的影响。一个网站都用同一个页脚。不同的页脚设计不能显示在特定的页面模板上。

选项4:使用Thrive Theme Builder编辑你的页脚Footer。

想象一下,只需点击你的页脚,就能进行调整。没有抽象,窗口切换,或重复按F5。

这就是Thrive Theme Builder的目标

  • 想改变两个组件?只需拖放即可。
  • 你想改变你的电话号码吗?只需点击进行编辑。
  • 你想删除一些东西吗?简单地删除它。
  • 你想要放置第三方部件吗?没有问题!

实际上,通过Thrive Theme Builder,编辑你的WordPress页脚变得简单、快速和强大。Shapeshift主题和Thrive Theme Builder提供了最灵活的选择。

当然,你现在可能半信半疑。所以,让我演示一下,而不只是告诉你。

从各种专业创建的页脚模板中挑选。

要制作一个漂亮的网站页脚,你不必从头开始。
Thrive Theme Builder里有非常多很棒的预制页脚的选择。只需选择一个与你的网站基本相似的模板,可以节省时间。

请记住,这些只是起始点;你的页脚仍然可以完全定制.。把它们看作是一个范例,不需要为寻找理想的页脚而烦恼浪费太多时间。

footer template

你可以在你的主题中使用预先设计好的页脚模板。

把它变成自己心中的页脚

尽管我们的页脚设计是一个很好的开始,但我们还是希望你能有自己的创造力

Thrive Theme Builder中有一个设计组件库,可以随时放入你的页脚。

thrive theme builder design element

thrive theme builder design elements.

这里包括最基本的如你的标志之类的组件,到复杂如一个联系表格或导航菜单都可以找得到。

专业的开发和对移动设备的响应,所有的设计元素对应着移动设备等不同的专业设备做开发。

同样的作为一个起点,基本上90%的工作已经完成。过后可以随意做任何你认为必要的修改。

关于Thrive Theme Builder的页脚定制的更多技术细节可以在这里找到。

真正的所见即所得

更准确地说,网页访客看到的正是你所修改的。

你可以通过使用Thrive Theme Builder改变你的WordPress页脚,是最接近你想呈现的网站效果。
Visual Editor视觉编辑器给出了你网站的确切写照。

不需要再不停得重复靠想象、切换和刷新。只需点击就可以开始修改内容。

在同一个地方编辑你的页脚的外观和内容。

其他页脚修改方式。内容和风格化是分开的。很多时候你可以改变文字,但不能改变字体。或者可以修改颜色但不修改布局。

它们迫使你在多个浏览器页面上操作。除了最简单的页脚组件外,编辑任何东西都是一个混乱、痛苦的过程。

Thrive Theme Builder 是与别不同的。你可以在可视化编辑器中修改任何东西。包括初始模板、设计、字体、填充、响应性和内容等所有东西。-----在一个地方。

这意味着你不需要任何CSS技术,也不需要给Wordpress小部件添加奇怪的HTML。

不要再使用像 <div>、<span> 和 <br />等这样的标签了!

动态内容

Thrive Theme Builder应用了智能网站技术,使你能够很快的修改在你的网站页脚显示动态内容。

这确保整个网站措辞一致变得很简单,不会出现拼写错误或过时的信息。

在智能网站仪表板上创建一个讯息,只需输入...

Edit-WordPress-Footer-Image-02

创建通用讯息,供整个网站使用

它在你的网站上选择的任何地方自动更新讯息,比如在页脚。

Edit-WordPress-Footer-Image-11

自动放上你的地址、电话号码和电子邮件地址

当然这并不只局限于简单的参数,如地址或电话号码而已。你能想到的任何东西都可以被添加!

  • 隐私声明
  • 免责声明
  • 经营时间
  • 个别零售地点和电话号码

当然,这些数据并不局限于你的页脚,可以在你主题的任何地方显示

根据页面的类型显示不同的页脚

通过Thrive Theme Builder,你可以为每种类型的页面显示不同的页脚。

在WordPress中,这些被称为页面模板。

  • 主页 Homepage
  • 网页 Pages
  • 博客文章 Blog Post
  • 存档页面 Archive Pages
  • 搜索结果页面 Search Results Page
  • 404页面 404 Page
  • 客制页面模板 Custom Page Templates

那么这些到底提供了哪些优势呢?

对许多公司来说,这么复杂又客制化的网站页脚设计是没有必要的。但对于某些网站来说,这可能是一个非常强大的功能。

这里有一些想法。

  • 你可能想显示每个作者的在线作品集的几个链接和他们各自的联系细节。
  • 你可能想在网站上添加一个商店地图,但又不包括博客文章
  • 你可能只需在定制的模板上使用简单的页脚,如目录列表。

对各种屏幕尺寸的完全适配

Thrive Theme Builder的页脚模板在所有屏幕尺寸上的功能都是完全适配,点开即可使用。

从电脑显示器到平板电脑或智能手机,Thrive Theme Builder的设计确保每一个组件在不同的设备都具响应性以及优化的。不需要做其他调整。

但如果你想特别设定在特定的设备上,那也很很简单!你可以让你的页脚修改只适用于移动设备。

最简单的方法就是在Thrive Editor左侧边栏为特定设备隐藏设计组件做修改就行了。


最小化功能以提高在微小显示器上的可用性

如果这样做能帮助你的公司,相信你会很乐意的为移动设备开发完全不同的页脚设计

总结

网络页脚经常被忽视。

虽然在WordPress中修改它们可能很烦人,但它们的作用远不止是标志你的文章的结束。我也相信很多网站还是会都继续使用默认主题附带的页脚。

我为你提供了4种改变WordPress页脚的方法;看看你有什么问题或想法,可以下方留言一起讨论。😊

About the Author Dinoyeong

我是 20 MIN CREATIVE的创办人。我在服务行业(主题乐园)有超过10年的经验。我喜欢带给身边的人欢乐。在 20 MIN Creative里,我希望可以通过分享不同的网上创业的知识来创造每个人的资产性的收入。让你们有更多的时间陪伴你的家人。:)

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

Free!

Book [Your Subject] Class!

Your first class is 100% free. Click the button below to get started!

>