在之前的课程中，我们学习了如何搭建和配置开发环境，了解了drupal主题的文件构成，如何用info文件定义一个主题，如何创建区域，如何创建库，学习了什么是模板文件，怎样利用twig debug功能查看模板建议，如何覆写模板文件，如何创建自定义区块并放置在区域中。有了以上这些知识，你对整个drupal的主题层就有了一个大致的了解了，…

这就是上一节中我们为网站做的首页。在设计上，这还仅仅是一个初稿，但是，相比之前的样子，已经好很多了。

让我们再来看一下page模板。前面已经提过，大部分的时候，我们并不会把这些文字内容直接写在模板文件中，因为这样就无法通过drupal来管理这些文字。

所以，我们来创建一个自定义区块，把模板中的代码和文字放到区块中，…

让我们再来看一下page模板，在这里，你可以找到twig的三种基本语言结构：

{{ }}: 用于打印表达式的结果;

{% %}: 用于执行语句;

{# #}: 用于添加注释。

因此 我们用 {{ }} 来输出变量、区块，和kint模块提供的方法。

在代码的底部，用 {% %}…

在之前的章节中，我们讲述了覆写模板和定义库，我们通过覆写的方式来改变html标签，通过库来引入CSS和JS。而页面是由HTML来定义结构，…

ok，我们先回到首页，在地址栏上将node/1删除，然后点击回车，这样就回到首页了。

然后我们把元素检查区域的代码往下拉，并展开，可以找到page.html.twig模板文件的开始。我们可以看到这个模板文件的出处是在stable中。这是因为我们之前新建自定义主题nowicode的时候在info文件中将stable主题声明为我们的基主题。而且…

我们接着上一个视频，在菜单栏上打开结构页面，进入区块布局，我们可以看到在这个页面上，展示了区域以及区域中的区块。其中，页眉，也就是header，以及下面的content和footer，是我们在info文件中定义的区域。红色线框所示的则是区块。

你可以用拖拽的方式来放置和移动区块，你也可以在这个下拉菜单中移动他们，你还可以在这里禁用某个区块…

从这一节开始，我们来创建一个自己的主题。在themes文件夹中创建一个custom文件夹，然后创建一个nowicode文件夹，这就是我们的主题文件夹。我们的主题叫做nowicode。（这里的custom，是“自定义”主题文件夹，也就是说所有的自定义主题都放在custom文件夹里面，相对的，contrib文件夹用来放置官网上下载的第三方主题。这里我们没有用到…

让我们来添加一篇内容，然后来讲解一下drupal页面的结构。

首先，点击添加内容链接。选择Article，…

之前，我们演示了用命令行来下载Drupal的项目，也就是bootstrap主题。现在，我们再来演示一下用手动的方式来安装一个Drupal模块。

首先，在谷歌上搜索drupal devel，我们可以在搜索结果中找到官网devel模块的项目页面。拉到最下面，点击下载链接。然后解压缩。…

先让我们切换到外观页面，我们可以看到，现在网站安装了2个主题，其中bartik主题是我们网站的默认主题，也就是前台页面所使用的主题。另一个主题是Seven主题，他是后台管理页面所使用的主题。

接下来是一些未安装的主题，你需要点击安装按钮才能使用这些未安装的主题。通常，这个区域并不会有这么多未安装的主题，这里可能是Drupal的开发者在8.3…