和“
主题
”有关的内容:
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的屏幕物理尺寸是一样的。这样的结果是,…
breakpoint,即断点,是响应式设计中的基本概念之一,它和Media Queries(即媒体查询)一起是现在的前端工程师所必须掌握的知识点。
断点和媒体查询使用断点可以将屏幕根据尺寸划分为不同的规格。比如,我们可以规定宽度在400像素以下的是小屏幕,1024像素以上的为大屏幕,这里的400和1024就是断点。…
Attribute对象存在于很多模板中。我们在前面的章节中,多次使用到了它,比如,在第一篇的27节中我们用下面的代码
<ul{{ attributes.addClass('nav') }}>来为ul标签添加一个名为nav的class。
Attribute对象的作用就是用来存储一组HTML属性,…
我们在第一篇的第31,32节中讲了如何在node模板中打印字段。笼统的来说,有下面两个方法:
{{ content.field_name }}或者
{{ node.field_name.value }}第三种方法要使用预处理函数,在第二篇的第12节中讲过了。
注意代码中,哪个使用了“…
第2.29-2.32节是对2018年在Nashvill举办的Drupalcon中关于在Drupal主题中实现设计系统的Session的翻译及要点分析,你可以在youtube上找到这个视频的原版,也可以在这里分小节观看。
本案例的甲方是美国纽约州最大的医院集团Northwell Health,乙方是Drupal圈子里鼎鼎大名的Phase2。…
第2.29-2.32节是对2018年在Nashvill举办的Drupalcon中关于在Drupal主题中实现设计系统的Session的翻译及要点分析,你可以在youtube上找到这个视频的原版,也可以在这里分小节观看。
本案例的甲方是美国纽约州最大的医院集团Northwell Health,乙方是Drupal圈子里鼎鼎大名的Phase2。…
大家都知道学习Drupal应该学会读文档。文档中会把很多基本概念和技术讲清楚,但是,文档也有自身的局限,它不可能去解答所有的问题,而只能介绍一些比较基础的方法。学习Drupal需要学习者对于类似的问题能触类旁通,对于深层次的应用能独立专研,并且鼓励先行者在社区中分享他们的经验。
Drupalcon的门票标准价格是650美元,…