WoodMart 主题颜色与字体样式设置全攻略

WoodMart 作为功能强大的 WooCommerce 主题，有灵活的颜色与字体控制面板，让站点在保持统一调性的同时，拥有高度的自定义空间。下面这篇文章会带你一步步完成配色与字体设置，不需要写代码就可以实现属于你品牌的专属风格。

一、进入主题设置面板

第一步是打开主题设置：

1. 登录 WordPress 后台
2. 点击左侧菜单中的【WoodMart】
3. 选择【Theme Settings】进入主题设置界面

这是所有外观控制的核心区域，包括颜色、字体、页眉页脚、按钮样式等设置。

二、调整全站配色方案

在 Theme Settings 中选择【Colors】，你会看到多项颜色控制项。

1. 主色设置（Primary Color）

主色用于按钮、链接、活动标签等高亮元素。建议选择与你品牌一致的颜色，例如品牌蓝、品牌红等。

• 进入 Colors > Primary color
• 输入颜色代码或使用色板选择你想要的颜色
• 修改后点击【Save Settings】

2. 背景与文字颜色

你可以分别设置：

• 页面背景色（Background）
• 链接颜色（Links）
• 链接悬停颜色（Hover）

• 正文字体颜色（Text color）可以在排版（Typography）中设置

通过细节调整让网站更协调，更容易阅读。

三、设置字体与排版风格

字体选择也在同一个主题面板中：

1. 进入【Typography】模块
2. 可以为不同区域单独设置字体，包括：
   • Text字体（正文）
   • Title 字体（标题）
   • Custom 字体（自定义区域）

1. 正文字体设置

• Typography > Text font
• 选择 Google Fonts 提供的字体
• 设置字号、行高、字重等

推荐用简洁清晰的字体，如：Inter、Roboto、Lato、Noto Sans。

2. 标题字体设置

• Typography > Headings
• 不同层级（H1-H6）可单独设置字体、大小、粗细

你可以为标题选择更具风格的字体，例如 Playfair Display、Montserrat 等，增强页面视觉层次。

总结

WoodMart 的主题设置已经足够灵活，但如果你希望自定义一些无法在后台设置的颜色或字体，可以用子主题添加自定义 CSS。这样即使主题升级也不会丢失修改。WoodMart 在颜色与字体方面的设置灵活而直观，没有设计经验也能轻松打造一个美观、有辨识度的电商网站。

最近更新

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息