如何修改divi主题中的WordPress底部栏Footer中的小工具widget模块?

word-image-28-e1589023181310

在使用WordPress做网站的时候,

网站的底部栏footer也是网页中重要的一部分,

可以放置一些公司信息和联系方式。

刚安装好一个新的divi主题后,

很多朋友会发现底部栏混乱的一塌糊涂,

但是不知道在什么地方修改和对底部栏进行排版。

在这篇文章中,

WP花园将会教大家如何修改和编辑divi主题中的footer底部栏。

什么是底部栏

底部栏在WordPress网站的每个页面中都是固定存在的。

footer底部栏可以放置公司简介,产品信息,文章标题,联系方式等不同的信息,可以方便客户快速获取公司信息。

在WordPress中,底部栏基本上是通过放置小工具widget来添加内容的。

一般WordPress网站会在【外观/小工具】里面进行编辑,当然divi主题也不例外。

真实案例分析

在WordPress建站的网站中,网站需要在网页的footer底部中设置底部栏信息,

那么使用divi可以快速的调整和制作网页的底部栏菜单,就能很好地满足这个需求。

底部栏编辑步骤

我们将用使用divi来演示如何编辑制作如下的底部栏:

word-image-28-1024x456

在WordPress仪表盘页面中点击[外观/小工具]进入底部栏的编辑设置页面。

word-image-29
word-image-30-1024x514

一般的底部栏主要为第1到4个脚注页面,

在我们需要编辑的对应脚注页面中点击右边小按钮可进行页面设置。

word-image-31-1024x336

左边的可用小工具是添加到脚注页面中进行设置。

要激活某一个小工具时将它添加到对应的脚注页面中,

要删除时可将它拖回来。

word-image-32

在左边可用小工具中选中你所要的工具,

点开按钮选择好所要放置的对应“脚注页面”中,

最后点击下方的添加小工具。

注意:也可以直接拖到对应的脚注页面中。

word-image-33-1024x524

就可以在对应的脚注页面中展示出来,

点击按钮可进行编辑。

word-image-34-1024x515

标题:【输入对应标题】

在下方中输入所对应的文字信息内容,输入完成后点击保存。 word-image-35

脚注页面2的产品类别,

在左边选择“产品类别”的小工具,

添加到对应的脚注页面。

word-image-36-1024x541

点击按钮进入编辑页面,

在标题中输入脚注页面标题,排序方式分为分类排序和名称,选择你所需要的排序方式。

word-image-37-1024x498

可以选择所需要的展示样式,

在最大层数中可以设置对应的导航栏显示设置。

设置完成之后点击保存,便成功添加产品类别信息。

word-image-38-1024x440

脚注页面3的近期文章,在左边选择“近期文章”的小工具,添加到对应的脚注页面。

word-image-39-1024x580

在标题框中输入标题,

可以设置显示文章数和是否显示文章日期,设置完成保存即可。

word-image-40-1024x489

脚注4添加联系方式,先在右边选择文本工具添加到页面中。

word-image-41-1024x494

点击页面进入文本编辑,输入标题和内容,设置完成点击保存。

word-image-42-1024x539

设置完成后,

点击保存,

就可以在网站页面中的底部栏展示刚刚设置好的信息内容。

word-image-43-1024x318

后期若需要更改信息时,

会到小工具页面,

点击按钮就可在对应的脚注页面中进行编辑。

WP花园结语

底部栏footer是网站每个页面的固定存在,

可以展示公司的重要信息内容,以便客户快速了解公司信息。

我们公司在使用WordPress为客户开设计网站的时候,都会在网页中设置footer底部栏,

可以方便快速的获取信息。

设置好底部版块后,也方便谷歌提升SEO优化的排名。

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论