Windows使用XAMPP安装WordPress教程

本文将分以下几方面讲解在Windows平台中使用XAMPP安装WordPress的详细方法：下载 XAMPP & WordPress、安装 XAMPP、配置MySQL、安装 WordPress、WordPress 外网访问问题。

下载 XAMPP & WordPress

XAMPP下载

注意，官网都是 x64 版本的，并没有x86版本的，所以 Winows 需要是 64 位本的

https://www.apachefriends.org/download.html

WordPress 下载

WordPress 直接点击下载即可，如下图所示

https://cn.wordpress.org/download/#download-install

安装 XAMPP

2.1使用默认配置，一直点击下一步即可。

2.2安装完毕后，在 XAMPP 的控制面板启动2个服务，Apache & MySQL

如果需要更改配置，则点击 Config 修改（默认即可，不需要修改）。

2.3 点击 Apache 和 Mysql 后 Start 启动这2个服务

如果成功，则如下图所示，Apache 和 MySQL 都成功启动，并且会显示默认端口。

2.4 测试服务Apache 和 Mysql 服务是否正常

依次点击 Apache 和 Mysql 的，Admin 进入管理页面，MySQL 也做此操作。

如果浏览器会自动打开 Mysql / Apache 页面，则表示服务安装成功，如下图所示

配置MySQL

MySQL 需要做一些基本配置，才可以使用。

3.1 在 MySQL 中，创建 WordPress 数据库

WordPress 需要一个现成可用的数据库，可以使用 XAMPP 提供 phpMyAdmin 创建。

点击 XAMPP控制面板上 MySQL 后的 Admin ，浏览器会自动启动并进入 phpMyAdmin 页面，按照如下图提示创建数据库

1. 点击 New

2. 输入数据库名 wordpress

3.点击 Create 创建数据库

3.2 使用 MySQL 数据库默认用户名和密码

不需要配置用户名和密码，使用默认配置即可。

如下图，第一次安装 XAMPP 时，默认用户名 root ，默认密码空（连接数据库时，不需要密码）

安装 WordPress

4.1 解压 WordPress 压缩包，然后放入 Apache 目录中 C:\xampp\htdocs

4.2 打开浏览器访问安装页面

访问地址 http://localhost/wordpress 会自动跳转到安装页面

4.2.1 安装提示页面，不需要做任何配置，点击现在就开始，即可。

4.2.2 配置数据库

数据库名（使用前面创建的数据）：wordpress

用户名（默认用户名）：root

密码（默认没有密码）：空着

其他配置不需要修改。

4.2.3 数据库连接正常，则会如下图提示，不需要任何配置，点击 “运行安装程序”。

4.2.4 站点配置

站点标题：自己想一个就行了。

用户名：admin （可以自定义）

密码：1234556 （自定义，如果是弱密码，则要勾选 “确认使用弱密码”）

确认密码：勾选

你的电子邮件地址：填写你自己的邮件地址（wordpress 并不会验证邮箱）

点击，安装 WordPress

4.2.5 安装成功页面

安装成功，会显示如下页面，不需要做任何配置，点击登录即可。

4.2.6 登陆页面，点击登录

4.2.7 WordPress首页，至此 WordPress 安装成功

WordPress 外网访问问题

XAMPP 默认可以通过外网访问，但是实际上却无法正常使用

问题原因

这是因为， WordPress 的 URL 默认设置为 localhost ，外网访问时无法加载 CSS 等文件

下面截取部分HTML，可以看到默认地址为 localhost，当外网访问的时候当然网页不正常显示

<link rel='stylesheet' id='twentytwentytwo-style-css'  href='http://localhost/wordpress/wp-content/themes/twentytwentytwo/style.css?ver=1.2' media='all' />
<script src='http://localhost/wordpress/wp-includes/blocks/navigation/view.min.js?ver=009e29110e016c14bac4ba0ecc809fcd' id='wp-block-navigation-view-js'></script>
<link rel="https://api.w.org/" href="http://localhost/wordpress/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 6.0.1" />

解决方法

1. 使用 XAMPP 控制面板打开 phpMyAdmin 页面（前面打开过）

2. 找到 WordPress数据库表 wp_options 表

3. 找到 wp_options 表 option_name 字段值为 siteurl 和 home 的 2行

4. 这2行的 option_value 字段值的 localhost 修改为服务器的 IP地址（你电脑的IP地址）

此时页面中的链接地址中的 IP 地址都变为所设置的 IP 地址，网站通过IP可以正常访问

<link rel='stylesheet' id='twentytwentytwo-style-css'  href='http://192.168.211.129/wordpress/wp-content/themes/twentytwentytwo/style.css?ver=1.2' media='all' />
<script src='http://192.168.211.129/wordpress/wp-includes/blocks/navigation/view.min.js?ver=009e29110e016c14bac4ba0ecc809fcd' id='wp-block-navigation-view-js'></script>
<link rel="https://api.w.org/" href="http://192.168.211.129/wordpress/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://192.168.211.129/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://192.168.211.129/wordpress/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 6.0.1" />