跳转到主要内容

和“
Drupal8
”有关的内容:

在上一节中,我们已经在主题中加载了所需要的库。

在page--front.html.twig模板中,我们可以很清楚的看到,第94行的代码就是用来输出views区块的。而下面的代码,第98到第111行是我们从猫头鹰走马灯的官网文档中拷贝过来的。很显然,我们只要把views区块输出的代码,覆写成这个代码的样式,我们就能实现走马灯的效果。…

让我们来整理一下代码,将新建立的区块放置到合适的位置上。

在info文件中新添加一个rencent区域,

recent: Recent

在首页模板中,在打印content区域的div的下方再添加一个div,用于打印新增的recent区域:

<div class="col-md-12"> {{…

在上一节的内容中,我们提到了内容页面的覆写,以及内容列表的覆写。内容列表的生成涉及到核心中的views模块的使用方法。首页的内容列表是views模块自带的,因此,我们并不需要自己动手创建view,列表就会自动在首页显示。但是,我们往往要自己创建新的view,来实现我们自己想要的显示条件和逻辑。所以,接下来,我们将介绍views模块的用法以及相关的覆写技巧…

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

因此,我们还需要在代码中为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的主题系统,…