跳转到主要内容

和“
Drupal8
”有关的内容:

{# /** * @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的主题系统,…

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

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

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

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

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

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

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

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

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

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

预告:接下来的两篇是付费内容,是Drupal主题入门环节最重要的几个知识点之一,配有比较详细的文档说明,由于视频的篇幅限制,很多细节并没有出现在视频中,因此,请仔细阅读文档内容,谢谢支持。晴空在这里先谢过了。 :)

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