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