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