WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

开发入门 xuhss 1242℃ 0评论

学习WordPress开发需要的基础知识

大家好,我是MrBang,本次课程带来的是WordPress主题制作。本课程是为那些已经知道HTML,CSS,也有一点点JavaScript基础以及知道如何使用WordPress博客系统的同学设计的。

学习WordPress开发之前,你需要先学习这些基础的课程,我也录制了详细的视频教程:

01 拥有自己的网站

要学习WordPress,首先需要拥有自己的网站:

WordPress 建站基础教程 (文字图片教程)

02 HTML+CSS编写静态网站

WordPress是动态的网站,它可以和用户交互,要想学会动态的网站原理,就必须先学会静态的网站建设。《HTML+CSS编写静态网站》这门教程是我在经营虚幻大学期间完成的,它是专门针对学习WordPress主题开发而设置的静态网站教程。

HTML+CSS编写静态网站视频教程

03 PHP语言系列教程

当你完成了静态网站的搭建,接下来就需要学习一门动态语言:PHP,它可以完成和服务器的交互。WordPress所使用的后台语言就是PHP。很多程序员戏称:PHP是世界上最好的语言。其实它是非常值得你去学习的。所以虚幻私塾也专门针对学习WordPress主题开发而设置的PHP语言系列教程

  1. PHP基础视频教程
  2. PHP数组和循环视频教程
  3. PHP函数详解视频教程

学习本教程也不必深入了解PHP,因为我会结合wordpress中用到的PHP知识来进行讲解。 不过,即使你学完本课程,你仍然需要深入地学习PHP,这样才能真正成为一名真正的WordPress开发人员。

那么本节课,我们主要讲解的是php调试环境的搭建以及学习WordPress代码目录结构

安装PHPStudy

为了在Windows操作系统中设置运行WordPress的服务器,我们首先需要下载并安装一个windows下的PHP调试环境:phpstudy,然后我们通过访问网站根目录来确定安装是否成功。

我们首先来到phpstudy的官网,点击下载即可。

http://www.phpstudy.net/phpstudy/PhpStudySetup2018.zip

解压后,就像这样:

phpstudy01 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

直接点击安装,这里我们安装到D盘,点击安装即可。

安装完成后,如果弹出这个窗口,点击是就可以:

phpstudy02 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

现在就可以看到phpstudy,我们打开PHPstudy的主面板,我们可以看到,Apache和MySQL都已经启动了。

phpstudy03 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

测试是否安装成功

然后打开浏览器来测试一下,输入localhost,实际上访问的是默认的PHPStudy探针页面,为了方便教程的演示,所以这时,我们需要设置为:“允许目录列表”,这样就能访问到网站的根目录。它实际上对应的是我们刚才安装到的网站根目录下的www文件夹:

phpstudy05 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

再次刷新localhost,就可以看到对应的目录:

phpstudy06 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

为了测试是否确实如此,可以在网站根目录文件夹中创建一个index.php:

phpstudy07 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

用编辑器打开这个文件,输入Test:

test

然后来到浏览器刷新,你看,浏览器就显示Test了,这就说明你安装成功了:

phpstudy08 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

安装WordPress

搭建好了调试环境之后,就可以把wordpress放进去了,在这里分为三个步骤:

1.下载到WordPress的源码

登陆 WordPress 官网下载 WordPress 程序到本地,并解压
官网地址:https://cn.wordpress.org/

WordPress01 - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

一旦我们下载完WordPress,我们可以打开网站根目录。我将在我的网站文件夹中创建一个名为localwp.com的新文件夹,它将作为我安装测试WordPress的地方。

phpstudy09 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

我建议大家不要将WordPress直接安装在网站的根目录文件夹中,因为以后,如果你想测试其他的网站将会变得更加不易管理。

然后,复制所有的解压后的WordPress文件,到localwp.com文件夹中。

phpstudy10 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

2.创建数据库

我们回到WWW网站根目录。我们看到一个phpMyAdmin文件夹,phpMyAdmin是用于管理我们要使用的数据库的软件。打开浏览器,访问数据库:http://localhost/phpMyAdmin/

这里需要填写用户名和密码是PHPStudy默认给定的:用户名:root 密码:root

登陆后,创建一个名为localwp的新数据库:

phpstudy11 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

现在已经设置了数据库,接着将进入用户选项卡。然后点击添加用户

phpstudy12 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

用户名命名为wpuser。将主机设置为localhost,然后输入一个密码,比如root。

phpstudy13 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

接着我们要选择全部权限,以确保它们具有对数据库的全局访问权限,然后单击“添加用户”:

phpstudy14 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

我们可以看到我们现在有一个wpuser用户,

 

3.登录安装WordPress

所以现在,我们就用这个用户来登录wordpress。打开浏览器,访问:http://localhost/localwp.com/

点击:现在就开始安装

然后,提供有关该网站的一些基本信息。包括

数据库名:localwp

用户名:wpuser

密码:root

数据库主机:localhost

表前缀:wptest_

phpstudy15 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

点击提交安装后,就可以输入一些网站的信息了,因为这是一个本地测试网站,我们将取消选中搜索引擎索引:

phpstudy16 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

 

 

点击安装,接着就可以登录网站。如果你填的和上图一样,用户名就是:geek,密码也是:geek

我们现在可以看到localhost/localwp.com/wp-admin/,我们的网站正在运行。

phpstudy17 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

不过请注意,如果我们停止web服务器,并尝试再次点击我们的网站,那么它将不会加载。所以需要提醒大家,如果在本地使用WordPress,则需要确保服务器和数据库已启动并运行。

phpstudy18 xuhss.com  - WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

转载请注明:xuhss » WordPress开发入门01:Windows本地安装WordPress和PHP调试环境

喜欢 (5)

您必须 登录 才能发表评论!