【使用小皮面板 + WordPress 搭建本地网站教程】


🚀 使用小皮面板 + WordPress 搭建本地网站教程(快速上手)

本教程将手把手教你如何使用 小皮面板(XAMPP 类似工具)WordPress 搭建一个完全本地化的网站环境。适合 初学者 / 博主 / Web开发者 本地练习使用,无需公网域名,全程离线可操作


🧰 一、准备工作

1. 下载并安装小皮面板

  • 官网地址:https://www.xp.cn
  • 下载适用于你的操作系统的小皮面板并完成安装
  • 安装完成后,默认会包含 Apache、MySQL 等核心服务

✅ 确保 Apache 和 MySQL 服务可以正常启动


🗂 二、配置本地站点(可选)

1. 修改 hosts 文件实现伪域名访问

如需通过 www.testsite.local 访问本地站点,可按如下步骤操作:

  • 打开路径:

    复制代码
    C:\Windows\System32\drivers\etc\hosts
  • 末尾添加一行:

    复制代码
    127.0.0.1   www.testsite.local
  • 使用管理员权限保存文件


📁 三、创建站点项目

1. 清空默认站点文件

  • 找到站点根目录,一般路径为:

    复制代码
    C:\phpstudy_pro\WWW\testsite
  • 删除目录下默认文件(如 index.html),保持目录为空

2. 下载并部署 WordPress

  • WordPress 中文官网:https://cn.wordpress.org
  • 下载最新版安装包
  • 解压并将其中所有文件(包括 index.phpwp-content 等)复制到站点根目录中

🛠 四、创建数据库

通过小皮面板操作:

  1. 打开小皮面板,点击 数据库管理 > MySQL管理工具(phpMyAdmin)

  2. 创建新数据库,命名如:

    复制代码
    wordpress
  3. 默认配置:

    • 用户名:root
    • 密码:空(留空即可)

⚙️ 五、安装配置 WordPress

1. 启动服务

  • 确保 Apache 和 MySQL 服务都已启动

  • 打开浏览器访问:

    复制代码
    http://localhost

    或使用设置的伪域名:

    复制代码
    http://www.testsite.local

2. 安装引导流程

根据提示填写数据库信息:

  • 数据库名:wordpress
  • 用户名:root
  • 密码:(留空)
  • 数据库主机:localhost
  • 表前缀:wp_(可自定义)

点击"提交"并继续安装。


✅ 六、完成安装

在最后一步填写站点信息:

  • 网站标题
  • 管理员用户名、密码
  • 管理员邮箱

点击"安装 WordPress",然后登录后台开始使用!


🌐 七、预览网站

登录后台后,点击左上角"查看站点"即可访问你搭建的本地网站首页!


🧾 八、总结回顾

通过本教程,你完成了以下内容:

  • ✅ 安装并配置小皮面板(本地服务器)
  • ✅ 设置伪域名(可选)
  • ✅ 新建网站目录与数据库
  • ✅ 安装 WordPress 并完成配置
  • ✅ 成功运行 WordPress 网站

现在你已经拥有了一个运行在本地的 WordPress 网站,适用于日常开发、学习、主题/插件调试等场景!


📌 提示:后续可以进一步学习:

  • WordPress 主题和插件开发
  • MySQL 数据库备份与迁移
  • 将本地站点部署到线上服务器等内容
相关推荐
2501_916008897 小时前
Swift多环境配置:利用Scheme实现灵活的多环境管理
开发语言·ide·vscode·ios·个人开发·swift·敏捷流程
小白一枚138 小时前
[学习笔记]Kafka 篇:从原理到实战的一站式指南
大数据·运维·elk·kafka·个人开发
2501_915918412 天前
iOS 真机调试工具推荐,安装运行、性能分析有哪些工具
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
杰夫(简道云个人搭建)5 天前
SAAS系统应该先解决业务问题,再优化体验
数据库·人工智能·低代码·excel·个人开发
宇的出海纪元6 天前
App排名变化怎么看?从上涨趋势判断产品是否值得关注
人工智能·个人开发·app开发
丫头,冲鸭!!!6 天前
记账网站-post功能
javascript·个人开发
Kendra9197 天前
从 0 到上线:单文件网页 App 部署到阿里云 ECS 全流程(Nginx+Node+PM2+PostgreSQL)
nginx·阿里云·云计算·部署·个人开发·今天吃什么
谦卑a7 天前
nodejs安装保姆级教程
前端·javascript·node.js·个人开发
丫头,冲鸭!!!8 天前
记账网站3-连数据库
数据库·个人开发
LyridRelan9 天前
Skill Cli MCP 的三者关系以及部分Q&A
人工智能·ai·个人开发