美文网首页
Part.3 现代Wordpress框架主题开发之主题框架安装篇

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

作者: 乖乖的鱼儿记 | 来源:发表于2017-07-07 15:07 被阅读0次

    那我们继续昨天的教程

    composer

    现代PHP的包管理工具

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

    安装主题框架Sage

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

    然后键入

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

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

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

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

    open ./

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

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

    不着急继续往下看。

    查看主题

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

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

    安装前端库(yarn)

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

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

    安装依赖

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

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

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

    ok

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/xnblhxtx.html