Kadence主题设置7：如何给wordpress网页设置侧边栏

通常你浏览网站的时候，都会在网页上看到有纵向的多列，有些是三列，但大都是两列，有些左边是正文内容，有些右边是正文内容，但不管哪种，除了正文内容的，左右两侧都是侧边栏，本文就以Kadence主题为例来介绍如何给wordpress网页设置侧边栏。

侧边栏的作用

先看个图，以下图中右侧是本站文章通用的侧边栏：

侧边栏主要是作用是展示一些网站的其他功能，丰富页面的内容，你可以在侧边栏发通知，打广告，推荐网站热门内容或者产品，已经页面分类等等，感觉侧边栏虽小，但是作用巨大，所以很多不管是一般的展示网站，还是电商网站都有一个侧边栏的，使用wordpress建站设置侧边栏并不难，往下看。

1. 开启页面侧边栏功能

使用wordpress建站，是可以给页面自由开启关闭侧边栏的，要使用侧边栏的话，你需要先开启侧边，基于主题Kadence，通过wordpress管理页面左侧Appearance(外观) – Customize(自定义) – 找到页面类型布局

• Post/pages Layout，然后选择不同页面类型，
  • Page layout(页面布局)、
  • Single post layout(单篇文章布局)、
  • Archive Layout(列表页布局)等
• 搜索页面，404页面
• woocommerce的单个产品以及产品列表页面

你需要对每一类的页面开启侧边栏，不需要的当然不需要开启，开启方法一致，比如给page也就是页面开启侧边栏，点击Page layout，然后再General中往下拉，看到Default Page Layout，如下图

总共有五种布局，前面三种都没有侧边栏，只是页面宽度不同，后面两个布局是左侧边栏或者右侧边栏，根据喜好选择，通常单一文章或者产品是选在右侧边栏，产品页面是左侧边栏，点击一种格式就选好了。

其他不同类型页面都是如此简单的选择是否需要开启侧边栏，记得保存。

选择侧边栏

以上是选择页面布局，也就是把侧边栏放在什么地方，接下来往下你可以选择不同的侧边栏内容，Kadence主题默认自带两个侧边栏内容模板，所以你可以对侧边栏的内容设置两种不同的模板，默认就选择sidebar1吧。选好内容模板，你需要给侧边栏内添加相应的内容。

2. 并给侧边栏添加内容

如何给侧边栏添加内容，我们要进入到侧边栏专门的编辑界面，回到后台，继续点击左侧Appearance(外观) – Widgets(小工具)，进入的页面其实就是一个wordpress的页面编辑器，和创建新页面没什么不同，这个编辑器叫做Gutenberg(古腾堡)。

在这里先确定你选择的侧边栏模板，比如上文我们选择的是默认的sidebar1，然后我们就在sidebar1中添加内容。

你需要什么内容完全自主设计，可添加不同的区块来完成侧边栏的一些快速功能，如何添加区块可参考：利用古腾堡区块轻松给WordPress网站创建新页面(Gutenberg)。

添加好内容后，你可以随便打开一个开启了侧边栏的页面，并且侧边栏选择的是sidebar1，看看效果吧。

3. 设置侧边栏外观

除了开启侧边栏和添加内容，你也可以设置侧边栏的外观，比如宽度，文字颜色，内容边距等等，让侧边栏看起来更加舒服。

侧边栏外观设置在后台左侧Appearance(外观) – Customize(自定义) – General(常规) – Sidebar(侧边栏)

因为wordpress的customize也是可视化编辑，你可以开启一个带有侧边栏的页面，然后在左边修改数据，有两个标签，GENERAL和DESIGN，一旦有什么改动，右侧的侧边栏会随时调整，这个就不需要更多赘述，你根据你的需求自行调整到最适合你的网站外观就行了。

4. 具体到某个页面或者文章或者产品添加侧边栏

有的时候某些特定页面你不想要侧边栏，但是整个页面类型的大部分其他页面又需要侧边栏，这种情况怎么办呢，其实也是可以设置的，同样很简单，那就是打开特定页面编辑，在页面编辑界面中单独关闭该页面的侧边栏就行了。

打开特定页面编辑的界面如下：

点击右上角箭头所指向的图标，然后在page layout中选择你需要的布局，和上文开启侧边栏方法一致。

结语

到此，侧边栏如何设置就结束了，新手接触的时候可能觉得很繁琐，其实只要摸清了里面的逻辑，真的太简单了，其实就是打开侧边栏，选择模板，添加内容，只是这些东西不在同一位置，增加了一些新手学习的成本，从逻辑上来说，目前大部分wordpress设置侧边栏都类似。