Windows使用XAMPP安装WordPress教程

安装 WordPress 需要先安装MySQL服务 和 Apache 服务器,这对于初学者来说比较复杂,可以使用 XAMPP 自动安装MySQL 和 Apache 服务,简化安装。下面介绍如何使用 XAMPP 安装 WordPress 。

文章目录(展开/隐藏→)

展开
4.5
(4)

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

Windows使用XAMPP安装WordPress教程

下载 XAMPP & WordPress

XAMPP下载

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

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

WordPress 下载

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

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

Windows使用XAMPP安装WordPress教程

安装 XAMPP

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

Windows使用XAMPP安装WordPress教程

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

如果需要更改配置,则点击 Config 修改(默认即可,不需要修改)。

Windows使用XAMPP安装WordPress教程

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

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

Windows使用XAMPP安装WordPress教程

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

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

Windows使用XAMPP安装WordPress教程

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

Windows使用XAMPP安装WordPress教程
Windows使用XAMPP安装WordPress教程

配置MySQL

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

3.1 在 MySQL 中,创建 WordPress 数据库

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

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

1. 点击 New

2. 输入数据库名 wordpress

3.点击 Create 创建数据库

Windows使用XAMPP安装WordPress教程

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

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

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

Windows使用XAMPP安装WordPress教程

安装 WordPress

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

Windows使用XAMPP安装WordPress教程

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

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

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

Windows使用XAMPP安装WordPress教程

4.2.2 配置数据库

数据库名(使用前面创建的数据):wordpress

用户名(默认用户名):root

密码(默认没有密码):空着

其他配置不需要修改。

Windows使用XAMPP安装WordPress教程

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

Windows使用XAMPP安装WordPress教程

4.2.4 站点配置

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

用户名:admin (可以自定义)

密码:1234556 (自定义,如果是弱密码,则要勾选 “确认使用弱密码”)

确认密码:勾选

你的电子邮件地址:填写你自己的邮件地址(wordpress 并不会验证邮箱)

点击,安装 WordPress

Windows使用XAMPP安装WordPress教程

4.2.5 安装成功页面

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

Windows使用XAMPP安装WordPress教程

4.2.6 登陆页面,点击登录

Windows使用XAMPP安装WordPress教程

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

Windows使用XAMPP安装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地址)

Windows使用XAMPP安装WordPress教程

此时 页面中的链接地址中的 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" />

共计4人评分,平均4.5

到目前为止还没有投票~

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

本文投稿作者:飒飒,如若转载,请注明出处:https://iymark.com/website/wordpress/windows-xampp-install-wordpress.html

(0)
上一篇 2022年09月18日 13:54
下一篇 2022年09月18日 19:08

相关推荐

发表回复

登录后才能评论
本站APP