网站侧边栏具体指的是网页的哪一部分？
说实话，很多人天天都在做网站，却不一定真的搞懂了“侧边栏”到底是个啥玩意儿。你可能会说：“不就是网页左边或右边那一条嘛！ 牛逼。 ”嗯，没错，但又不全对。今天咱们就来好好聊聊这个话题，别急，喝口茶，慢慢看。
一、侧边栏到底在哪儿？
侧边栏， 英文叫Sidebar，说白了就是网页上那一小块区域，通常出现在页面的左边或者右边。它不像正文内容那样占据整个页面的C位， 而是像个“配角”，默默地在一边待着，提供一些辅助信息、导航、广告、功能入口等等。它不是网页的主角，但却是网站体验中不可或缺的一部分，离了大谱。。
谨记... 你可以把它理解为网页的“侧翼”，它不抢风头，但总能在你需要的时候给你点帮助。比如你点进一个博客网站， 左侧可能是一排导航菜单，右侧可能是一些热门文章、标签云、广告位，或者是一些社交链接。这些都属于侧边栏的范畴。
二、 侧边栏的类型
YYDS... 侧边栏不是一成不变的，它会根据网站的类型、页面的用途、甚至用户的设备而变化。我们大致可以把它分为以下几种类型：
1. 展示型侧边栏
这种侧边栏主要以内容为主， 为各种页面以推荐的形态去调补其他的内容，比如热门内容、月度内容、最新评论，也可以理解是丰富页面的作用。比如你打开一个新闻网站，侧边栏可能就会展示“本周热门”、“编辑推荐”、“相关文章”等等。
平心而论... 这种侧边栏不是含有的内容越多越好，而是适可而止，要符合页面的美观和匹配度。如果一股脑地把所有内容都堆上去，那不是丰富，是累赘。
2. 功能性侧边栏
欧了！ 这种侧边栏主要体现对活动、 宣传、营销和广告的用途，它不具备内容价值的意义，更多的是为网站提供盈利渠道。比如你打开一个购物网站，侧边栏可能就是各种促销广告、优惠券、活动入口。
这种功能侧边栏主要是公开网站的功能， 比如登录、分享、联系、个人中心等其他功能服务，他属于内置服务性质。所以也可以理解为是侧边栏是丰富网站页面的，让内容展现更加饱满，促进用户深度访问的概率。
3. 推荐式侧边栏
这种侧边栏主要以内容为主， 为各种页面以推荐的形态去调补其他的内容，比如热门内容、月度内容、最新评论，也可以理解是丰富页面的作用。 我CPU干烧了。 这种侧边栏主要体现对活动、宣传、营销和广告的用途，他不具备价值的意义，更多的是为网站提供盈利渠道。
网站侧边栏可以先理解为是网站页面提供其他内容的额外展现， 但是不同的页面侧边栏的内容设定是有区别的，他不是通用的。比如：，CPU你。
- 首页侧边栏：大多数首页的侧边栏主要是介绍网站的基本信息和其他的简介， 也常用于栏目导航和功能，也会用于标签和其他展示。
- 栏目页侧边栏：大多数用于栏目热点内容、 排名内容、月度和周度的内容，但是都以本栏目为准的内容，有的也会用于标签。
- 内容页侧边栏：主要的作用就是丰富内容页面 但是他不能随意显示其他内容，而是要有引荐性，最基础的要素就是内容质量不能太低，也不能是跨领域的内容。
- 附属页侧边栏：tag页、 分类页等其他不是内容性质的页面都算是附属页，而侧边栏主要大多数是随机的，只要不混乱就可以了。
三、 侧边栏的常见设计类型
侧边栏的设计其实也挺多样的，比如：
- 固定式侧边栏：一直显示在页面上，不会因为页面滚动而消失。
- 交互式侧边栏：用户点击某个按钮或图标后才展开，比如汉堡菜单。
- 功能性隐藏式侧边栏导航：通常在移动端使用，点击后弹出菜单。
- 内容MAP侧边栏：用于展示网站结构或内容地图。
现在我们看到的侧边栏设计， 常常使用单一的纯色打底，包含较少选项，导航栏顶端通常会包含有品牌或者网站LOGO，文字链接，以及带有小图标的社交媒体帐号的链接。响应式设计的流行使得向移动端偏移的网页设计， 不得不采用菜单栏来替代传统的导航模式，其直接的影响就是催生了汉堡图标，别怕...。
四、 侧边栏的常见布局位置
切中要害。 侧边栏通常位于网页的左侧或右侧，提供一种可折叠的菜单结构，允许用户轻松地浏览和访问网站的不同部分。在现代的网站和应用程序设计中，侧边栏是一个常见的界面元素。导航菜单：许多网站和应用使用侧边栏作为主要的导航工具。
出道即巅峰。 其中有些菜单是完全开放式的，而有的菜单则带着下拉框，还有一部分直接是弹出式设计。常见于页面两侧的侧边栏设计，已经成了许多独树一帜的站长的选择了。
五、 侧边栏的常见产品对比
为了更直观地了解侧边栏的使用情况，我们来看一个简单的对比表格：
| 产品名称 | 侧边栏类型 | 是否可折叠 | 是否支持移动端 | 是否支持社交链接 |
|---|---|---|---|---|
| WordPress | 展示型 | 是 | 是 | 是 |
| Shopline | 功能性 | 是 | 是 | 是 |
| Wix | 推荐式 | 否 | 是 | 是 |
| Squarespace | 展示型 | 是 | 是 | 是 |
从上表可以看出，不同的建站平台对侧边栏的处理方式各有不同，但都离不开侧边栏在网站布局中的核心作用：辅助导航、内容推荐、功能展示。
六、 侧边栏的布局实现方式
在网页设计中，侧边栏菜单是常见的导航元素，它为用户提供了一种网页的整体布局，包括侧边栏和主内容区域的定位和排列。还可以修改其中的参数，改变具体的位置。
与君共勉。 在电脑网站设计页面左侧导航点击， 将设置为显示或隐藏，可以灵活控制页面的展示效果。
网站的侧边栏不是含有的内容越多越好，而是适可而止，要符合页面的美观和匹配度。它不是主角，但却是网站体验中不可或缺的一部分。它像一个“配角”， 将心比心... 默默地在一边待着，提供一些辅助信息、导航、广告、功能入口等等。它不抢风头，但总能在你需要的时候给你点帮助。
所以下次你再看到侧边栏的时候，别再小看它了它可是网站设计中的一把好手！
