跳转到主要内容

和“
Drupal8
”有关的内容:

本系列视频全部是免费的,可以在Nowicode上观看,也可以直接在腾讯视频上观看。很多人来信跟我说,这是一个bug,实际上并不是。视频里展示的是基本的操作,并附带简略的技术说明。但是更详细的说明、解释和示例代码都在文档中,本系列的文档大部分是免费的,小部分是收费的。有需要的同学可以购买并查看付费文档,你的付出会换来更大的回报,相信我。 ;)

你好,我是晴空,我是一枚设计师,…

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

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

工具

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

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

初衷:
 …

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

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

Drupal8的提供的模块

Drupal8在它的内核中提供了一个叫做Responsive Images的模块,你可以通过这个模块轻松为图片字段根据不同的断点设置不同的尺寸/版本。另外,还有一个叫做Inline responsive images的贡献模块,可以让用户在编辑器中上传的图片也能根据断点选择不同的版本——这两个模块同时使用的话,…

上一节我们讲了Focal point模块的用法,但是,等等,不知道你是否已经注意到了,虽然我们已经可以实现艺术剪辑了,但是却不是响应式的!!因为在”显示管理“中我们把图像字段的显示格式修改为了”image“。因此,图片会在所有的屏幕尺寸上显示同样的经过Focal point模块剪辑后的版本。而且,如果此时你跟我一样,一厢情愿的把格式改回”…

Focal Point模块解决的就是前面提到的艺术剪辑的需求。

下载和安装的步骤这里就不多说了,在安装的过程中会提示你要先启用crop api模块。

安装之后需要做的事情很简单:

在图像样式(/admin/config/media/image-styles)中新建立一个样式并添加Focal point效果,…

针对上文中所讲到的两种最典型的响应式图片的使用场景,前端行业也给出了自己的解决方案。

尺寸切换:不同的尺寸

标准的<img>元素传统上仅仅让你给浏览器指定唯一的资源文件。

<img src="img-800w.jpg" alt="an image">

我们可以使用两个新的属性——srcset…

经过前几节的铺垫,从这一节开始,我们正式进入一个新的话题——对Drupal网站上的图片进行更专业的处理。这里所谓的“更专业”,具体来说,是为网站提供响应式的图片、让网站编辑能更好的控制图片,与此同时依然保证网页的一致性、加载速度以及安全性。

另外,随着这个话题的逐步展开,我们还将进一步加深和巩固前面讲过的一些知识点,比如:…

关于.breakpoints.yml文件中的multiplier,下面两张图能比较清晰的说明各个设备之间的情况:

举个例子,ipad2的屏幕分辨率是1024×768,而the new ipad,也就是Ipad3的屏幕分辨率是2048×1536,但是ipad2和ipad3的屏幕物理尺寸是一样的。这样的结果是,…