使用XAMPP进行本地WordPress主题开发

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

使用XAMPP为本地WordPress主题开发领先的图像。

在本教程中,您将学习如何为桌面安装和配置XAMPP。一旦解决了这个问题,我们将安装WordPress,这样您就可以拥有自己专业的、轻量级的PHP和WordPress开发环境。

简介

用一句话来概括:XAMPP,代表跨平台(X) Apache, MySQL, PHP和Perl,是一个流行的、免费和开源的web服务器包,您可以使用它来安装web服务器到你的桌面

XAMPP主页。

XAMPP允许您开发PHP和基于perl的服务器端脚本应用程序,而不需要远程web服务器,为您提供更快的工作速度、更安全的开发内容和应用程序工作的机会没有一个互联网连接。

在本教程中,您将看到XAMPP是如何为你的开发周期做出卓越贡献的

我们要用一个简单的xampple(抱歉,我不得不说出来,我已经想了很长时间):我们将安装XAMPP和WordPress和一些测试数据,让WordPress在我们的桌面上。Wordpress非常好用,可以用于搜索引擎优化和在线营销大学一个小建筑。

本教程适用于Windows Vista,因此您必须根据自己的操作系统调整相关步骤。以下是你在本教程中要做的:

目标

  • 下载并安装XAMPP
  • 启动Apache和MySQL服务
  • 本地安装和配置WordPress
  • 为WordPress创建MySQL数据库
  • 在phpMyAdmin中为WordPress创建MySQL数据库用户
  • 使用XML文件为WordPress导入一些测试数据

本教程介绍在Windows Vista中安装XAMPP,因此如果使用不同的操作系统,则必须稍微调整一下步骤。

获取XAMPP并选择版本

1获取用于Linux、Windows或Mac OS X的XAMPP拷贝apache朋友XAMPP网页

http://www.apachefriends.org/en/xampp.html

XAMPP主页。

2选择你想要的软件包:对于普通的web开发,只需要使用基本包

基本包附带了许多有用的应用程序、库和扩展,例如phpMyAdmin(我们将在后面使用它来设置WordPress)和eAccelerator(一个用于优化和改进PHP脚本性能的流行PHP缓存应用程序)。对于本教程,请选择安装程序的版本。

下载它(保存文件)到你的电脑上。

3.打开可执行文件(对于Windows用户,它是叫xampp-win32-1.7.1-installer.exe).

下载XAMPP

下载安装程序。

下图显示了第一个对话框;它要求你选择你想要使用的语言。

选择语言。

您将看到的下一个对话框是XAMPP安装向导

XAMPP安装向导

4为安装选择一个目的地。

请注意XAMPP建议不要将它安装在Program Files文件夹中。C:\Program Files\ xampp),因此只需将其安装在您的驱动器的根目录(C: \ xampp

为安装选择一个目的地

5配置您的选项XAMPP选项对话框。

对于本教程,只使用默认的安装选项。

XAMPP选项

安装就这样了,又快又轻松,不是吗?让我们启动Apache和MySQL。

启动Apache和MySQL服务

6安装之后,应该会出现一个选项,要求您打开XAMPP控制面板.如果你没有得到这个选项,做以下其中之一:

选项1:使用Windows界面导航到它

启动>所有程序> Apache Friends > XAMPP > XAMPP控制面板

选项2:直接打开XAMPP控制面板

如果在安装中没有选择“Create Shortcut”选项,那么导航到XAMPP安装文件夹并打开名为xampp-control.exe

控制面板。

7XAMPP控制面板应该如下图所示:

XAMPP控制面板

8单击开始按钮旁边Apache。如果你用的是Windows系统,你会得到一个Windows防火墙警告:选择疏通

启动Apache疏通。

9如果一切正常,您应该看到XAMPP控制面板日志更新为“Apache已启动”和“正在运行”,在Apache服务旁边有一个绿色背景。

Apache运行。

10启动MySQL服务的方法与步骤8相同。

两个服务运行。

测试它是否有效

11启动Apache和MySQL服务后,打开web浏览器并导航到本地主机使用以下路径:

http://localhost

12您应该看到以下屏幕:

欢迎屏幕。

恭喜你,你现在有了自己的本地托管(localhost) web服务器!

根据您的操作系统,您现在自豪地拥有一个里面(Windows用户),MAMP(Mac OS X用户)或(坏Linux用户)服务器就在你的电脑里。

现在让我们开始在机器上安装WordPress。首先,我们将设置你的WordPress MySQL数据库,并为它创建一个MySQL数据库用户。这是下一节的主题。

为WordPress设置MySQL数据库

使用XAMPP创建MySQL数据库的最简单方法是使用phpMyAdmin,它随我们安装的基本包一起提供。

13通过浏览器导航到phpMyAdmin。网址是:

http://localhost/phpmyadmin/

14通过输入一个名称并按创建按钮。

在本教程中,我们将称之为wordpress_db.在配置WordPress时,您需要记住这个值,以便在后面的步骤中使用。

wordpress_db创造。

这是以下屏幕的样子:

创建的数据库。

创建WordPress数据库用户

在现实世界中,你应该这样做从来没有使用默认的root用户,因为它拥有所有的权限,你不希望一个简单的WordPress bug或漏洞让你的整个MySQL服务瘫痪。

如果您只是在本地进行测试,这是没有必要的,但我们将正确地执行此操作以促进最佳实践。

15通过点击左上角的logo或点击主页图标进入phpMyAdmin主页。

phpmyadmin回家。

16点击特权选项卡。

Previledge选项卡。

17点击“添加新用户

添加新用户

18对于User name字段,输入本教程使用的任意名称wordpress_user为了简单起见。对于主机,选择当地的

对于Password,请键入一个值,但强烈建议您使用生成密码按钮随机生成密码,以提高安全性。

点击Generate Password按钮后,单击复制按钮,在密码和重新键入字段中自动复制它。

重要的:记下您使用的用户名和密码,我们稍后将使用它。

下面是使用的设置:

数据库设置。

19设置全球的特权wordpress_user。通常,您应该尽量将数据库用户的特权限制到最低限度,以提高安全性。

对于本例,因为它是一个本地安装—只需检查所有的安装。

当您进入生产环境时,减少特权

撞到按钮,创建数据库用户。

Go按钮。

20.如果一切顺利,您将看到成功创建用户的确认信息。

成功的屏幕。

将新创建的用户添加到数据库中

21在下一屏,在特定于数据库的权限自定义字段,在以下数据库上添加特权字段中,选择wordpress \ _db

这将把wordpress_user添加为wordpress表wordpress_db的数据库用户。

wordpress_user

22通过输入数据库,检查wordpress_user是否已添加到数据库。

要输入数据库,请单击左侧导航中的wordpress_db。

左侧导航

23单击Privilege选项卡可以查看所有能够访问WordPress数据库的用户。您应该看到在特权部分列出的wordpress_user。

特权

好的,您已经学习了如何使用phpMyAdmin创建MySQL数据库用户。在继续前进之前,鼓励自己一下!

在您的计算机上安装WordPress

如果你不熟悉WordPress的安装过程,你应该先看看WordPress.org官方网站上的以下指南:

本指南将让您开始并运行我们将采取的一般流程。请花点时间读一读——我保证,它会是快速而且无痛

24下载WordPress的最新版本,把它保存在你的电脑上。

25打开你的xampp文件夹中。导航到文件夹中。

如果使用默认安装目标,则文件路径为:

C: \ xampp \根

26打开您下载的WordPress ZIP文件。

解压htdocs文件夹中的全部内容。

下载的ZIP文件

配置WordPress:输入MySQL数据库信息

27在wordpress文件夹中,打开wp-config-sample.php使用您最喜欢的文本编辑器进行归档。

用数据库信息填写信息。如果你按照本教程使用了相同的值,你可以使用这些值:

/** WordPress数据库的名称*/ define('DB_NAME', 'wordpress_db”);/** MySQL数据库用户名*/ define('DB_USER', 'wordpress_user”);/** MySQL数据库密码*/ define('DB_PASSWORD', 'typeyourpasswordhere”);/** MySQL主机名*/ define('DB_HOST', 'localhost');

28完成配置文件后,将其保存为wp-config.php在同一个文件夹里。

请注意:你必须另存为wp-config.php而不是wp-config-sample.php。

运行WordPress安装脚本

29要完成WordPress的安装,请导航到安装脚本。这是文件路径:

http://localhost/wordpress/wp-admin/install.php

30.如果所有操作都正确,你应该会看到以下屏幕:

安装成功。

31刚刚撞了安装WordPress按钮,并按照步骤操作。如果这是你第一次安装WordPress,请仔细阅读安装对话框的步骤,因为我们不会在这里详细介绍。

测试WordPress安装是否正常

32导航到WordPress安装的主页。文件路径为:

http://localhost/wordpress/

如果一切正常,你应该看到默认的WordPress主页:

默认的WordPress主页

重要的:记住自动生成的密码,否则你将无法登录WordPress。

WordPress本地安装完成!

哇,你刚刚在你的电脑上安装了WordPress !不再有FTP或在线web开发!

您现在可以在上线之前测试您的主题或测试站点更新。

在这个阶段,你可以登录到WordPress管理部分:

http://localhost/wordpress/wp-admin

或者,您可以在教程中继续(因为我们还没有完成)。

接下来,我们将导入一些测试数据,这是你在开发向公众发布的WordPress主题时应该做的。

导入WordPress测试数据

33从WordPress.org官方网站下载WordPress XML文件。你可以通过主题开发清单(这是一个很好的指南),在主题单元测试部分。

这是直接下载链接:


         

下载XML文件。

34登录到WordPress管理部分:

http://localhost/wordpress/wp-admin

管理部分。

35在WordPress管理部分,进入Tools > Import(使用2.7版本的侧边栏导航)。

工具导入。

36在Import页面中,单击WordPress

导入页面。

37浏览到我们下载的XML文件(test-data.xxxx-xx-xx.xml).

撞到上传文件和导入按钮。

上传文件。

38指定文章的作者。XML文件创建了一个名为诺埃尔杰克逊给你。

如果您不想将测试职位分配给Noel Jackson,请使用或者映射到现有的字段并选择所需的作者。

对于本教程,将其分配给管理

提交

单击提交按钮。

39您将看到导入过程所做的所有更改的日志。如果你想知道到底发生了什么,请检查一下。

日志。

40检查一下导入是否按计划进行。最简单的方法是访问WordPress安装的主页(http://localhost/wordpress)。

41在主页上,你会看到现在有WordPress安装的内容。

通过这种方式,您可以轻松地检查和测试您的主题以供公开发布。

完成了。

你完成了,你这个专业的PHP/WordPress开发者!

现在你可以在你的电脑上开发WordPress主题并测试更改,就像专业的那样,不仅可以加快你的开发周期,还可以安全地测试现有主题的更新。

何去何从

为了探索XAMPP,你应该尝试和做以下事情:

尝试安装一个免费的WordPress主题

WordPress主题你想尝试的主题。或者,看看我们的免费WordPress主题列表:优秀的免费WordPress主题而且美丽的免费WordPress主题

创建一个新网站

在xampp > htdocs下创建一个文件夹,并在其中放入一些测试PHP脚本。如你所见,你不再需要网络服务器了,你的电脑里有一个功能齐全的MySQL和PHP服务器。当创建一个新网站,一定要优化你的域名

现在,去开发一些很酷的web应用程序吧!

探索其他XAMPP插件

有很多XAMPP插件可以扩展本地web服务器。检查并安装所需的插件。去任何一个窗户Linux,或Mac OS X下载页面查看可安装的插件列表。

总结

在本教程中,您刚刚了解了将XAMPP安装到桌面是多么容易,这样您就可以拥有自己的PHP web开发测试服务器。更具体地说,这是我们一起做的事:

  • XAMPP安装
  • 启动Apache和MySQL服务
  • 创建MySQL数据库
  • 创建MySQL数据库用户
  • 安装和配置WordPress
  • 导入部分测试数据

进一步的资源

  • 在你的Mac上使用MAMP安装WordPress在免费Mac博客。
  • 在Linux上安装XAMPP称为Install XAMPP,以便进行简单的集成开发。
  • 了解更多关于XAMPP的信息xampp apache朋友主页。
  • 发现phpMyAdmin和如何使用它phpMyAdmin官方网站。
  • 学习的技巧WordPress SEO

报告一个错误或提供一些反馈,你为什么不呢?

随时提供反馈和提问(很多问题!)在评论里.错误发生了-所以请让我们知道如果我们犯了一个错误或你看到一个错误。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!