随着Drupal8的发布，核心中新加入了两个新的基主题，一个是Stable一个是Classy，其中Stable基主题为系统前端提供尽可能少的HTML标签和类名，CLassy则是适当的增加了更多一些的类名。这一点我们在第一篇第18节中已经提到过了。总而言之他们的任务是：改变之前Drupal6和7时代基主题毫无顾忌的在页面上打印尽可能多的标签和类名的现象。（…

To be or not to be, that is the question. 这是莎士比亚的名作《哈姆雷特》中的名句。另一个类似的是在黑客帝国里面墨菲斯让尼奥选择的蓝色药丸和红色药丸

——其实，大部分的时候，我总是希望生活真的能有这么简单。

作为设计师和开发者的我们，每天面临的是下面这样的选择：

…

总是有人说，drupal做的网站很丑，说实话，这是现实——至少在国内，大部分用drupal做的网站确实很丑，哪怕有少数几个做的好的网站也无法掩盖这一点。

反对这个观点的人也非常有道理，他们往往会告诉你，网站做得好看不好看那是设计师的问题，与Drupal无关——其实这句话说的也是有一定道理的。

网页设计往往被认为是整个网站建设流程里面门槛最低，…

回到首页，刷新之后，我们可以看到，列表中只输出了节点标题。

因此，我们还需要在代码中为teaser模式添加其它的字段，比如，节点的图片和节点正文。

{{ content.field_image }} {{ content.body }}

然后，我们回到之前做的首页模板中，将侧边栏删除，将主内容区设置为12栏。…

{# /** * @file * Theme override to display a node. * * Available variables: * - node: The node entity with limited access to object properties and methods. * Only method…

接下来，我们来看一下内容的覆写。在Drupal系统中，每一篇文章都是一个节点，因此，对内容的覆写意味着对节点的覆写，也就是node.html.twig这一层模板的覆写。

首先，我们来编辑一下之前输入的这篇内容。你可以在文档中找到相关文字内容和图片的下载地址。

http://www.nowicode.com/sites/…

在上一节中，我们把静态页面中的html直接搬到了首页模板中，然后解决了库的版本不同而造成的问题。并且通过调整css和添加新的规则，将菜单的样式做好了。这一节中，我们要做的就是要把菜单模板覆写成静态页面中html一样的格式，然后在后台配置好菜单和区块，就可以得到我们的响应式的两级下拉菜单了。

具体来说，html代码中的整个无序列表即ul，…

在接下来的2节中我们来讲述如何做响应式的带有下拉菜单的导航条。

先说一下思路：

当然，你可以自己直接写css样式甚至添加js来控制这个菜单的显示。你也可以利用bootstrap已经为我们提供的解决方案来实现这个响应式的下拉菜单。

在我们做主题开发的时候，大部分的情况都是运用类似的方法。比如，你想做一个幻灯片、…

ok，我们现在的网站缺少一个菜单，因此，我们来演示一下如何为Drupal网站添加菜单，并且把它做成我们需要的样式。

在结构页面，点击菜单，可以管理网站所有的菜单，还可以添加新的菜单。他们各有各的用处，如果你是新手，应该尝试熟悉它们。这里我们只看main navigation，也就是主导航条。

我们编辑这个菜单，…

预告：接下来的两篇是付费内容，讲的是如何为网站做出一套响应式的菜单，相关内容属于Drupal主题中的难点，配有比较详细的文档说明，由于视频的篇幅限制，很多细节并没有出现在视频中，因此，请仔细阅读文档内容，谢谢支持。晴空在这里先谢过了。

现在，我们的网站是有logo的，这个logo是写死在模板文件中的。但是，drupal的主题系统，…