WordPress建站指南
从零开始搭建WordPress独立站
📖 什么是WordPress?
WordPress是全球最流行的网站建设平台,市场份额超过65%。
WordPress.org vs WordPress.com
| WordPress.org | WordPress.com | |
|---|---|---|
| 类型 | 开源软件,自己托管 | 托管服务 |
| 费用 | 仅主机费 | 免费到$45/月 |
| 自由度 | 完全自由 | 受限制 |
| 主题插件 | 可安装任何主题插件 | 只能安装官方提供的 |
| 盈利 | 完全自主 | WordPress.com可分成 |
| 推荐 | ✅ | ❌ |
💡 本指南基于 WordPress.org,需要自己购买主机
🚀 安装WordPress
前置准备
- 域名已购买
- 主机已购买(推荐SiteGround)
- DNS已解析到主机
SiteGround一键安装
SiteGround安装WordPress流程
├── 1. 登录 SiteGround
├── 2. 进入 Websites
├── 3. 点击 "Create Site"
├── 4. 选择 "WordPress"
├── 5. 填写网站信息
│ ├── 网站名称:Your Company Name
│ ├── 网站描述:PVC Products Manufacturer
│ ├── 管理员用户名:admin
│ ├── 管理员密码:[设置强密码]
│ └── 管理员邮箱:your@email.com
├── 6. 选择数据中心
│ ├── 美国(全球推荐)
│ ├── 欧洲(欧洲市场)
│ └── 亚洲(亚太市场)
├── 7. 点击 "Complete"
├── 8. 等待安装完成(约5分钟)
└── 9. 安装完成!
其他主机安装WordPress
| 主机商 | 安装方式 |
|---|---|
| Bluehost | 一键安装(购买时可选择) |
| Cloudways | 一键安装(1-Click应用) |
| cPanel主机 | Softaculous一键安装 |
| 手动安装 | 下载WordPress,上传到主机 |
🎛️ WordPress后台概览
登录后台
登录地址
https://yourdomain.com/wp-admin
输入用户名和密码登录
后台结构
WordPress后台结构
│
├── 仪表盘(Dashboard)
│ └── 网站整体概览
│
├── 文章(Posts)
│ └── 博客文章管理
│
├── 媒体(Media)
│ └── 图片、视频等媒体文件
│
├── 页面(Pages)
│ └── 网站页面管理
│
├── 评论(Comments)
│ └── 评论管理
│
├── 外观(Appearance)
│ ├── 主题(Themes)
│ ├── 自定义(Customize)
│ ├── 菜单(Menus)
│ └── 小工具(Widgets)
│
├── 插件(Plugins)
│ └── 插件管理
│
├── 用户(Users)
│ └── 用户管理
│
├── 工具(Tools)
│ └── 导入导出等工具
│
└── 设置(Settings)
├── 常规设置
├── 写作设置
├── 阅读设置
├── 讨论设置
├── 媒体设置
├── 固定链接
└── 其他设置
🎨 主题选择与安装
什么是主题?
**主题(Theme)**决定了网站的外观和部分功能。
主题类型
| 类型 | 说明 | 推荐 |
|---|---|---|
| 免费主题 | WordPress.org免费主题库 | ✅ 新手 |
| 付费主题 | 购买的专业主题 | ✅⭐ 推荐中期 |
| 定制主题 | 完全定制开发 | ❌ 成本高 |
推荐ToB主题
| 主题 | 价格 | 特点 |
|---|---|---|
| Astra | 免费/$59 | 轻量、快速、灵活 |
| OceanWP | 免费/$39 | 多功能、电商友好 |
| GeneratePress | 免费/$59 | 快速、代码质量高 |
| Kadence | 免费/$79 | 现代化、块编辑器友好 |
PVC工厂推荐:Astra
推荐理由:
- 轻量快速(<50KB)
- 免费版功能足够
- 与Elementor兼容
- SEO友好
- 移动端响应式
安装主题
安装Astra主题流程
├── 方法一:从WordPress主题库安装
│ ├── 1. 进入 外观 → 主题
│ ├── 2. 点击 "添加新主题"
│ ├── 3. 搜索 "Astra"
│ ├── 4. 点击 "安装"
│ └── 5. 点击 "启用"
│
└── 方法二:上传安装(付费版)
├── 1. 从官网购买下载主题
├── 2. 进入 外观 → 主题
├── 3. 点击 "添加新主题"
├── 4. 点击 "上传主题"
├── 5. 选择下载的zip文件
└── 6. 安装并启用
📦 必备插件安装
什么是插件?
**插件(Plugin)**是为WordPress添加功能的扩展程序。
必备插件清单
| 功能 | 插件 | 费用 |
|---|---|---|
| 页面编辑器 | Elementor | 免费/Pro |
| 表单插件 | WPForms | 免费/Pro |
| SEO优化 | Rank Math | 免费/Pro |
| 安全防护 | Wordfence | 免费/Pro |
| 备份 | UpdraftPlus | 免费/Pro |
| 缓存加速 | WP Rocket(付费)或 LiteSpeed Cache(免费) | - |
安装插件流程
安装插件流程
├── 1. 进入 插件 → 安装插件
├── 2. 搜索插件名称
├── 3. 点击 "现在安装"
├── 4. 等待安装完成
├── 5. 点击 "启用"
└── 6. 配置插件设置
🔧 核心设置
1. 常规设置
设置 → 常规
├── 网站标题:Your Company Name
├── 网站副标题:PVC Products Manufacturer
├── WordPress地址(URL):https://yourdomain.com
├── 站点地址(URL):https://yourdomain.com
├── 管理员邮箱:your@email.com
├── 时区:选择你的时区
├── 日期格式:自定义
├── 时间格式:自定义
└── 语言:English
2. 固定链接设置(重要!)
设置 → 固定链接
选择 "文章名"
→ /sample-post/
或选择 "自定义结构"
→ /%category%/%postname%/
→ 产品分类/产品名称
点击 "保存更改"
⚠️ 固定链接设置后不要轻易更改,会影响SEO
3. 阅读设置
设置 → 阅读
├── 首页显示:选择 "一个静态页面"
│ ├── 首页:选择 "Home"(需先创建)
│ └── 文章页:选择 "Blog"(需先创建)
├── 博客页面最多显示:10
└── 勾选 "每个文章的 Feed 显示摘要"
📄 创建页面结构
标准ToB网站页面
建议页面结构
├── 首页(Home)
├── 关于我们(About Us)
├── 产品(Products)
│ ├── 洞洞鞋鞋花
│ ├── 钥匙扣
│ ├── 吸管帽
│ └── 冰箱贴
├── 服务(Services)
├── 工厂(Factory)
├── 案例(Case Studies)
├── 博客(Blog)
└── 联系我们(Contact Us)
创建页面流程
创建新页面
├── 1. 进入 页面 → 新建页面
├── 2. 输入页面标题
├── 3. 使用页面编辑器编辑内容
│ ├── 古腾堡编辑器(WordPress自带)
│ └── Elementor(需要安装)
├── 4. 配置页面属性
│ ├── 父级页面
│ ├── 模板
│ └── 排序
├── 5. 发布页面
└── 6. 重复以上步骤创建所有页面
🎨 使用Elementor编辑页面
安装Elementor
安装Elementor
├── 1. 进入 插件 → 安装插件
├── 2. 搜索 "Elementor"
├── 3. 安装并启用 Elementor 和 Elementor Header & Footer Builder
└── 4. 完成安装
Elementor编辑界面
Elementor编辑器布局
┌─────────────────────────────────────────────────────────┐
│ 面板 │ 编辑区 │ 设置 │
│ ┌──────────┐ │ │ ┌────────┐ │
│ │ 元件库 │ │ ┌─────────────┐ │ │ 页面 │ │
│ │ │ │ │ │ │ │ 设置 │ │
│ │ - 小部件 │ │ │ 页面内容 │ │ │ │ │
│ │ - 模板 │ │ │ │ │ │ 响应式 │ │
│ │ │ │ └─────────────┘ │ └────────┘ │
│ │ │ │ │ │
│ └──────────┘ │ │ │
│ │ │ │
└─────────────────────────────────────────────────────────┘
常用Elementor小部件
| 类别 | 小部件 | 用途 |
|---|---|---|
| 基础 | 标题、文本编辑器、图片、按钮 | 基础内容 |
| 布局 | 分栏、内部区块、Tabs | 布局结构 |
| 元素 | 图标框、图标列表、社交媒体图标 | 装饰元素 |
| 高级 | Google地图、HTML、代码片段 | 高级功能 |
📱 响应式设计
移动端优化
WordPress响应式设置
├── 1. 选择响应式主题(Astra已响应式)
├── 2. Elementor编辑器中预览
│ ├── 桌面端视图
│ ├── 平板视图
│ └── 移动视图
├── 3. 针对不同设备调整
│ ├── 字体大小
│ ├── 间距
│ └── 布局
└── 4. 测试所有页面
🔍 基础SEO配置
安装SEO插件
安装 Rank Math SEO
├── 1. 进入 插件 → 安装插件
├── 2. 搜索 "Rank Math"
├── 3. 安装并启用
├── 4. 完成设置向导
│ ├── 选择网站类型
│ ├── 选择SEO模式
│ ├── 设置关键词
│ └── 配置社交媒体
└── 5. 完成设置
页面SEO设置
每个页面SEO配置
├── 1. 在页面编辑器中找到 Rank Math 面板
├── 2. 设置 SEO 标题
├── 3. 设置 Meta 描述
├── 4. 设置焦点关键词
├── 5. 检查SEO评分
└── 6. 根据建议优化
⚡ 性能优化
基础优化措施
| 措施 | 说明 |
|---|---|
| 图片压缩 | 使用TinyPNG压缩图片 |
| 缓存插件 | 安装WP Rocket或LiteSpeed Cache |
| CDN | 使用Cloudflare CDN |
| 精简插件 | 只安装必要插件 |
| PHP版本 | 使用PHP 8.0+ |
性能检测工具
| 工具 | 网址 |
|---|---|
| Google PageSpeed Insights | pagespeed.web.dev |
| GTmetrix | gtmetrix.com |
| Pingdom | tools.pingdom.com |
🎯 WordPress建站检查清单
安装阶段
- WordPress安装完成
- 主题安装并启用
- 必备插件安装
- 基础设置完成
内容阶段
- 页面结构创建
- 首页设计完成
- 产品页面创建
- 关于我们页面
- 联系页面
优化阶段
- SEO插件配置
- 固定链接设置
- 图片优化
- 移动端测试
- 速度测试
安全阶段
- SSL证书配置
- 安全插件安装
- 备份设置
- 管理员账号安全
⚠️ 常见问题
Q1:WordPress适合ToB网站吗?
A:非常适合
- 灵活的页面编辑
- 丰富的功能插件
- SEO友好
- 成本可控
Q2:需要学习编程吗?
A:不需要
- 使用Elementor等可视化编辑器
- 大部分功能通过插件实现
- 遇到问题可以用AI辅助
Q3:需要购买付费主题吗?
A:不是必须
- 免费主题(如Astra)功能足够
- 付费主题提供更多功能和模板
- 建议先用免费版,需要再升级
Q4:插件装多少合适?
A:精简为主
- 只安装必要插件
- 一般10-20个足够
- 插件过多影响速度
Q5:网站速度慢怎么办?
A:逐步优化
- 检查主机性能
- 压缩图片
- 安装缓存插件
- 使用CDN
- 精简插件
🎯 核心要点总结
| 步骤 | 关键点 |
|---|---|
| 安装 | 主机商一键安装最简单 |
| 主题 | Astra免费版足够 |
| 插件 | Elementor + Rank Math + WPForms |
| 页面 | 使用Elementor可视化编辑 |
| SEO | Rank Math辅助优化 |
| 安全 | SSL + 安全插件 + 备份 |
📚 延伸阅读
- 04-主题选择与配置.md - 主题详细配置
- 05-必备插件清单.md - 插件详细说明
下一篇:04-主题选择与配置.md