本节将介绍一些必要的基本背景知识。 本书的主题是Drupal8电子商务解决方案，所以对于这些必要的基本背景知识只作粗略的介绍， 意在使读者了解阅读本书的一些前提条件，而不是教会读者这些背景知识。

Drupal是一套使用PHP编程语言编写的Web软件，…

区块通常是被放置在区域中的，然后在page模板中通过打印区域来渲染区块。相关的方法在前面几节中讲区域和模板文件的时候已经讲过了。作为比区域更小的单元，如果在”区块布局“页面，移动或者增减区块，自然就会影响网页的排版。当然这种改动所带来的变化同时还受到区域和模板文件的影响。事实上，大部分的情况下，页面的布局都是由区域、区块、管理显示、…

使用管理显示功能可以用来修改内容类型中的字段的显示方式。这个功能是Drupal内核提供的，每一个内容类型的编辑页面中都有对应的”管理表单显示“和”管理显示“选项卡。对应的链接地址是：/admin/structure/types/manage/内容类型/form-display 和 admin/structure/types/manage/…

如果上一节中主题和区域所提供的布局划分（也就是区域的定义）不能满足项目需求的话，主题开发者还可以自己修改代码来自定义布局。

主题开发者可以自定义区域。相关内容见第一篇第18节《创建.info.yml文件》。然后通过模板文件来修改布局。或者，使用现有的区域，只修改模板文件也可以修改布局。

实际上，…

接下来的几篇，我们来讲在drupal中实现排版的各种方式。就像我们在第二篇前言中说的那样，我们并不追求回答“到底用哪种方式来做页面（实现排版）更合适”这样的问题，而是对各种方式都做一个介绍。我们先来聊一下Drupal核心为我们提供的方式，然后再来看看贡献模块为我们提供的其他方式。

实际上，本话题中的不少内容在前面的章节中都出现过，…

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

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

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

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

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

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

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

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

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

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

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