从 WordPress 装好那一刻开始，到网站上线为止， 完整走一遍 Astra 的安装、插件配置、Demo 导入、内容替换。 每一步都说清楚点哪里、会看到什么、遇到问题怎么办。
6
个主要步骤
25分钟
到 Demo 上线
1–2天
改成你自己的
$0
本教程全部免费
Before You Start
这几件事没准备好，装了主题也上不了线。
WordPress 已经装好，能登录后台
后台地址通常是 你的域名/wp-admin。
用管理员账号密码能登进去，就说明没问题。
如果还没装 WordPress，先看主机商的一键安装教程。
SSL 证书已生效
浏览器地址栏有一个小锁图标，域名前面是 https://。
没有的话，去主机商后台（Cloudways、宝塔）一键申请 Let's Encrypt 免费证书。
主机配置够跑 Demo 导入
最低建议 2 核 CPU / 4GB 内存 / PHP 内存限制 256MB。
如果主机资源不够，Demo 导入很容易半路失败。
主机后台一般都能调 PHP 内存限制，改之前先搜一下你的主机商的教程。
如果是已经上线的老站，先备份
装主题本身不影响数据，但 Demo 导入会覆盖内容。
去 UpdraftPlus（没装的先装）点「立即备份」，把数据库和文件各备份一份。
备份完下载到本地，比放在云端保险。
约 3 分钟
Astra 是免费的，直接在后台搜装就行。这是整个教程里最简单的一步。
进入主题安装页
点进去后，你会看到一个主题列表，上面有「特色筛选器」、 「热门主题」之类的标签。 右上角有一个搜索框，写着「搜索主题」。
注意：刚装好 WordPress 时，你会看到几个 Twenty Twenty-X 系列主题。别管它们，直接搜索 Astra。
搜索 Astra
在搜索框输入 Astra， 按回车。列表会刷新，出现几个相关主题。
认准哪个是对的： 作者是 Brainstorm Force、10 万+ 活跃安装、 有紫色「A」图标的那个，就是官方 Astra。 别装错了山寨的。
安装并启用
在 Astra 主题卡片上，找到「安装」按钮，点一下。 按钮会变成「正在安装…」，几秒后变成「启用」。 再点「启用」。
启用后：打开网站首页看一眼， 你会发现样式变了——这就是 Astra 的默认样式（很简洁，几乎「没设计」）。 别急着评价好不好看，先往下走，Demo 导入后会大变样。
这一步可能遇到的两个小问题
1. 点安装按钮转圈半天没反应——通常是网络问题， 或者 wp.org 有点慢。等 10 秒，还没动就刷新页面重试。
2. 提示「无法安装主题：目标文件夹已存在」——说明 Astra 之前装过又删了，但文件夹没删干净。用 FTP 或主机商的文件管理器， 进 wp-content/themes/ 删掉 astra 文件夹，再重装。
约 5 分钟
Astra 本身只是个「外壳」，要发挥它的能力， 需要装两个插件：Starter Templates（导入 Demo 用）和 Elementor（可视化页面编辑器）。Astra 会主动提示你装，跟着引导走就行。
跟着 Astra 的引导装
启用 Astra 后，打开后台任意页面，顶部或者左侧菜单会多出一个 「Astra」或「Astra Options」菜单。 第一次进去，会有一个「欢迎」引导， 提示你安装推荐插件。
直接点「安装插件」或「Install Plugins」按钮， 它会自动把 Starter Templates 和 Elementor 都装好。
如果没看到引导，就手动进「插件 → 安装插件」搜索安装。
确认两个插件都激活了
去「插件 → 已安装的插件」，看看下面这两个是不是都启用了：
如果显示「启用」，点一下就行。启用后，左侧菜单会多出一个「Elementor」项， 说明装好了。
要不要装 Astra Pro？
先不用。Astra 免费版 + Starter Templates 已经足够做出大部分网站。 等你真正遇到「页头页脚构建器」、「Mega Menu」这类 Pro 功能才需要升级。 本教程后续所有步骤，免费版都能完成。
约 5 分钟
Starter Templates 是 Astra 官方的 Demo 库，有 240+ 套现成的网站模板。 挑一套最接近你想要的效果的，后面改起来最省事。
进入 Starter Templates
第一次进去，会先让你选页面构建器，三个选项：
Elementor
推荐。模板最多，最灵活。
Gutenberg
WordPress 原生编辑器。
Beaver Builder
用得较少。
直接选 Elementor，这是主流选择，模板最多，社区教程也最丰富。
用筛选器找模板
页面顶部有几个下拉筛选器。常用的筛选维度：
预览、挑选
每个模板卡片上有一个「Preview」按钮， 点开可以在新标签页里看完整的 Demo 网站。
挑选原则：
· 不要选「最好看」的，要选最接近你业务结构的
· 比如你做机械制造，选一个工业风的企业模板，别选花哨的设计工作室模板
· 如果你是「产品不多、想重点展示单个产品」，别选那种商品网格铺满的模板
· 挑到大概合适的就定了，后面风格都能改，别为了 5% 的差别纠结半小时
小技巧： 如果你有 2–3 个都想要的，可以先记下模板名字。 后面第 5 步会用「单页导入」功能，从不同模板里「拆」页面拼到你的网站。
约 5 分钟 · 关键一步
这一步会把你选的模板网站的页面、菜单、图片、设置全部搬到你的网站上。 导入过程中不要关页面、不要刷新。
选择导入模式
打开模板的详情页后，往下滚，会看到两个选项按钮：
导入完整网站（Import Full Site）
首次使用选这个。一次导入所有页面、菜单、设置。
只导入一个页面（Single Page）
已经有网站了、只想借用一个页面时用。
点导入，等它跑完
点「导入完整网站」按钮后，会弹出一个确认框， 然后进入导入过程。你会看到进度条一格一格地走：
· 安装必需的插件（Starter Templates 自动帮你装）
· 导入主题设置、自定义器设置
· 导入内容（页面、文章、菜单）
· 导入图片和媒体文件（最耗时的一步）
· 导入小工具和菜单位置
整个过程通常 2–5 分钟，图片多、服务器慢的话可能更长。 去泡杯茶等着就行。
检查导入结果
导入完成后，会有提示「导入完成」和两个按钮： 「查看网站」和「编辑网站」。 点「查看网站」，打开前台看看效果。
应该看到：你的网站首页跟刚才预览的模板基本一样了。 这时候你在别人眼里已经是一个「完整的网站」了。
回到后台，去「页面 → 所有页面」看一眼， 应该能看到十几个页面被导入进来（首页、About、Contact、Blog 等）。
导入失败 / 卡住怎么办
情况 1：卡在「导入图片」不动了。 这是最常见的问题，通常是主机资源不够。 等 10 分钟还没动，刷新页面，进「Starter Templates」选同一个模板再导一次。 第二次通常会继续，因为图片能跳过的会跳过。
情况 2：提示「服务器超时」。 去主机后台把 PHP 最大执行时间调到 300 秒以上，PHP 内存限制调到 256MB 以上。 Cloudways 在 Application Settings 里调；宝塔在 PHP 设置里调。
情况 3：导入完了但页面一片空白。 去「设置 → 固定链接」，随便选一个再点「保存更改」（什么都不用改）， 刷新前台就好了——这是刷新重写规则的经典技巧。
情况 4：反复失败 3 次以上。 别死磕了，很可能主机配置不够。最省事的办法是换个内存大点的主机。
约 1–2 天 · 最花时间
现在你的网站「长得像」一个正经网站了，但里面全是 Demo 的示例内容。 这一步要把 Logo、配色、菜单、文案、图片全部换成你自己的。 这是整个教程里最耗时的部分，但也是最有价值的部分。
换 Logo 和站点图标
进去后有三块：Logo、站点图标（浏览器标签页的小图标）、 站点标题和副标题。
· Logo 建议上传 PNG 透明背景，宽度 200–400px 就行，高度 40–60px
· 站点图标建议 512×512 的 PNG，浏览器会自动缩到 32×32
· 页脚里可能还有一个 Logo，去「外观 → 自定义 → 页脚」里找找
改配色和字体
Astra 的「全局颜色」是一个很聪明的设计： Demo 里所有地方用的都是「主题色 1、主题色 2」这类变量。 你只要在这里改这几个颜色，全站所有页面都会跟着变，不用一页页改。
注意：有些 Demo 里会有单独设置的「硬编码颜色」， 不跟着全局颜色变。遇到这种，需要单独进那个页面的编辑器里改。 如果懒得一页页改，可以先改全局色，剩下两三处例外手工处理。
调整导航菜单
Demo 导入的菜单可能是「Home / About / Services / Shop / Blog / Contact」这类标准菜单。 删掉用不上的，加上你真正需要的。
操作：
1. 左上角下拉选中要编辑的菜单（通常叫「Primary Menu」或「主菜单」）
2. 展开某一项，点「移除」可以删掉
3. 左边「添加菜单项」区域勾选页面，点「添加到菜单」
4. 拖动可以调整顺序，向右拖可以做成二级菜单
5. 点右下角「保存菜单」
顺便检查：底部也通常有「页脚菜单」，别忘了也调一下。
替换所有图片
Demo 里的图片有版权，不能商用。 必须全部换掉。图片可能分布在这些地方：
· 首页每一屏的大图/背景图
· 关于我们页面的团队、办公、工厂照片
· 产品/服务页面的产品图
· 文章列表页每篇文章的封面图
· 页脚的合作伙伴 Logo
推荐做法：用 Enable Media Replace 插件。 装好后，进「媒体 → 媒体库」找到那张 Demo 图，点「替换」， 上传你的图片，选「替换文件」——所有用过这张图的地方都会自动显示新图。
暂时没图的：先用 Pexels 或 Unsplash 找免费商用图占位， 等以后拍了照片再换。
改所有文案
Demo 里的文字都是模板作者写的示例文案，可能还是英文。 全部换成你自己的。用 Elementor 编辑器可以直接点击文字改。
怎么编辑页面：
1. 前台打开那个页面，页面顶部（登录状态下）会有一个「Edit with Elementor」按钮
2. 点击进入 Elementor 可视化编辑器
3. 直接点击页面上的文字改，点击图片换图
4. 改完点左下角「更新」保存
重点检查：首页大标题、关于我们的公司介绍、每个服务/产品的描述、 页脚版权信息——这些最容易被访客看到。
确认首页和文章页设置
一般 Demo 导入后会自动配好，但最好确认一下：
· 「主页显示」应该选「一个静态页面」
· 「主页」下拉选你导入的首页（一般叫「Home」）
· 「文章页」下拉选「Blog」（或你导入的文章列表页）
如果发现首页显示的是「最新文章列表」而不是那些漂亮的版块，就是这里没配好。
清理多余页面和文章
Demo 里通常带一堆示例内容：几篇示例博客、几个示例产品、 「Coming Soon」「Portfolio」「Services Single」这类你用不上的页面。
处理原则：
· 保留：首页、关于、联系、博客列表、博客详情、产品列表、产品详情
· 删除：示例文章、示例产品、「Coming Soon」、Demo 专用页面
· 拿不准的先移到回收站，30 天后再删
手机端检查
你现在网站上一半访客都是用手机来的。Demo 在电脑上好看，手机上可能有问题。
怎么查：用手机打开网站首页、产品页、文章页、联系我们页各看一遍。 重点看：
· 导航菜单能不能正常展开
· 文字是不是太大或太小
· 图片有没有超出屏幕
· 按钮好不好点（手指点得准不准）
· 表格会不会被截断
发现问题，就进 Elementor 编辑器，左上角有个「响应式模式」切换按钮， 切到手机视图逐个调整。
约 10 分钟
全部走完一遍，网站才算真的可以见人。 下面 10 项，点击勾选完成。
全部检查完了，可以正式上线
接下来最重要的不是技术，是持续更新内容。 网站的价值是在运营中慢慢积累出来的，不是一次建完就完事。
Other Themes
如果你要装的是其他主题，流程大同小异。 唯一变化的是「装插件」和「Demo 导入入口」两处。
· 安装：付费主题，去 ThemeForest 下载 zip，走「上传主题」流程
· 必备插件：WPBakery 或 Elementor（主题会提示装哪些）
· Demo 入口：左侧菜单 → WoodMart → Prebuilt Websites
· 安装：付费主题，上传 zip + 输入 Purchase Code 激活
· 必备插件：Insight Core（主题自带的核心插件）、Elementor
· Demo 入口：左侧菜单 → Insight Core → Import Demos
· 安装：付费主题，上传 zip + 输入 Purchase Code
· 必备插件：主题自带 Fusion Builder（无需另装）
· Demo 入口：左侧菜单 → Avada → Demo Import
· 注意：Avada 的 Demo 导入会覆盖已有设置，导入前务必备份
· 安装：付费主题，上传 zip + 输入 Purchase Code
· 必备插件：Elementor / WPBakery / Gutenberg 三选一
· Demo 入口：左侧菜单 → The7 → Pre-made Websites
一个通用规律： 不管你装哪个主题，流程都是 「装主题 → 装必备插件 → 输购买码 → 找 Demo 导入入口 → 导入 → 替换内容」。 Astra 和这几款付费主题的唯一区别是： Astra 免费、搜索就能装；付费主题需要上传 zip 并激活。
FAQ
Next Step
在线客服
工作时间 9:00–21:00
微信
wpxueyuan
客服邮箱
blqapp@yeah.net