前言
大家好呀,好久没有碰wordpress相关的东西啦,最近自己在付费学wordpress模板制作教程,所以我想把制作模板的过程记录下来。在制作模板之前我们先在本地搭建一个本地环境把,方便我们做开发。
工具准备
我搭建wordpress本地环境采用的集成开发套件: phpstudy_pro,后面做开发采用的是 vscode,源码采用 git wordpress官方的最新版(20210310)
下面附上提到资源下载地址:
phpstudy_pro: https://www.xp.cn/download.html
vscode: https://wwi.lanzous.com/iLvJbmqw7vi
wordpress: https://wwi.lanzous.com/irwTUmqw8zi
wordpress 本地环境搭建
1. 安装 phpstudy,并打开phpstudy,安装必备环境
我的主要环境是: mysql5.7 + nginx1.15.11
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916364547.png)
下面是我安装的其他软件,自己看着装把,需要生么安装什么。
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916340835.png)
2. 在 phpstudy 中,新建网站
点击网站-选择创建网站
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916382598.png)
输入本地测试网站的域名,搭建完成后用此域名可以访问到wordpress网站。
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916414354.png)
3. 将 wordpress 源码复制到刚刚创建的网站目录
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916445783.png)
复制 wordpress 源码至网站根目录
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916434233.png)
4. 忘记重要一步创建数据库
输入数据库用户名密码,后面安装 wordpress 需要用
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916464931.png)
5. 安装 wordpress
点击开始
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916491232.png)
输入刚刚创建的数据库信息,依次填入后点提交
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916494446.png)
如果是上线的站,用户信息和密码尽量复杂点(前提自己记得住), 本地测试无所谓。
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916511885.png)
6. 安装完成,访问后台和前台
浏览器中访问 wordpress 后台地址: http://wordpress.cc/wp-admin/ 用户名和密码是你刚刚设置的
浏览器中访问 wordpress 前台地址: http://wordpress.cc
注意: 上方斜体网址是你创建网站时输入的地址。查看方式如下
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916555285.png)
搭建完成界面预览
后台
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916563615.png)
前台
![wordpress主题制作教程: wordpress本地环境搭建 wordpress主题制作教程: wordpress本地环境搭建](https://itzhai.cn/wp-content/uploads/2021/03/2021030916565762.png)