2020年最新版本WordPress本地环境搭建与安装教程插图

通常我们在使用WordPress搭建一个网站前,又或者测试一个WordPress主题或者插件时,会通过本地环境搭建一个WordPress测试网站。但对于初入门的WordPress新手来说,搭建WordPress本地环境可能未必是一件容易的事情。

实际上,我们只需要几个简单的步骤,即可完成本地安装WordPress。无论您是要测试新功能,试验开发项目还是在正式上线之前搭建WordPress网站,本地WordPress安装都可以帮助您实现这一目标。

在本文中,我们将分享如何使用DesktopServer,XAMPP,WAMP或MAMP在Windows、Mac及Linux电脑系统安装WordPress 。

    1. 关于本地安装WordPress的概述
    2. WordPress本地安装之DesktopServer篇(Win&Mac环境)
    3. WordPress本地安装之WAMP篇(Windows环境)
    4. WordPress本地安装之MAMP篇(Mac&Win环境)
    5. WordPress本地安装之XAMPP篇(Win, Mac&Linux环境)

关于本地安装WordPress的概述

在本地安装WordPress也有一些优势。非正式环境,完全无需担心影响访客浏览网站体验;即使无网络,也可以继续操作。

此外,在处理文件和本地编辑时,本地环境有时会更快。通常只需较少的设置即可启动和运行它。

当您想在本地安装WordPress时,您需要在计算机上设置本地AMP堆栈。对于WordPress,AMP代表Apache,MySQL,PHP。这些均是WordPress服务器主机所需要运行的Web服务器软件。

您可以使用多种方法来实现本地服务器环境搭建。最常见的选项包括WAMP,XAMPP和MAMP,这些都是优秀的软件工具(当然我们还有本土的phpstudy,日后有时间也可以写篇文章专门介绍一番)。

但是,它们被设计为可与多种其他软件和工具一起使用,可能会有一些学习曲线。不过,没关系,我们下面会逐一对这几个软件进行说明。

首先要介绍的是DesktopServer,它实际上是为WordPress作为本地AMP堆栈专门设计和优化的。

WordPress本地安装之DesktopServer篇

DesktopServer是ServerPress提供的一款出色的WordPress产品,可以使在本地安装WordPress变得轻而易举:

2020年最新版本WordPress本地环境搭建与安装教程插图1

DesktopServer安装界面

您只需单击一下按钮,即可在几秒钟内启动新的开发安装。该工具还完全支持多站点和WP-CLI,并且可以在Windows和Mac上使用。

ServerPress有免费版本和高级版本,后者每年收费99.95美元。高级版本包括一些专业功能,例如:

  • 多站点支持
  • 导入和导出第三方备份
  • 直接部署到线上环境
  • 绕过任何登录插件

您可以根据需要选择最适合的版本。如果您只需要进行一些快速测试,免费版本完全足够了。

步骤1:下载DesktopServer到本地计算机

要在本地安装WordPress,您首先需要从官方下载DesktopServer。该软件提供Windows版本和Mac版本。以下示例,我们将使用Windows版本。

单击DesktopServer官网右上角的“FREE DOWNLOAD”按钮( 如果需要专业版,请单击“购买高级版Buy Premium”):

2020年最新版本WordPress本地环境搭建与安装教程插图2

ServerPress网站

然后你将会下载到.zip 安装包压缩文件到您的计算机。

步骤2:启动DesktopServer安装程序

文件下载完成后,下一步是启动DesktopServer安装程序。在执行此操作之前,需要解压缩刚刚下载的文件。这可能需要几分钟才能完成。

完成后,点击Install DSL

2020年最新版本WordPress本地环境搭建与安装教程插图3

DesktopServer安装程序

首次启动该程序时,系统提示您以管理员权限重新启动。选择Continue。然后将提示您接受服务条款,并选择安装选项(新安装选择第一个选项即可):

2020年最新版本WordPress本地环境搭建与安装教程插图4

DesktopServer安装界面

选中“New DesktopServer Installation”,然后单击“Continue”。安装过程将开始,这可能需要一些时间。

完成后,将弹出窗口,提示您安装已完成,并告知你在计算机目录中的哪里可以找到该应用程序。完成后,点击“Finish”

步骤3:启用插件并启动Apache和MySQL服务

安装完成后,您可以启用多种不同的开发人员插件:

2020年最新版本WordPress本地环境搭建与安装教程插图5

DesktopServer开发人员插件启用

这是在本地安装WordPress时可以使用的开发人员插件的清单。强烈建议Bypass login和DS-CLI插件。

  • Airplane mode:本地开发时,控制外部文件的加载。
  • Bypass login:通过快速选择组合框中的前100个用户名中的任意一个,允许开发人员绕过登录凭据。
  • Clean Import:重置.htaccess,清除第三方主机的缓存
  • Debug and Trace:强制WP_DEBUG = true,并在PHP和JavaScript中启用跨平台/语言的跟踪语句。
  • Dreamweaver Support:在处理模板文件和style.css时,启用Dreamweaver项目文件的自动创建和WYSIWYG模式。
  • DS-CLI: 这是专业开发人员的增强型跨平台命令行界面。它使您可以轻松使用CLI, Composer, Git和PHPUnit。包含NodeJS和NPM以允许安装GRUNT,Gulp和其他Node依赖项。
  • DS-Deploy: 用于将站点从本地DesktopServer安装移动到实时服务器。
  • InnoDB Autoconvert:在创建,复制,移动和导入操作中,将站点的表转换为InnoDB。
  • Local Admin Color Bar: 更改管理栏颜色。
  • Mailbox Viewer:为开发人员提供脱机快速查看邮件传递服务的功能。

请记住,其中某些选项仅适用于高级版本。完成后,选择“Next”。然后提示是否要启动Web和数据库服务,继续单击“Next”

步骤4:创建一个新的开发站点

完成启用插件并启动Web和数据库服务后,下一个提示将是选择“Create a new development website”

2020年最新版本WordPress本地环境搭建与安装教程插图6

在DesktopServer中创建新开发网站的选项

该程序将在此处为您安装WordPress。您必须选择您的网站名称,这也是它的本地地址。我们将其称为“testsite”,因此我们的开发URL将在本地计算机上为“testsite.dev”:

2020年最新版本WordPress本地环境搭建与安装教程插图7

在DesktopServer中创建站点名称界面

DesktopServer使您可以实际创建不同的blueprints,使其几乎像一个预先构建的模板。但是,就我们而言,我们只需要全新安装。

DesktopServer始终将最新版本的WordPress作为默认blueprint。这意味着您不必担心从存储库手动下载并解压缩它。

默认情况下,站点的根目录位于“My Documents”文件夹中。但是,为了便于管理,建议在任意分盘创建一个名为“wordpress”的文件夹。

准备好后,点击Create。然后,您将看到本地WordPress安装的URL。单击该按钮完成安装。

步骤5:安装和配置WordPress网站

当您单击前面提到的链接时,本地WordPress网站将在浏览器选项卡中打开,经常常规的WordPress安装步骤(与线上安装步骤一样):

2020年最新版本WordPress本地环境搭建与安装教程插图8

WordPress安装设置页面

选择语言后,下一步是为您的网站命名并选择一个用户名(如果该测试环境的数据会在后面部署到线上,请不要使用”admin”等一些容易被猜中的名字作为用户名,以免成为安全隐患),强密码和您的电子邮件地址:

2020年最新版本WordPress本地环境搭建与安装教程插图9

WordPress网站搭建欢迎页面

完成后,选择Install WordPress。现在,您可以浏览本地安装的WordPress及开始进行测试。

在本例中,我们将转到浏览器地址栏中的“testsite.dev”。由于我们在安装过程中选择了Bypass login插件功能,软件将提供一个下拉菜单,我们可以在其中选择管理员并自动登录。显然,您不会在生产站点上使用此功能,但是对于开发环境而言,它非常方便。

使用DesktopServer在本地安装WordPress的其他提示

鉴于Windows文件的权限,你可能会或可能不会看到一条关于WordPress未能更新通知信息:

2020年最新版本WordPress本地环境搭建与安装教程插图10

WordPress更新失败消息

要解决此问题,只需以管理员身份打开命令提示符,然后在WordPress目录文件夹中运行以下命令:

attrib -s *.*

2020年最新版本WordPress本地环境搭建与安装教程插图11

WordPress的LAMP权限

如果需要有关如何执行操作的更多指导或说明,则可以在ServerPress上了解更多详细信息。

要创建其他WordPress网站或对其进行编辑,只需再次启动DesktopServer.exe文件。您可以停止和重新启动服务,创建新站点,对其进行编辑,导出和导入等。要访问phpMyAdmin,可以单击左下方的“Sites”按钮:

2020年最新版本WordPress本地环境搭建与安装教程插图12

DesktopServer应用程序站点管理按钮

或者,您可以在浏览器的地址栏中输入“localhost”。这将在localhost上打开管理员界面:

2020年最新版本WordPress本地环境搭建与安装教程插图13

DesktopServer本地主机的管理员界面

在这里,您可以获得所有WordPress网站的链接,以及仪表盘链接和phpMyAdmin链接。

另一个很棒的功能是单击即可启动WP-CLI(或DS-CLI)的功能。如果您在上面的设置过程中选择了DS-CLI选项,则您的信息中心内将提供一个链接。只需单击它,就可以启动WP-CLI命令。

DesktopServer还包括导出功能,该功能使您可以将WordPress网站直接导出到实时网站或.zip  文件。但,必须使用它的付费版本

WordPress本地安装之WAMP篇

如果要在Windows计算机上本地安装WordPress,也可以使用WampServer(也称为WAMP)进行安装。WAMP是一个捆绑了专门用于Windows设备的Apache Web服务器,PHP和MySQL的软件。下面将会详细说明XAMPP安装教程与配置,及本地WordPress安装。

步骤1:下载WAMP

第一步是将WAMP软件下载并安装到您的计算机上。您可以通过访问WampServer网站,点击Start Using WampServer按钮:

2020年最新版本WordPress本地环境搭建与安装教程插图14

WampServer网站

你将会看到可以选择两个版本:WampServer 32位和WampServer 64位,根据自己的系统版本选择适合的版本。

如果你不确定你的操作系统是32位或64位,以Win10为例,点击Windows开始按钮,在Settings(设置)>About(关于)找到系统版本信息:

2020年最新版本WordPress本地环境搭建与安装教程插图15

Windows系统版本信息查看

步骤2:运行Wampserver.exe文件开始安装

下载软件后,单击wampserver.exe文件运行安装程序。这可能需要一两分钟。注:另外,记下软件安装目录,因为稍后需要重新访问该文件夹:

2020年最新版本WordPress本地环境搭建与安装教程插图16

Wamp设置界面

安装界面上将提示您一系列说明,以完成安装。在此过程中,系统将要求您定义网络浏览器。

步骤3:建立新的MySQL数据库

下一步是建立一个空白的MySQL数据库。启动WAMP之后,屏幕右下角将出现一个绿色图标。

单击图标,然后单击phpMyAdmin,然后会跳转到浏览器进入phpMyAdmin的登录界面:

2020年最新版本WordPress本地环境搭建与安装教程插图17

phpMyAdmin登录页面

在用户名字段中,输入“root”,将密码字段保留为空,然后选择“Go” 按钮。接下来,单击Databases

2020年最新版本WordPress本地环境搭建与安装教程插图18

phpMyAdmin数据库管理界面

“Create Databases”部分下,给新数据库命名。接下来,点击Create按钮,即可创建一个数据库。

步骤4:安装WordPress

创建完数据库后,下一步就是在本地安装WordPress。访问WordPress.org并单击获取WordPress,然后下载最新版本的WordPress:

2020年最新版本WordPress本地环境搭建与安装教程插图19

WordPress下载

这会将.zip文件WordPress压缩包下载到本地电脑。使用7zip或者winrar等解压缩工具,解压该压缩包将会获得一个wordpress的文件夹。

右键单击该文件夹,然后选择“复制”,将其复制到WAMP的安装目录。

此时,您还可以根据需要重命名“wordpress”文件夹。该文件夹的名称将是您本地WordPress安装的URL。本教程,将其重命名为”mytestsite”。

步骤5:浏览器访问本地WordPress网站

打开浏览器,然后在搜索地址栏中输入“http://localhost/mytestsite/”。当然,如果命名为为其他名称,应该将“mytestsite”替换成你的命名。

然后,将显示一系列提示,以帮助你设置WordPress安装,流程与上一节提及的步骤一致,此处不再展开。完成后,单击“Let’s Go!”。

2020年最新版本WordPress本地环境搭建与安装教程插图20

WordPress安装-数据库详细信息页面

在下一个安装界面,需要输入数据库信息。包括数据库名(步骤三设置的名称),用户名为“root”,密码字段保留为空。

接下来,单击“Run the installation”按钮。然后,继续命名本地站点并创建网站管理员用户名和密码,最后点击Install WordPress即可完成本地WordPress网站安装。

WordPress本地安装之MAMP篇

如果你使用的是Mac电脑,则可以考虑使用MAMP。MAMP是Macintosh,Apache,MySQL和PHP的缩写。该软件非常易于使用,是大部分Mac用户的首选。

步骤1:下载MAMP

与前两个软件一样,首先你需要通过官网下载MAMP(同时兼任Mac和Windows,更推荐Mac使用MAMP)。

2020年最新版本WordPress本地环境搭建与安装教程插图21

MAMP下载页面

注:可免费下载和使用MAMP,但也可以使用付费版本  。

步骤2:安装MAMP并启动服务器

下载完成后,单击mamp.pkg 文件。将会弹出一个安装窗口。点击Continue按钮根据提示安装应用:

2020年最新版本WordPress本地环境搭建与安装教程插图22

MAMP安装界面

接下来,点击Mac顶部导航菜单Go(前往)> Applications(应用),然后单击MAMP文件夹:

2020年最新版本WordPress本地环境搭建与安装教程插图23

MAMP应用程序文件夹

在该文件夹中,单击MAMP Elephant图标:

2020年最新版本WordPress本地环境搭建与安装教程插图24

MAMP应用程序图标

打开一个新窗口,点击Start Servers

2020年最新版本WordPress本地环境搭建与安装教程插图25

MAMP启动服务器选项

Apache和MySQL服务器启动后,MAMP将自动在浏览器中打开WebStart页面。

步骤3:创建数据库并更新用户信息

创建一个新的数据库。在WebStart页面上,选择Tools> phpMyAdmin

2020年最新版本WordPress本地环境搭建与安装教程插图26

通过MAMP WebStart页面打开phpMyAdmin

phpMyAdmin打开后,单击“数据库Databases”选项卡。为新建的数据库命名,然后选择Create

2020年最新版本WordPress本地环境搭建与安装教程插图27

为本地MAMP站点创建一个新数据库

接下来,您将需要更新MAMP默认创建帐户的MySQL数据库用户凭据,因为需要它们来完成WordPress安装过程。浏览回到phpMyAdmin主界面,然后单击“User accounts”  选项卡。

然后,单击 用户名为mamp的帐户的“编辑权限” :

2020年最新版本WordPress本地环境搭建与安装教程插图28

编辑MAMP默认创建的phpMyAdmin用户

选择Edit privileges选项卡,输入新的密码,然后点击Go执行

2020年最新版本WordPress本地环境搭建与安装教程插图29

更改MAMP默认创建的phpMyAdmin帐户密码

然后,关闭phpMyAdmin。

步骤4:安装WordPress并从Localhost访问网站

访问WordPress.org并下载最新版本的WordPress。完成下载后,解压压缩包获得”wordpress”文件夹。右键点击该文件夹,然后选择复制

回到Mac电脑桌面,点击菜单Go(前往)>Applications(应用)>MAMP,然后打开htdocs  文件夹:

2020年最新版本WordPress本地环境搭建与安装教程插图30

MAMP应用程序的htdocs文件夹

在该文件夹内,粘贴刚复制的WordPress文件夹。建议将其重命名为“mytestsite”或类似的名称:

2020年最新版本WordPress本地环境搭建与安装教程插图31

MAMP重命名站点名称

然后,在浏览器新选项卡地址栏输入http://localhost/8888/mytestsite。将提示您输入数据库凭据(即前面步骤三所设置的信息),并命名站点名称及站点用户名、密码:

2020年最新版本WordPress本地环境搭建与安装教程插图32

完成WordPress安装向导

完成WordPress安装提示后,一切就完成了!

WordPress本地安装之XAMPP篇

XAMPP是另一个流行的PHP开发环境,以便于你在Windows,macOS或Linux本地环境安装WordPress。下面是详细的XAMPP安装教程与配置:

步骤1:下载及安装XAMPP

访问Apache Friends网站,并在绿色的Download按钮旁,选择适用于Windows的XAMPP (如果你使用Linux或者Mac,则选择对应的版本):

2020年最新版本WordPress本地环境搭建与安装教程插图33

Apache Friends网站

然后将会自动下载安装包到本地计算机。完成后,单击.exe文件以启动安装程序。

注:如果是macOS,这将是一个.dmg文件。打开它后,单击XAMPP图标并将其拖到“Applications(应用程序)”文件夹中。

步骤2:选择需要安装的组件

运行安装程序后,提示你选择要安装的组件。务必勾选核心的四个组件Apache,MySQL,PHPphpMyAdmin,其他组件根据自己实际需要勾选即可:

2020年最新版本WordPress本地环境搭建与安装教程插图34

XAMPP组件选择界面

完成组件选择后,单击“Next(下一步)” 按钮,然后选择XAMPP安装路径。

再次单击Next(下一步)按钮,忽略Bitnami提示,再次选择Next(下一步)

步骤3:启动XAMPP控制面板并测试本地服务器

在最后一个界面上,选择启动XAMPP控制面板。在打开的XAMPP控制面板中,您可以单击ApacheMySQL旁边的Start按钮(如果你使用过phpstudy,会不会有点似曾相识的感觉):

2020年最新版本WordPress本地环境搭建与安装教程插图35

XAMPP控制面板

启动它们后,状态应变为绿色。就可以开始测试本地服务器是否正常。在浏览器地址栏输入“http://localhost/”进行访问。如果可访问,则说明已成功将XAMPP添加到本地计算机。

步骤4:下载WordPress并创建数据库

下一步是在本地计算机安装WordPress。访问WordPress.org并下载最新版本的WordPress。

下载完成后,解压压缩文件,然后复制文件夹至XAMPP安装目录下的htdocs文件夹,并重命名wordpress文件夹名为“mytestsite”

接下来的步骤就是创建数据库。

回到XAMPP控制面板,然后选择MySQL旁边的Admin以启动phpMyAdmin。

单击数据库Databases,然后命名数据库并选择创建Create (如需要更详细的信息,参考前面几个软件的使用教程)。

第5步:浏览器访问本地创建的WordPress站点

在浏览器输入“http://localhost/mytestsite”

系统将提示选择一种语言,填写站点相关信息及数据库详细信息,即可本地环境搭建WordPress网站!

小结

通过设置WordPress本地环境,你可以再本地搭建一个WordPress网站,以便于作为测试、开发或者准备新网站内容使用。

在本文中,我们详细介绍了如何通过本地服务器环境软件DesktopServer,WAMP,MAMP或XAMPP在Mac和Windows上搭建WordPress网站。尽管几个工具的使用步骤有所不同,但大同小异,可以简单归纳为五个主要步骤:

  1. 下载本地服务器环境软件应用。
  2. 安装并配置本地服务器环境应用程序。
  3. 为测试站点创建空白MySQL数据库。
  4. 下载最新版本的WordPress。
  5. 通过浏览器访问测试站点地址以完成localhost设置。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。