AVADA网站的sidebar和footer部分是非常常用的设置，今天就来讲怎么设置AVADA网站的sidebar和footer
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这个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
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，所以不用单独设置
网友评论