Laris营销 · 成交 · 看数据
单元 建站 · 第 4 篇

选主题和设计基础:整齐一致比花俏重要

约 3 分钟
这篇你会学到
  • 主题(Theme) 决定网站的整体样子:版型、颜色、字体、按钮风格。选一个轻、快、维护良好的主题,比选最花俏的重要。
  • 设计时先定好全局设定:品牌色、字体、按钮样式。之后每一页都会自动跟着走,不用一页一页改。
  • 页面编辑可以用 WordPress 内建的区块编辑器,也可以用 Elementor 这类拖拉式编辑器。两种都可以,选一种用到底。

先看场景

Nurul 一开始装了一个效果很多的主题,首页有动画、视差滚动,结果手机打开要等好久,跳出率很高。她换成一个轻量、评价好、近期还有更新的主题,在「自定义」里设定好品牌色(薄荷绿、深海蓝)和字体,按钮统一做成圆角。网站看起来更干净,打开速度也快了很多。

重点内容


怎么选主题

看什么怎么判断
速度示范网站用手机打开快不快
维护最近几个月有没有更新,跟最新版 WordPress 兼容吗
评价和安装数在 WordPress 主题目录看评分和评论
手机版示范网站在手机上排版好不好
是否支持你的编辑方式支持区块编辑器或 Elementor
有没有现成的起始模板可以一键导入,再换成你的内容

只从 WordPress 官方主题目录或可信赖的开发者下载主题,不要用来路不明的「免费破解版」付费主题,常常藏有恶意程序。


先设定全局样式

  1. 颜色:主色、辅助色、文字色、背景色(用你品牌规范里的色码)。
  2. 字体:标题和内文各一种,中文也要设好。
  3. 按钮:颜色、圆角、大小统一。
  4. 版面宽度和间距:大方留白,比塞满更好读。

设计的几个原则

  • 一致:同样的东西长得一样,例如所有按钮同一个颜色。
  • 对比:重要的东西要跳出来,例如主要 CTA 按钮。
  • 留白:不要每一寸都塞满东西。
  • 好读:内文字体不要太小,手机上至少要轻松阅读;文字和背景要有足够对比。

免费的设计资源

  • 免费可商用的照片:Pexels、Unsplash、Pixabay(使用前看清楚授权说明)。
  • 图标:WordPress 区块或主题自带的图标库。
  • 用自己拍的真实照片最好,尤其是产品和团队。

动手任务

  1. 从官方主题目录挑三个主题,用手机打开它们的示范网站比较速度。
  2. 安装选定的主题,设定全局颜色、字体和按钮样式。
  3. 用起始模板做出首页草稿,把示范文字和图片换成你的。

常见误区

  • ❌ 选效果最多、最华丽的主题,结果网站很慢。
  • ❌ 每一页都手动改颜色和字体,没用全局设定,后来想改要改几十个地方。
  • ❌ 下载破解版付费主题,网站被植入恶意程序。

Sources