通常我们在使用WordPress搭建一个网站前,又或者测试一个WordPress主题或者插件时,会通过本地环境搭建一个WordPress测试网站。但对于初入门的WordPress新手来说,搭建WordPress本地环境可能未必是一件容易的事情。
实际上,我们只需要几个简单的步骤,即可完成本地安装WordPress。无论您是要测试新功能,试验开发项目还是在正式上线之前搭建WordPress网站,本地WordPress安装都可以帮助您实现这一目标。
在本文中,我们将分享如何使用DesktopServer,XAMPP,WAMP或MAMP在Windows、Mac及Linux电脑系统安装WordPress 。
关于本地安装WordPress的概述
在本地安装WordPress也有一些优势。非正式环境,完全无需担心影响访客浏览网站体验;即使无网络,也可以继续操作。
此外,在处理文件和本地编辑时,本地环境有时会更快。通常只需较少的设置即可启动和运行它。
当您想在本地安装WordPress时,您需要在计算机上设置本地AMP堆栈。对于WordPress,AMP代表Apache,MySQL,PHP。这些均是WordPress服务器主机所需要运行的Web服务器软件。
您可以使用多种方法来实现本地服务器环境搭建。最常见的选项包括WAMP,XAMPP和MAMP,这些都是优秀的软件工具(当然我们还有本土的phpstudy,日后有时间也可以写篇文章专门介绍一番)。
但是,它们被设计为可与多种其他软件和工具一起使用,可能会有一些学习曲线。不过,没关系,我们下面会逐一对这几个软件进行说明。
首先要介绍的是DesktopServer,它实际上是为WordPress作为本地AMP堆栈专门设计和优化的。
WordPress本地安装之DesktopServer篇
DesktopServer是ServerPress提供的一款出色的WordPress产品,可以使在本地安装WordPress变得轻而易举:
DesktopServer安装界面
您只需单击一下按钮,即可在几秒钟内启动新的开发安装。该工具还完全支持多站点和WP-CLI,并且可以在Windows和Mac上使用。
ServerPress有免费版本和高级版本,后者每年收费99.95美元。高级版本包括一些专业功能,例如:
- 多站点支持
- 导入和导出第三方备份
- 直接部署到线上环境
- 绕过任何登录插件
您可以根据需要选择最适合的版本。如果您只需要进行一些快速测试,免费版本完全足够了。
步骤1:下载DesktopServer到本地计算机
要在本地安装WordPress,您首先需要从官方下载DesktopServer。该软件提供Windows版本和Mac版本。以下示例,我们将使用Windows版本。
单击DesktopServer官网右上角的“FREE DOWNLOAD”按钮( 如果需要专业版,请单击“购买高级版Buy Premium”):
ServerPress网站
然后你将会下载到.zip 安装包压缩文件到您的计算机。
步骤2:启动DesktopServer安装程序
文件下载完成后,下一步是启动DesktopServer安装程序。在执行此操作之前,需要解压缩刚刚下载的文件。这可能需要几分钟才能完成。
完成后,点击Install DSL:
DesktopServer安装程序
首次启动该程序时,系统提示您以管理员权限重新启动。选择Continue。然后将提示您接受服务条款,并选择安装选项(新安装选择第一个选项即可):
DesktopServer安装界面
选中“New DesktopServer Installation”,然后单击“Continue”。安装过程将开始,这可能需要一些时间。
完成后,将弹出窗口,提示您安装已完成,并告知你在计算机目录中的哪里可以找到该应用程序。完成后,点击“Finish”。
步骤3:启用插件并启动Apache和MySQL服务
安装完成后,您可以启用多种不同的开发人员插件:
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”:
在DesktopServer中创建新开发网站的选项
该程序将在此处为您安装WordPress。您必须选择您的网站名称,这也是它的本地地址。我们将其称为“testsite”,因此我们的开发URL将在本地计算机上为“testsite.dev”:
在DesktopServer中创建站点名称界面
DesktopServer使您可以实际创建不同的blueprints,使其几乎像一个预先构建的模板。但是,就我们而言,我们只需要全新安装。
DesktopServer始终将最新版本的WordPress作为默认blueprint。这意味着您不必担心从存储库手动下载并解压缩它。
默认情况下,站点的根目录位于“My Documents”文件夹中。但是,为了便于管理,建议在任意分盘创建一个名为“wordpress”的文件夹。
准备好后,点击Create。然后,您将看到本地WordPress安装的URL。单击该按钮完成安装。
步骤5:安装和配置WordPress网站
当您单击前面提到的链接时,本地WordPress网站将在浏览器选项卡中打开,经常常规的WordPress安装步骤(与线上安装步骤一样):
WordPress安装设置页面
选择语言后,下一步是为您的网站命名并选择一个用户名(如果该测试环境的数据会在后面部署到线上,请不要使用”admin”等一些容易被猜中的名字作为用户名,以免成为安全隐患),强密码和您的电子邮件地址:
WordPress网站搭建欢迎页面
完成后,选择Install WordPress。现在,您可以浏览本地安装的WordPress及开始进行测试。
在本例中,我们将转到浏览器地址栏中的“testsite.dev”。由于我们在安装过程中选择了Bypass login插件功能,软件将提供一个下拉菜单,我们可以在其中选择管理员并自动登录。显然,您不会在生产站点上使用此功能,但是对于开发环境而言,它非常方便。
使用DesktopServer在本地安装WordPress的其他提示
鉴于Windows文件的权限,你可能会或可能不会看到一条关于WordPress未能更新通知信息:
WordPress更新失败消息
要解决此问题,只需以管理员身份打开命令提示符,然后在WordPress目录文件夹中运行以下命令:
attrib -s *.*
WordPress的LAMP权限
如果需要有关如何执行操作的更多指导或说明,则可以在ServerPress上了解更多详细信息。
要创建其他WordPress网站或对其进行编辑,只需再次启动DesktopServer.exe文件。您可以停止和重新启动服务,创建新站点,对其进行编辑,导出和导入等。要访问phpMyAdmin,可以单击左下方的“Sites”按钮:
DesktopServer应用程序站点管理按钮
或者,您可以在浏览器的地址栏中输入“localhost”。这将在localhost上打开管理员界面:
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按钮:
WampServer网站
你将会看到可以选择两个版本:WampServer 32位和WampServer 64位,根据自己的系统版本选择适合的版本。
如果你不确定你的操作系统是32位或64位,以Win10为例,点击Windows开始按钮,在Settings(设置)>About(关于)找到系统版本信息:
Windows系统版本信息查看
步骤2:运行Wampserver.exe文件开始安装
下载软件后,单击wampserver.exe文件运行安装程序。这可能需要一两分钟。注:另外,记下软件安装目录,因为稍后需要重新访问该文件夹:
Wamp设置界面
安装界面上将提示您一系列说明,以完成安装。在此过程中,系统将要求您定义网络浏览器。
步骤3:建立新的MySQL数据库
下一步是建立一个空白的MySQL数据库。启动WAMP之后,屏幕右下角将出现一个绿色图标。
单击图标,然后单击phpMyAdmin,然后会跳转到浏览器进入phpMyAdmin的登录界面:
phpMyAdmin登录页面
在用户名字段中,输入“root”,将密码字段保留为空,然后选择“Go” 按钮。接下来,单击Databases:
phpMyAdmin数据库管理界面
在“Create Databases”部分下,给新数据库命名。接下来,点击Create按钮,即可创建一个数据库。
步骤4:安装WordPress
创建完数据库后,下一步就是在本地安装WordPress。访问WordPress.org并单击获取WordPress,然后下载最新版本的WordPress:
WordPress下载
这会将.zip文件WordPress压缩包下载到本地电脑。使用7zip或者winrar等解压缩工具,解压该压缩包将会获得一个wordpress的文件夹。
右键单击该文件夹,然后选择“复制”,将其复制到WAMP的安装目录。
此时,您还可以根据需要重命名“wordpress”文件夹。该文件夹的名称将是您本地WordPress安装的URL。本教程,将其重命名为”mytestsite”。
步骤5:浏览器访问本地WordPress网站
打开浏览器,然后在搜索地址栏中输入“http://localhost/mytestsite/”。当然,如果命名为为其他名称,应该将“mytestsite”替换成你的命名。
然后,将显示一系列提示,以帮助你设置WordPress安装,流程与上一节提及的步骤一致,此处不再展开。完成后,单击“Let’s Go!”。
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)。
MAMP下载页面
注:可免费下载和使用MAMP,但也可以使用付费版本 。
步骤2:安装MAMP并启动服务器
下载完成后,单击mamp.pkg 文件。将会弹出一个安装窗口。点击Continue按钮根据提示安装应用:
MAMP安装界面
接下来,点击Mac顶部导航菜单Go(前往)> Applications(应用),然后单击MAMP文件夹:
MAMP应用程序文件夹
在该文件夹中,单击MAMP Elephant图标:
MAMP应用程序图标
打开一个新窗口,点击Start Servers:
MAMP启动服务器选项
Apache和MySQL服务器启动后,MAMP将自动在浏览器中打开WebStart页面。
步骤3:创建数据库并更新用户信息
创建一个新的数据库。在WebStart页面上,选择Tools> phpMyAdmin:
通过MAMP WebStart页面打开phpMyAdmin
phpMyAdmin打开后,单击“数据库Databases”选项卡。为新建的数据库命名,然后选择Create:
为本地MAMP站点创建一个新数据库
接下来,您将需要更新MAMP默认创建帐户的MySQL数据库用户凭据,因为需要它们来完成WordPress安装过程。浏览回到phpMyAdmin主界面,然后单击“User accounts” 选项卡。
然后,单击 用户名为mamp的帐户的“编辑权限” :
编辑MAMP默认创建的phpMyAdmin用户
选择Edit privileges选项卡,输入新的密码,然后点击Go执行:
更改MAMP默认创建的phpMyAdmin帐户密码
然后,关闭phpMyAdmin。
步骤4:安装WordPress并从Localhost访问网站
访问WordPress.org并下载最新版本的WordPress。完成下载后,解压压缩包获得”wordpress”文件夹。右键点击该文件夹,然后选择复制。
回到Mac电脑桌面,点击菜单Go(前往)>Applications(应用)>MAMP,然后打开htdocs 文件夹:
MAMP应用程序的htdocs文件夹
在该文件夹内,粘贴刚复制的WordPress文件夹。建议将其重命名为“mytestsite”或类似的名称:
MAMP重命名站点名称
然后,在浏览器新选项卡地址栏输入http://localhost/8888/mytestsite。将提示您输入数据库凭据(即前面步骤三所设置的信息),并命名站点名称及站点用户名、密码:
完成WordPress安装向导
完成WordPress安装提示后,一切就完成了!
WordPress本地安装之XAMPP篇
XAMPP是另一个流行的PHP开发环境,以便于你在Windows,macOS或Linux本地环境安装WordPress。下面是详细的XAMPP安装教程与配置:
步骤1:下载及安装XAMPP
访问Apache Friends网站,并在绿色的Download按钮旁,选择适用于Windows的XAMPP (如果你使用Linux或者Mac,则选择对应的版本):
Apache Friends网站
然后将会自动下载安装包到本地计算机。完成后,单击.exe文件以启动安装程序。
注:如果是macOS,这将是一个.dmg文件。打开它后,单击XAMPP图标并将其拖到“Applications(应用程序)”文件夹中。
步骤2:选择需要安装的组件
运行安装程序后,提示你选择要安装的组件。务必勾选核心的四个组件Apache,MySQL,PHP和phpMyAdmin,其他组件根据自己实际需要勾选即可:
XAMPP组件选择界面
完成组件选择后,单击“Next(下一步)” 按钮,然后选择XAMPP安装路径。
再次单击Next(下一步)按钮,忽略Bitnami提示,再次选择Next(下一步)。
步骤3:启动XAMPP控制面板并测试本地服务器
在最后一个界面上,选择启动XAMPP控制面板。在打开的XAMPP控制面板中,您可以单击Apache和MySQL旁边的Start按钮(如果你使用过phpstudy,会不会有点似曾相识的感觉):
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网站。尽管几个工具的使用步骤有所不同,但大同小异,可以简单归纳为五个主要步骤: