Section 01
用一句话说清楚：主题就是网站的衣服和骨架。
配色、字体、布局、页头页脚、按钮样式、商品卡片长什么样—— 这些全由主题控制。换个主题，网站就像换了一身衣服。
有没有侧边栏、导航菜单怎么展开、商品列表是几列、 手机上怎么折叠菜单——这些交互细节也是主题控制的。
轻量主题 50KB，重主题 2MB——差 40 倍。 主题越重，页面加载越慢，直接拖累 SEO 和转化率。 这是很多人忽略的关键点。
把 WordPress 想象成一套乐高积木
WordPress 核心
地基和框架。全世界几千万个网站都用同一套核心，负责最基础的功能。
主题
外墙和装修风格。决定了整体样子——是简约还是繁复， 是博客风还是电商风。
插件
家具和家电。给房子加具体功能——商城、表单、SEO、缓存。
新手最容易搞混的一点： 主题和插件是分开的。主题负责「外观」，插件负责「功能」。 比如你想加一个在线商城功能，装的是 WooCommerce 插件， 不是换主题。但有些主题（如 WoodMart、Minimog）会「专门为 WooCommerce 优化」， 意思是它把商城的各种页面做得更好看、更好用——但真正实现购物车、支付、 订单的功能仍然是 WooCommerce 在管。
Section 02
主题选错了，后面每天都在改。这一节给你一套可执行的判断标准， 别再凭「看起来好看」做决定。
体积和速度
主题越小越快，越不容易拖累网站性能。理想状态：主 CSS 文件 100KB 以内。
怎么查：看主题介绍页的性能说明，或者装好后跑一次 PageSpeed Insights。
更新频率
至少每季度更新一次，或者和最新版 WordPress 兼容。 三年不更新的主题千万别用，兼容性风险极高。
怎么查：在主题详情页看「Last updated」时间。
响应式
手机端表现好不好——现在大部分访客都用手机访问。 主题不响应式等于放弃一半流量。
怎么查：主题 Demo 页面用手机打开试试，或者看官方是否明确标注「响应式」。
SEO 友好
干净的代码结构、正确的标题层级、支持结构化数据。 好的主题不会在代码里搞一堆冗余标签。
怎么查：看评价里有没有人抱怨 SEO 问题，或者自己用 W3C Validator 测一下 Demo 站。
支持渠道
出问题了能不能找到人帮你。看主题官方论坛、文档、客服响应时间。 买了主题用不上、问没人答——这是最坑的。
怎么查：看官方文档质量、ThemeForest 的评价区、有没有中文/英文客服。
实用建议： 做博客、做个人站，Astra 或 Kadence 免费版完全够用，不必花钱。 做商城、做专业企业站，$59–69 的付费主题能帮你省几十个小时的调整时间， 基本一两天就回本了。
❌ 只看颜值，不看性能
看到 Demo 好看就买了，结果装上去网站慢了一倍。 好看和性能是可以兼得的，别只看设计。
❌ 功能越多越好
看到主题带 50 个小工具就买——实际上你一个都用不上， 还白白拖慢了网站。够用就好。
❌ 频繁换主题
用一个月觉得不满意就换，三个月换了四个主题。 每次换都要重新调样式，浪费时间，也没积累。
❌ 忽略子主题
直接在父主题上改代码，主题一更新全部白干。 正确做法是用子主题（下面会讲）。
Section 03
下面这 5 款是市面上最主流、口碑最好的 WordPress 主题。 每一款都有明确的最佳场景，没有「最好的主题」，只有「最适合你的主题」。
Brainstorm Force · 2017 年上线
最轻量的主题之一，本体 CSS 只有 约 50KB。 全球超过 200 万网站在用，与 Elementor、Beaver Builder、 Gutenberg 都能完美配合。免费版功能已经很够用，是新手最友好的起点。
价格
$0
Pro $69/年
Demo
240+
套模板
体积
~50KB
CSS
最适合
博客、企业官网、外贸站。不知道选什么就选它。
XTemos · ThemeForest 销量 11.8 万
专为 WooCommerce 打造的多功能商城主题，内置 25+ 电商功能。 AJAX 搜索、动态筛选、快速加购、心愿单、对比——完整的电商体验。 支持 Elementor 和 WPBakery 两种构建器。
价格
$69
买断
Demo
70+
套模板
电商功能
25+
内置
最适合
WooCommerce 商城。做电商的优先考虑。
ThemeMove · 主打高转化电商
主打「高转化率」的电商主题。内置 120+ Elementor 组件 （30+ 专为 WooCommerce 设计），附赠价值 $342 的付费插件包 （Product Bundles、Wishlist、Compare、多货币等）。
价格
$59
买断+插件
Demo
80+
套模板
组件
120+
Elementor
最适合
追求转化率的电商站。插件包很超值。
ThemeFusion · 销量第一 14 年
ThemeForest 连续 14 年销量第一。自带 Fusion Builder 页面构建器 （不用再买 Elementor），110+ 预建网站，150+ 设计元素， 附赠 6 个付费插件（含 Slider Revolution 和 ACF Pro）。
价格
$69
买断
Demo
110+
套模板
附赠插件
6 个
价值 $200+
最适合
企业官网、展示型网站。不想折腾技术栈的选它。
Dream-Theme · 上线 13 年 · 销量 33.5 万
市场上自定义程度最高的主题之一。75+ 预建网站， 同时支持 Elementor、Gutenberg、WPBakery 三种页面构建器。 附赠 6 个付费插件。因为自定义选项太多，被戏称为「主题里的 Photoshop」—— 想改什么都能改，但也意味着有得调。
价格
$39/年
订阅制
Demo
75+
套模板
构建器
3 种
任选
最适合
需要深度定制的项目。适合对设计有明确要求的团队。
Section 04
把最关键的维度列在一起，帮你快速决策。
快速决策：看你的主要诉求
不想花钱
选 Astra 免费版 + Starter Templates。
做电商
选 WoodMart（功能全）或 Minimog（插件多）。
做企业站
选 Avada。开箱即用，上手简单。
要深度定制
选 The7。自由度最高。
追求速度
选 Astra。轻量第一名。
Section 05
安装主题分两种情况：免费主题（在后台直接搜）和 付费主题（上传 zip 文件）。分别说一下。
安装免费主题（以 Astra 为例）
约 3 分钟完成
进入主题安装页
后台左侧菜单「外观 → 主题」，点页面顶部的「添加新主题」按钮。
搜索主题
在右上角搜索框输入主题名字，比如 Astra。 系统会返回所有相关主题，选「作者是 Brainstorm Force」那个官方的。
安装
找到主题卡片，点「安装」按钮，等几秒，会变成「启用」。
启用
点「启用」——主题就换上了。打开网站首页，应该能看到新主题的样子。
（可选）安装必备插件
启用主题后，主题会提示你安装推荐插件。Astra 会推荐 Starter Templates（导入 Demo 用）和 Elementor（页面构建器）。点安装就行，可以稍后再装。
注意：启用新主题后，网站前台会立刻变成新主题的样子。 你之前的内容（文章、页面、图片）都还在，只是外观变了。 如果发现不喜欢，随时可以在「外观 → 主题」里换回旧主题—— 旧主题不会被删除，除非你手动删。
安装付费主题（以 WoodMart、Avada、The7 为例）
约 5 分钟完成
付费主题的流程稍有不同：先在 ThemeForest 或主题官网购买， 下载 zip 文件，再上传到 WordPress。
购买并下载主题
去 ThemeForest 或主题官网购买，下载主题 zip 包。 不要解压 zip 文件，直接上传。
上传主题
「外观 → 主题 → 添加新主题 → 上传主题」， 选择你下载的 zip 文件，点「现在安装」。
启用主题
安装完成后点「启用」。
输入购买码激活
主题设置里会有输入 Purchase Code 的地方。 把在 ThemeForest 购买时拿到的激活码填进去。 不激活无法导入 Demo，也无法获得更新。
安装必备插件
主题会提示你要装哪些插件（如 Elementor、WPBakery、Slider Revolution）。 点「安装」并「激活」——这些是导入 Demo 的前置条件。
上传 zip 时最常见的坑
ThemeForest 下载的包通常叫「themeforest-xxx.zip」，
里面还包含一个「theme-name.zip」
和「documentation」等文件。
上传的时候要上传里面那个 theme-name.zip，
而不是外面那个大包。上传错了会报「缺少 style.css」之类的错误。
Section 06
你可能想改主题的某个样式、加一小段代码——但直接改父主题是绝对错误。 正确做法是创建子主题。
为什么不能用父主题直接改
主题官方会定期发布更新（修 bug、加新功能、兼容新版 WordPress）。 更新的时候，官方会覆盖父主题里的所有文件。
你在父主题里改的 CSS、加的代码、改的模板——全部消失。 更要命的是，你更新后完全不知道哪里丢了，只能从头改一遍。
子主题是怎么工作的
子主题是「挂在父主题下面的一个小子集」。你所有的修改都放在子主题里， 父主题完全不动。
· 父主题更新 → 子主题里的修改保留
· 子主题里的文件优先级更高，会覆盖父主题的同名文件
· 子主题没改的部分，继续用父主题的
怎么创建子主题（3 种方法，从简单到复杂）
主题自带生成器（最简单，推荐）
Astra、Kadence、GeneratePress 都在主题设置里内置「子主题生成器」， 一键创建并下载子主题的 zip 文件，然后在「外观 → 主题 → 上传」里装上。
推荐路径：外观 → Astra 选项 → 子主题 → 生成子主题
用 Child Theme Configurator 插件
装「Child Theme Configurator」插件，它能自动扫描任何已安装的主题， 一键生成子主题。适用于所有主题。
推荐路径：插件 → 安装 Child Theme Configurator → 一键生成
手动创建（最灵活，适合开发者）
手动创建 wp-content/themes/子主题名/ 目录， 写一个 style.css 声明父主题，再写一个 functions.php 引入父主题样式。
适合场景：需要频繁改代码、用 Git 管理版本的开发者
实用建议： 除非你要改代码或加自定义 CSS，否则不一定要建子主题。 很多主题提供了「自定义 CSS」输入框（在「外观 → 自定义」里）， 小改动直接写在那里就行。只有涉及到「改 PHP 文件」或 「大量自定义样式」的时候，才需要建子主题。
Section 07
Demo 导入是建站最快的捷径。 一键把主题官方做好的演示网站（页面、图片、菜单、设置）全部搬到你的网站上， 然后你改文字换图片就行，不用从零搭。
Demo 导入的通用流程
安装并激活主题
见上一节。主题没装好，Demo 无从谈起。
安装主题要求的必备插件
主题会提示你装哪些。常见的有 Elementor、WPBakery、Slider Revolution、 ACF（自定义字段）等。插件没装全，导入会中途失败。
输入购买码激活（付费主题需要）
在 ThemeForest「Downloads」页面找到 Purchase Code，填进主题设置里。
进入 Demo 导入页面
位置因主题而异（下面逐个主题讲）。 一般都在左侧菜单里，标签名可能是「Demo Import」、「Prebuilt Websites」、 「Starter Templates」等。
选一个 Demo，点「导入」
等它自动跑完，通常 2–5 分钟（取决于服务器速度和 Demo 复杂度）。 导入过程中不要关闭页面，也不要刷新。
检查导入结果
打开网站首页，应该和 Demo 的样子差不多。 然后在后台「页面」和「文章」里确认内容都进来了。
Astra
需要先安装 Starter Templates 插件（免费，几百 KB）。 安装后进入「外观 → Starter Templates」，会看到 240+ 套模板。
可以按「页面构建器」（Elementor / Gutenberg / Beaver）和「类型」（企业、博客、 电商、作品集等）筛选。找到想要的，点模板卡片，选择「导入完整网站」。
小技巧：Astra 的 Starter Templates 也可以「只导入单个页面」， 不用整站导入。适合已经有网站、只想套一个现成页面设计的情况。
WoodMart
左侧菜单找「WoodMart」，点进去第一项就是「Prebuilt Websites」。 页面里会展示 70+ 套 Demo，每套都有缩略图。
点进一个 Demo 卡片，可以预览整站效果。确定后点「Import」按钮。 WoodMart 支持三种导入模式：
Minimog
Minimog 用的是自己的核心插件「Insight Core」。 在左侧菜单找到它，点「Import Demos」。
80+ 套 Demo 可以按「行业」筛选（时尚、美妆、家居、数码等）。 选一套点「Import」。导入过程中会同时安装 Demo 需要的插件。
Avada
左侧菜单找「Avada」，第二项就是「Demo Import」。 110+ 套预建网站，按行业分类展示。
Avada 的导入比较完善，会同时导入页面、菜单、 小工具、主题设置、Slider Revolution 幻灯片。 导入完基本可以直接用。
注意：Avada 导入会覆盖你现有的所有设置。 如果网站上已有内容，导入前一定要备份。
The7
左侧菜单找「The7」，点「Pre-made Websites」。 可以按页面构建器（Elementor / Gutenberg / WPBakery）、 是否有电商功能、页面数量等条件筛选。
支持两种导入模式：完整导入（整站）和 单页导入（只导入页面内容）。 第一次用建议先「单页导入」测试一下效果。
导入 Demo 之前，务必先做这两件事
1. 备份当前网站。 Demo 导入会覆盖你现有的内容和设置。 如果网站已经有数据，先在 UpdraftPlus 里做一次完整备份。
2. 在测试站上先试一遍。 如果不确定导入后是什么效果，可以先用一个测试站试。 很多主机商（如 Cloudways）提供一键创建测试站的功能。
Section 08
Demo 导入完不等于完事——那些图片、文案、菜单都是官方的示例， 你必须全部替换成自己的，网站才算「真的是你的」。
换 Logo
去「外观 → 自定义 → 站点标识 → Logo」上传你的 Logo。 同时要改「站点图标」（网站标签页那个小图标）。
还有页脚里的 Logo 也要换。
改配色
Demo 的主色调是官方设定的。去「外观 → 自定义 → 颜色/全局样式」 改成你的品牌色。
Astra 用「全局颜色」；Avada 用「Options → Colors」。
改菜单
Demo 的菜单可能是「Home / About / Shop / Blog / Contact」， 改成你实际需要的。
路径：外观 → 菜单 → 编辑，删掉不需要的，加上你自己的。
替换所有图片
Demo 图片有版权，不能商用。 用 Enable Media Replace 插件一张张替换，或直接在页面里换。
先用 Pexels 或 Unsplash 找免费的占位图。
改文案
Demo 里那些「Lorem ipsum」和英文宣传语都要改成你自己的。 首页标语、关于我们、公司介绍、服务描述——全部过一遍。
别漏了页脚那些示例文案。
设置首页和文章页
进「设置 → 阅读」，指定「主页」和「文章页」分别是哪个页面。 不然首页可能显示成博客列表。
删除多余页面
Demo 里的示例页面可能有一堆你用不上的（如「Coming Soon」、 「Portfolio」）。保留要用的，其他删掉，避免访客点到空页面。
检查响应式
把手机、iPad 都拿出来，打开网站首页、文章页、商品页各看一遍。 Demo 在电脑上好看，手机上可能有问题。
重点检查菜单、按钮、图片、表格。
这一步做完大约要 1–2 天。 别想着 30 分钟搞定——Demo 导入只是拿到一个「骨架」， 把骨架变成「你自己的网站」才是真正的工作量。 但相比从零搭，导入 Demo 至少帮你省了 80% 的功夫。
FAQ
这些是在实际使用中反复出现的问题。
Next Step
在线客服
工作时间 9:00–21:00
微信
wpxueyuan
客服邮箱
blqapp@yeah.net