跳转到主要内容

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

在上一节中我们演示了使用gulp来编译sass文件,接下来,我们来介绍一下sass。如果你还不会sass,是时候补课了,如果已经熟悉,可以跳过。

sass是一个用来快速编写css文件的语言。经过编译之后的sass文件就是我们通常所说的样式表css。

sass的好处我就不多说了,如果你是一个前端,css已经熟练了,…

在第一篇中我们已经提过几种不同的在页面上加载css和js文件的方法。这一节再介绍一种,使用预处理函数来加载它们,即:

THEME_preprocess_HOOK()

其中,THEME是主题的名称,HOOK是模板钩子,模板名的第一组单词。

比如,如果你想在维护页面上加载一个特定的JS文件,维护页面的钩子是”…

在第一篇中我们对模板建议已经有过介绍了,这一节中我们会讲得更深入一些。

查看模板建议最快的方法是开启theme debug模式,然后在页面上查看元素。你可以在源代码中看到类似下面的代码:

<!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!--…

在.theme文件中,你可以通过node预处理函数为node模板添加变量:

function nowicode_preprocess_node(&$variables) { $variables['something'] = 'hello woooo'; }

然后你可以在node模板中将这个变量打印出来:

{#…
.theme文件

在D8中每一个主题都可以包含一个.theme文件。与之对应的是D7中的template.php文件。但它并不是必须的。它总是位于主题的根目录下。

由于英语中template.php文件和tpl.php文件的叫法都是一样的(后者是D7中的模板文件),因此,为了避免歧义,d8的开发者将d7中的template.…

第一篇的第19节中我们介绍过如何创建库文件,在我们声明css

和js文件路径之后会紧跟着一个冒号和一对大括号

: {}

这一对大括号里面,就是用来添加相对的属性,当然,也可以留空。

css文件属性

browsers浏览器:

判断浏览器的版本并有条件的加载css

{ IE…