跳转到主要内容

和“
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的代码执行流程,…

To be or not to be, that is the question. 这是莎士比亚的名作《哈姆雷特》中的名句。另一个类似的是在黑客帝国里面墨菲斯让尼奥选择的蓝色药丸和红色药丸

——其实,大部分的时候,我总是希望生活真的能有这么简单。

作为设计师和开发者的我们,每天面临的是下面这样的选择:

这是我们在上一节中做的views区块,我们为这个区块引入了一个新的CSS文件,将它做成了现在的样子。这个文件中的css代码超过300行,但是,主体的内容都在重复一个新的CSS技术概念:CSS Grid——也就是CSS网格。这个知识点如果要仔细讲的话,本身就可以开一个专栏,为了节省时间,我们将在这一节的视频中挑选CSS网格中的重点,做一个快速的入门介绍。…

让我们先来把之前新建的recent区块复制一份。这样,新复制的block由于ID不同,而不会使用之前覆写的模板,因此,不会有走马灯的效果,而只是一个简单的内容列表。

将新复制的区块的显示名称改为Block2,这样才能和之前的区块有所区别。然后将排序标准改为按发布时间的升序排列,此处,最上面的选项,…

在这一节的内容开始之前,我们说几句题外话,作为一个引子,为之后的内容做一个铺垫。

在这个系列的前言中我就说过,如果你想学习怎样把drupal主题做得好看一点,就很值得往下仔细阅读。但是,其实在前面的36节内容中,和“把主题做得好看”有关的内容少的可怜。

自定义Drupal主题的工作重点在于前端页面的制作和主题层的覆写。这其中…

上一节的文档中我们提到,如果view的显示格式为“字段”的话,就一共有4层模板可供我们覆写。但是,在上一节中我们只覆写了第二层模板。在浏览器中查看元素可以看到,每个节点字段的html依然是由stable主题的第三层模板所提供的。如图:

在默认情况下,所有的字段都具有类似以下结构的html标签:

<div…

在上一节中,我们已经在主题中加载了所需要的库。

在page--front.html.twig模板中,我们可以很清楚的看到,第94行的代码就是用来输出views区块的。而下面的代码,第98到第111行是我们从猫头鹰走马灯的官网文档中拷贝过来的。很显然,我们只要把views区块输出的代码,覆写成这个代码的样式,我们就能实现走马灯的效果。…