【使用小皮面板 + 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 数据库备份与迁移
  • 将本地站点部署到线上服务器等内容
相关推荐
春日见1 天前
GIT操作大全(个人开发与公司开发)
开发语言·驱动开发·git·matlab·docker·计算机外设·个人开发
monsion1 天前
Code Agent 不是编程工具:它是今天最接近通用 Agent 的现成形态
人工智能·vscode·个人开发
土土哥V_araolin3 天前
十二星商城小公排系统开发
小程序·个人开发·零售
2501_916007474 天前
iOS 开发工具有哪些 按开发流程整理的工具清单
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
剑飞的编程思维5 天前
技术评审方法与流程全解析-如何做好技术评审
git·架构·个人开发·学习方法·技术美术·代码复审
土土哥V_araolin5 天前
双迹美业奖金制度模式系统(现成源码)
小程序·个人开发·零售
游戏开发爱好者85 天前
入门 iOS 开发 新手工具开发首个应用
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
2501_915106326 天前
不依赖 Mac 也能做 iOS 开发?跨设备开发流程
ide·vscode·macos·ios·个人开发·swift·敏捷流程
We་ct6 天前
LeetCode 33. 搜索旋转排序数组:O(log n)二分查找
前端·算法·leetcode·typescript·个人开发·二分·数组
2501_915921437 天前
VSCode 写 Swift 运行到 iPhone?快蝎 IDE 开发实战体验
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程