Part.3 现代Wordpress框架主题开发之主题框架安装篇

那我们继续昨天的教程

composer

Part.3 现代Wordpress框架主题开发之主题框架安装篇_第1张图片
现代PHP的包管理工具

这个不多说了,请大家自行去学习吧。作为PHP7时代的phper这个不会确实不行了。

安装主题框架Sage

首先我们需要进入这个目录

Part.3 现代Wordpress框架主题开发之主题框架安装篇_第2张图片

然后键入

$ composer create-project roots/sage clamp 9.0.0-beta3

目前正在使用的是他的9.0 beta3版本,8.5是他的稳定版,但9.0引入了很多新特性,所以我觉得还是用新的来讲吧。估计开发不会遇到太多问题的。


Part.3 现代Wordpress框架主题开发之主题框架安装篇_第3张图片

现在我们需要输入主题的名称等等信息


简单的配置过后我们进入主题的目录查看,打开finder 

open ./


Part.3 现代Wordpress框架主题开发之主题框架安装篇_第4张图片

看到了么主题的基本结构如上图所示。

我们可能发现一个问题就是这个目录怎么没有我们经常开发WP主题时候的结构了?

不着急继续往下看。

查看主题

进入开发配置好的网站(wp.dev),账号 admin  密码 admin登录后台,进入主题(theme)


Part.3 现代Wordpress框架主题开发之主题框架安装篇_第5张图片

我们发现了刚才配置安装好的主题了!

安装前端库(yarn)

我们使用yarn来做安装依赖文件

首先进入主题目录中输入 yarn

Part.3 现代Wordpress框架主题开发之主题框架安装篇_第6张图片
安装依赖


然后css我们采用安装自定义库方式安装 bulma


Part.3 现代Wordpress框架主题开发之主题框架安装篇_第7张图片

好的目前需要使用的库基本安装完毕。

我们开始yarn run start 启动实时编译


Part.3 现代Wordpress框架主题开发之主题框架安装篇_第8张图片
ok

我们看到编译后的主题正常运行了。

好了主题安装就到这里了。接下来一节我讲讲css的引入

你可能感兴趣的:(Part.3 现代Wordpress框架主题开发之主题框架安装篇)