- 主题(Theme) 决定网站的整体样子:版型、颜色、字体、按钮风格。选一个轻、快、维护良好的主题,比选最花俏的重要。
- 设计时先定好全局设定:品牌色、字体、按钮样式。之后每一页都会自动跟着走,不用一页一页改。
- 页面编辑可以用 WordPress 内建的区块编辑器,也可以用 Elementor 这类拖拉式编辑器。两种都可以,选一种用到底。
先看场景
Nurul 一开始装了一个效果很多的主题,首页有动画、视差滚动,结果手机打开要等好久,跳出率很高。她换成一个轻量、评价好、近期还有更新的主题,在「自定义」里设定好品牌色(薄荷绿、深海蓝)和字体,按钮统一做成圆角。网站看起来更干净,打开速度也快了很多。
重点内容
怎么选主题
| 看什么 | 怎么判断 |
|---|---|
| 速度 | 示范网站用手机打开快不快 |
| 维护 | 最近几个月有没有更新,跟最新版 WordPress 兼容吗 |
| 评价和安装数 | 在 WordPress 主题目录看评分和评论 |
| 手机版 | 示范网站在手机上排版好不好 |
| 是否支持你的编辑方式 | 支持区块编辑器或 Elementor |
| 有没有现成的起始模板 | 可以一键导入,再换成你的内容 |
只从 WordPress 官方主题目录或可信赖的开发者下载主题,不要用来路不明的「免费破解版」付费主题,常常藏有恶意程序。
先设定全局样式
- 颜色:主色、辅助色、文字色、背景色(用你品牌规范里的色码)。
- 字体:标题和内文各一种,中文也要设好。
- 按钮:颜色、圆角、大小统一。
- 版面宽度和间距:大方留白,比塞满更好读。
设计的几个原则
- 一致:同样的东西长得一样,例如所有按钮同一个颜色。
- 对比:重要的东西要跳出来,例如主要 CTA 按钮。
- 留白:不要每一寸都塞满东西。
- 好读:内文字体不要太小,手机上至少要轻松阅读;文字和背景要有足够对比。
免费的设计资源
- 免费可商用的照片:Pexels、Unsplash、Pixabay(使用前看清楚授权说明)。
- 图标:WordPress 区块或主题自带的图标库。
- 用自己拍的真实照片最好,尤其是产品和团队。
动手任务
- 从官方主题目录挑三个主题,用手机打开它们的示范网站比较速度。
- 安装选定的主题,设定全局颜色、字体和按钮样式。
- 用起始模板做出首页草稿,把示范文字和图片换成你的。
常见误区
- ❌ 选效果最多、最华丽的主题,结果网站很慢。
- ❌ 每一页都手动改颜色和字体,没用全局设定,后来想改要改几十个地方。
- ❌ 下载破解版付费主题,网站被植入恶意程序。