Hunk

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

avada网站侧边栏和底部设置

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

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

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

1.了解widgets菜单

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

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

2. 设置好sidebar的内容

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

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

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

然后再添加几个内容

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

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

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

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

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

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

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

3. 调用sidebar

1)全局调用

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

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

然后按下图所示设置

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

2)单个页面设置

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

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

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可选

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

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,所以不用单独设置

退出移动版