跳转到主要内容

和“
Drupal8
”有关的内容:

你好,我是晴空,我是一枚设计师,前端工程师,Drupal 主题开发者和Now I Code 爱码文档汇的发起人。

在这个专栏里,我会聊一些Drupal8主题相关的话题,其中大部分的内容,是对我自己的相关经验的一个总结与回顾。如果你也喜欢Drupal,并且想学习怎么把基于Drupal的网站做得好看一点,那么,我很高兴和你分享我的经验。

学习这个专栏之前,…

感谢Blank在百忙之中编写的《Drupal8从入门到精通》教程,这篇教程由浅入深的向您介绍了Drupal8的方方面面,无论对于没有用过Drupal的新手还是已经熟练掌握Drupal的行家里手,都值得一读。

阅读本教程所需要掌握的基础知识:

工具

Drush, Drupal Console, Git, PhpStorm, Composer, XDebug等…

Drupal8 是 Drupal 又一个里程碑,引入众多顶级技术、最佳实践的同时也增加了学习难度。
本教程由 Acquia 出品,蒲公英翻译,详细介绍了 Drupal8 模块开发整个过程,以此降低 Drupal8 的学习曲线。它是Drupal8时代的第一份中文资料。

初衷:

云客源码分析系列加速读者成为drupal开发者的进程,如同要去勘探一片未知世界,它相当于先带你乘飞机到其上空一窥全貌,做到心中有数、全局了然,然后再进入细看吸收,最后你将进入到一个全新的世界,领略计算机科学之美,并和其他开发者一起审视和发展drupal世界。

计划这一系列分享是按主题来讲的,如果你在追踪drupal8的代码执行流程,…

使用Pattern Lab的基本思路

Pattern Lab(以下简称PL)虽然有为Drupal专门开发的版本,但是,它的定位依然不是一个Drupal的模块,而是一个独立于Drupal的前端工具。

使用PL的目的,是利用PL为Drupal主题建立前端组件库。我们放弃传统的主题工作流程,而把所有的前端资源,包括HTML(也就是Twig模板…

创建card组件

Card可以由一个图片和一个标题组合而成,因此,很显然,它属于Molecules这个级别。

在/source/_patterns/01-molecules文件夹中创建一个新文件夹“01-card”,并在其中创建card.twig文件,内容如下:

{# in card.twig #} <div class…

关于PatternLab,在官网上你可以找到详细的英文文档。以下我们只对一些重点进行讲解。

Pattern lab的安装

PatternLab有很多不同版本,我们要安装的是专门为Drupal开发的版本。

在终端中先CD到你的主题文件夹,然后运行以下命令: composer create-project pattern-lab/…

composer在Drupal的开发生态圈中也扮演着很重要的作用,很多工具、插件、甚至模块和主题的安装都需要使用它,因此,如果要深入使用Drupal,composer是必备的工具。

Composer的官网上有详细的介绍。这里是中文翻译版本。

下面的安装步骤是在MAC上进行的。如果你使用的是windows,参见这里。…

Pattern Lab是帮助我们实现前端组件化开发流程的一个前端工具,以下简称PL,顾名思义,它可以帮助我们建立前端模块库(组件库),并且,保持组件之间有着原子设计理论中的相互关系,因为它本身就是原子设计理论的提出者Brad Frost和他的同事一起开发的,这也是我们专门用一节的内容讲原子设计的原因。

需要说明的两点是:

组件化的做法在历史上早已有之,最早是福特汽车的流水线,这个大家应该都知道,把汽车的不同部件放在不同的流水线上生产,最后统一组装——这样做使得成本控制、质量控制、生产效率都得到了极大的改善。比较近的则是大芬村的油画作坊,不要小看这么一个农民村,据说全世界80%的油画都是从这里卖出去的,他们使用的方法也差不多,就是几个画工一起画一幅画,每人只负责自己的一小块,…