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

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

一、进入主题设置面板

第一步是打开主题设置:

登录 WordPress 后台

点击左侧菜单中的【WoodMart】

选择【Theme Settings】进入主题设置界面

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

二、调整全站配色方案

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

1. 主色设置(Primary Color)

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

进入 Colors > Primary color

输入颜色代码或使用色板选择你想要的颜色

修改后点击【Save Settings】

2. 背景与文字颜色

你可以分别设置:

页面背景色(Background)

链接颜色(Links)

链接悬停颜色(Hover)

正文字体颜色(Text color)可以在排版(Typography)中设置

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

三、设置字体与排版风格

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

进入【Typography】模块

可以为不同区域单独设置字体,包括: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 在颜色与字体方面的设置灵活而直观,没有设计经验也能轻松打造一个美观、有辨识度的电商网站。

最近更新

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注