WoodMart 作為功能強大的 WooCommerce 主題，有靈活的顏色與字體控制面板，讓站點在保持統(tǒng)一調性的同時，擁有高度的自定義空間。下面這篇文章會帶你一步步完成配色與字體設置，不需要寫代碼就可以實現(xiàn)屬于你品牌的專屬風格。

一、進入主題設置面板

第一步是打開主題設置：

1. 登錄 WordPress 后臺
2. 點擊左側菜單中的【WoodMart】
3. 選擇【Theme Settings】進入主題設置界面

這是所有外觀控制的核心區(qū)域，包括顏色、字體、頁眉頁腳、按鈕樣式等設置。

二、調整全站配色方案

在 Theme Settings 中選擇【Colors】，你會看到多項顏色控制項。

1. 主色設置（Primary Color）

主色用于按鈕、鏈接、活動標簽等高亮元素。建議選擇與你品牌一致的顏色，例如品牌藍、品牌紅等。

• 進入 Colors > Primary color
• 輸入顏色代碼或使用色板選擇你想要的顏色
• 修改后點擊【Save Settings】

2. 背景與文字顏色

你可以分別設置：

• 頁面背景色（Background）
• 鏈接顏色（Links）
• 鏈接懸停顏色（Hover）

• 正文字體顏色（Text color）可以在排版（Typography）中設置

通過細節(jié)調整讓網站更協(xié)調，更容易閱讀。

三、設置字體與排版風格

字體選擇也在同一個主題面板中：

1. 進入【Typography】模塊
2. 可以為不同區(qū)域單獨設置字體，包括：
   • Text字體（正文）
   • Title 字體（標題）
   • Custom 字體（自定義區(qū)域）

1. 正文字體設置

• Typography > Text font
• 選擇 Google Fonts 提供的字體
• 設置字號、行高、字重等

推薦用簡潔清晰的字體，如：Inter、Roboto、Lato、Noto Sans。

2. 標題字體設置

• Typography > Headings
• 不同層級（H1-H6）可單獨設置字體、大小、粗細

你可以為標題選擇更具風格的字體，例如 Playfair Display、Montserrat 等，增強頁面視覺層次。

總結

WoodMart 的主題設置已經足夠靈活，但如果你希望自定義一些無法在后臺設置的顏色或字體，可以用子主題添加自定義 CSS。這樣即使主題升級也不會丟失修改。WoodMart 在顏色與字體方面的設置靈活而直觀，沒有設計經驗也能輕松打造一個美觀、有辨識度的電商網站。

最近更新

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息