学习WordPress开发需要的基础知识
大家好,我是MrBang,本次课程带来的是WordPress主题制作。本课程是为那些已经知道HTML,CSS,也有一点点JavaScript基础以及知道如何使用WordPress博客系统的同学设计的。
学习WordPress开发之前,你需要先学习这些基础的课程,我也录制了详细的视频教程:
01 拥有自己的网站
要学习WordPress,首先需要拥有自己的网站:
02 HTML+CSS编写静态网站
WordPress是动态的网站,它可以和用户交互,要想学会动态的网站原理,就必须先学会静态的网站建设。《HTML+CSS编写静态网站》这门教程是我在经营虚幻大学期间完成的,它是专门针对学习WordPress主题开发而设置的静态网站教程。
03 PHP语言系列教程
当你完成了静态网站的搭建,接下来就需要学习一门动态语言:PHP,它可以完成和服务器的交互。WordPress所使用的后台语言就是PHP。很多程序员戏称:PHP是世界上最好的语言。其实它是非常值得你去学习的。所以虚幻私塾也专门针对学习WordPress主题开发而设置的PHP语言系列教程
学习本教程也不必深入了解PHP,因为我会结合wordpress中用到的PHP知识来进行讲解。 不过,即使你学完本课程,你仍然需要深入地学习PHP,这样才能真正成为一名真正的WordPress开发人员。
那么本节课,我们主要讲解的是php调试环境的搭建以及学习WordPress代码目录结构
安装PHPStudy
为了在Windows操作系统中设置运行WordPress的服务器,我们首先需要下载并安装一个windows下的PHP调试环境:phpstudy,然后我们通过访问网站根目录来确定安装是否成功。
我们首先来到phpstudy的官网,点击下载即可。
http://www.phpstudy.net/phpstudy/PhpStudySetup2018.zip
解压后,就像这样:
直接点击安装,这里我们安装到D盘,点击安装即可。
安装完成后,如果弹出这个窗口,点击是就可以:
现在就可以看到phpstudy,我们打开PHPstudy的主面板,我们可以看到,Apache和MySQL都已经启动了。
测试是否安装成功
然后打开浏览器来测试一下,输入localhost,实际上访问的是默认的PHPStudy探针页面,为了方便教程的演示,所以这时,我们需要设置为:“允许目录列表”,这样就能访问到网站的根目录。它实际上对应的是我们刚才安装到的网站根目录下的www文件夹:
再次刷新localhost,就可以看到对应的目录:
为了测试是否确实如此,可以在网站根目录文件夹中创建一个index.php:
用编辑器打开这个文件,输入Test:
test
然后来到浏览器刷新,你看,浏览器就显示Test了,这就说明你安装成功了:
安装WordPress
搭建好了调试环境之后,就可以把wordpress放进去了,在这里分为三个步骤:
1.下载到WordPress的源码
登陆 WordPress 官网下载 WordPress 程序到本地,并解压
官网地址:https://cn.wordpress.org/
一旦我们下载完WordPress,我们可以打开网站根目录。我将在我的网站文件夹中创建一个名为localwp.com的新文件夹,它将作为我安装测试WordPress的地方。
我建议大家不要将WordPress直接安装在网站的根目录文件夹中,因为以后,如果你想测试其他的网站将会变得更加不易管理。
然后,复制所有的解压后的WordPress文件,到localwp.com文件夹中。
2.创建数据库
我们回到WWW网站根目录。我们看到一个phpMyAdmin文件夹,phpMyAdmin是用于管理我们要使用的数据库的软件。打开浏览器,访问数据库:http://localhost/phpMyAdmin/:
这里需要填写用户名和密码是PHPStudy默认给定的:用户名:root 密码:root
登陆后,创建一个名为localwp的新数据库:
现在已经设置了数据库,接着将进入用户选项卡。然后点击添加用户
用户名命名为wpuser。将主机设置为localhost,然后输入一个密码,比如root。
接着我们要选择全部权限,以确保它们具有对数据库的全局访问权限,然后单击“添加用户”:
我们可以看到我们现在有一个wpuser用户,
3.登录安装WordPress
所以现在,我们就用这个用户来登录wordpress。打开浏览器,访问:http://localhost/localwp.com/
点击:现在就开始安装
然后,提供有关该网站的一些基本信息。包括
数据库名:localwp
用户名:wpuser
密码:root
数据库主机:localhost
表前缀:wptest_
点击提交安装后,就可以输入一些网站的信息了,因为这是一个本地测试网站,我们将取消选中搜索引擎索引:
点击安装,接着就可以登录网站。如果你填的和上图一样,用户名就是:geek,密码也是:geek。
我们现在可以看到localhost/localwp.com/wp-admin/,我们的网站正在运行。
不过请注意,如果我们停止web服务器,并尝试再次点击我们的网站,那么它将不会加载。所以需要提醒大家,如果在本地使用WordPress,则需要确保服务器和数据库已启动并运行。