Hunk » 外贸建站 » Avada主题 » 怎么设置AVADA网站的sidebar和footer?

怎么设置AVADA网站的sidebar和footer?

AVADA网站的sidebar和footer是常用的设置板块,今天就来讲怎么设置AVADA网站的sidebar和footer(即侧边栏和页脚)

1. Avada主题的sidebar侧边栏设置方法

sidebar也称侧边栏,一个页面可以有一个或两个sidebar,一般建议设置一个sidebar即可。对于B2B企业网站来说,sidebar一般放左侧,而对于博客来讲,一般放右侧(如我的博客)

1.了解widgets菜单

进入wp后台-appearance-widgets里面,左侧available widgets部分是小工具,这些小工具可以加入到右侧sidebar和footer里面实现相应的功能

怎么设置AVADA网站的sidebar和footer 1

右侧就是sidebar和footer的区域,还有sliding bar

怎么设置AVADA网站的sidebar和footer 2

2. 设置好sidebar的内容

sidebar的内容都是由widgets小工具组成的,如果只需要把需要的widgets加入到sidebar中并设置好即可

系统默认已经帮我们新建了一个blog sidebar,并加入了一些内容,我们只需要在这个sidebar里面进行增加或减少即可

怎么设置AVADA网站的sidebar和footer 3

我自己一般只保留search功能,剩下的几个都删除。删除的方法非常简单,只需要左健按住对应的widget,并拖出来,就能删除了。

然后再添加几个内容

1)产品分类,在sidebar中加入这个部分,可以让产品分类页面和产品页面更多曝光,有利于产品的转化。

首先需要在appearance – menu里面新建sidebar menu,然后加入内容,保存后,再把custom menu(如果没有就用navigation menu)这个widgets加入到sidebar里面(添加的方法也非常简单,只需要左键按住这个widget然后拖到sidebar里面即可),title填Product category(这个可以随便写),菜单选择之前新建的sidebar menu,然后保存即可

怎么设置AVADA网站的sidebar和footer 4

2)联系表单,好处不用多说,让客户想发询盘的时候就能马上发

title这里填free to contact us,visual框里面粘贴cf7表单的shortcode,并保存

怎么设置AVADA网站的sidebar和footer 5

3)其他内容,这个由你自己决定,需要加什么内容到sidebar直接拖进去,编辑好并保存即可

如果需要添加几个sidebar,只需要widgets在页面上面的add new widget 点section,输入你的sidebar名字,并点击确定。在下面右侧的sidebar和footer区域就会出现新的sidebar 1

怎么设置AVADA网站的sidebar和footer 7

然后再用相同的方法加入不同功能的widgets小工具到sidebar里面即可

3. 调用sidebar

1)全局调用

全局调用的意思是所有类型的网站页面(pages, post或portfolio)都使用同一个sidebar并将sidebar放同一位置。一般我会将所有的portfolio都用同一种sidebar,具体操作如下

首先进入wp后台-avada – theme options – sidebar – portfolio posts

怎么设置AVADA网站的sidebar和footer 8

然后按下图所示设置

怎么设置AVADA网站的sidebar和footer 9

如果你需要在其他类型的页面,如pages页面,加上全局的sidebar,那方向跟上面是一样的。

2)单个页面设置

如果你只需要在少数几个页面加上sidebar,那只需要进入到相应的页面后台,在页面下方找到fusion page options,找到sidebar设置好对应的sidebar和显示位置,保存。刷新页面,即可看到

怎么设置AVADA网站的sidebar和footer 10

有一种情况下是加不上sidebar到page页面的,即这个页面的template选择了100%的全宽模式,这样无论你全局加,还是单个页面加,都加不上sidebar

怎么设置AVADA网站的sidebar和footer 11

2 Avada主题的Footer页脚设置方法

有人称header为页眉,footer为页脚,不论叫什么,意思懂了就行

1. 设置footer区域的个数

AVADA默认在footer有4个功能区,所以在widgets里面可以看到footer widget 1 ~ 4,如果你需要分成更多的功能区或者减少功能区,就需要进入wp后台- avada – theme options – footer- footer content里面选择footer的个数,从1到6可选

怎么设置AVADA网站的sidebar和footer 12

如果选择了6个,保存后,widgets里面就会多出现6个footer widget,而且是等分的

怎么设置AVADA网站的sidebar和footer 13

2. 添加内容到footer widget

参考sidebar的加入方法,一模一样的设置,直接把需要的widget加入到footer widget里面即可。

一般从左到右显示最重要到最不重要的内容,以下是我的footer widget设置内容

footer widget 1   recent works最新产品显示

footer widget 2   product category 产品分类

footer widget 3  询盘表单或联系方式页面

footer widget 4  recent posts 最新文章

footer widget 5  brief introduction 公司简明介绍

3. 调用footer

默认所有的页面只共用一个footer,所以不用单独设置

扫一扫,分享朋友圈

怎么设置AVADA网站的sidebar和footer?

关注Hunk微信公众号

Hunk,10年进入外贸行业,从事外贸业务,12年转型技术,从事外贸建站营销工作。 如果你准备搭建外贸独立站,本站有很多专业的技术文章供你参考。 Hunk推荐在namesilo上购买域名,在sitegroundcloudways上购买空间,使用Google企业邮箱。 当然,如果你对技术不擅长也没时间研究,可以找Hunk外包建站或付费解决问题

“怎么设置AVADA网站的sidebar和footer?”上的8条回复

请教下博主,我在页脚上的footer widget 1 中添加文本框,写入文本内容后,自动居中了,想改成左对齐,在哪儿设置,找了半天没找到!!!汗,,

把我录的WP教程好好看一遍,就会了,https://www.imhunk.com/website-building-tutorials/wordpress-basic-tutorials/

Hunk, 你好,请教一下blog的sidebar问题,我的blog汇总页面不管怎样设置都显示不了sidebar,不知道怎么回事啊?而每篇blog打开却有默认的blog sidebar,麻烦给指点下,谢谢!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注