Astra主题设置边栏小工具背景颜色教程

默认的安装好Astra主题后，网站侧边栏是没有背景颜色的，内容不方便用户阅读，也不太好看。本文笔者教大家如何设置Astra的侧边栏小工具背景颜色。

首先，这个功能只有Astra Pro才拥有，如果你还没有Astra的高级版本，可以点击这里购买。

激活Astra Pro后，开启颜色和背景选项，如下图：

接着点击主题自定义。

先在Global、容器里面选择盒式，你会发现侧边栏的小工具就有白色背景了。

如果你想设置其他颜色，那么进入自定义的侧边栏或者其他你需要设置的地方，就可以找到背景颜色Background的地方。

设置好后发布就可以了。

Astra 侧边栏小工具背景美化技巧

默认情况下，Astra 主题的边栏（Sidebar）采用通栏透明背景。为了突出侧边栏中的热门文章、分类导航或最新测速推荐，为各个小工具卡片添加独立的白色背景、轻微圆角与阴影，能够让页面排版更加精致。

快捷配置方法

1. 进入外观自定义面板：点击 【外观】→【自定义】→【额外 CSS】。
2. 粘贴优化样式代码：

/* Astra 侧边栏卡片式精致背景样式 */
.widget-area .widget {
  background: #ffffff;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
  margin-bottom: 24px;
}

3. 点击“发布”生效，侧边栏各小工具将瞬间转变为现代卡片式风格。