Astra Pro 插件下 WooCommerce 商店字体与颜色设置指南

Astra Pro 插件为 WooCommerce 商店提供了多项可视化设置功能，包括字体样式、颜色搭配和一些细节功能调整，适合追求界面美观度与操作便捷性的建站者使用。

这篇文章梳理了字体、颜色与额外功能模块的实际设置内容，帮助你快速掌握可操作的重点功能。

插件激活与模块开启

使用这些功能前，需完成三个步骤：

安装 Astra 主题
启用 Astra Pro 插件
启用 WooCommerce 插件

进入 WordPress 后台，打开 Astra 模块页面，勾选 WooCommerce 模块，即可进入相关设置界面。

字体设置部分

在自定义面板中，进入路径：外观 > 自定义 > WooCommerce，可看到关于字体的几个选项。

基础字体设置

设置网站整体内容的字体样式，WooCommerce 区域也会使用这些设置。

产品目录字体

包括以下三项：

产品标题：控制商品标题的字体样式
商品价格：控制价格的字号、字体、粗细
简短描述：适用于列表页上的简要内容介绍

单一产品页面字体

可独立调整以下内容：

商品标题字体
商品价格字体
商品描述字体
面包屑导航字体

这些设置适合在不同页面区分层次感，提升信息可读性。

颜色与背景设置部分

字体之外，颜色与背景设置也集中在相同路径内。

基础颜色设置

可设置以下几个部分的颜色：

文本颜色：通用于页面中所有正文区域
链接颜色：应用于所有商品页面中的跳转链接
标题颜色：商品名称等标题区域将使用此颜色

商品列表页颜色设置

可单独调整：

商品标题颜色
商品价格颜色
商品描述与分类颜色

单一产品页面颜色设置

可设置如下几项：

商品标题颜色
商品价格颜色
产品内容颜色
面包屑颜色

这些调整有助于建立更统一的页面风格，也便于根据品牌色系进行整体搭配。

其他模块功能设置

Astra Pro 中的 WooCommerce 模块还包含一些额外功能，适用于提升电商页面的互动性和便利性。

输入框样式

可启用现代风格输入框，让表单元素更加贴合当代网页设计风格。

促销标签样式

在开启该选项后，促销商品的标签样式可自定义，有助于强化折扣信息的展示效果。

商品数量按钮

商品页面可以添加数量增减按钮，共提供三种不同布局，适合不同风格的电商站点使用。

结账流程导航

在结账页展示流程导航，买家可在不同环节间灵活跳转，便于修改地址或订单信息。

总结说明

Astra Pro 提供的 WooCommerce 模块覆盖了页面排版、颜色搭配、交互细节等多个方面。这些设置不用写代码，通过操作面板就能完成，提升了视觉的同时，也优化了商店的功能。

相关文章