跳转到主要内容

和“
主题开发
”有关的内容:

本系列视频全部是免费的,可以在Nowicode上观看,也可以直接在腾讯视频上观看。很多人来信跟我说,这是一个bug,实际上并不是。视频里展示的是基本的操作,并附带简略的技术说明。但是更详细的说明、解释和示例代码都在文档中,本系列的文档大部分是免费的,小部分是收费的。有需要的同学可以购买并查看付费文档,你的付出会换来更大的回报,相信我。 ;)

你好,我是晴空,我是一枚设计师,…

D8出来了,手痒,做一个小站玩儿。界面上力求干净简洁并且在手机上体验也能凑合。虽然大部分的时候,我们并不会在排队或者等电梯的时候看这么无聊的内容,但是,万一呢? ^_^

内容是现成的,一年前就开始陆续发表于Drupalchina.cn。只是对前4章内容进行了一定的扩充。

在原来的写作计划中,要写的内容的篇幅是已经发表了的3倍。进阶篇:主题设置、主题中的CSS…

OK,在上一个视频中,我们已经学会了layout builder模块的基本使用方法,现在,我们继续学习layout builder模块的其它知识点。由于操作非常简单,而且配有截图,我们就不提供操作视频了。看不懂的同学欢迎留言提问。

首先,我们回到Default选项卡,在这里开启“use layout builder”,…

模块化的架构

Umami主题是按照第二篇中提过的模块化的理论架构的,CSS、JS和templates文件夹中都有对模块的定义,并且是相互对应的。模块化的前端架构,往往少不了借助类似Sass这样的工具把小的CSS文件合并成一个大文件。但是很显然,Umami的制作团队考虑到了Umami本身只是一个用于演示的主题,使用者很可能并不会使用Sass,因此,…

接下来,我们会使用Umami这个安装包所提供的内容来演示Layout builder模块。但是,现有的Umami主题已经对页面进行了排版,所以,我们要为Umami主题创建一个子主题,用它来清空现有的排版方式,然后再使用Layout builder模块为页面重新排版。

我的大体思路就是这样的。但是,我发现,在实际操作过程中,居然还遇到了一些坑…

接下来的一些章节中我们会继续讲述Drupal8中的排版,但是现在我们先停下来,介绍一下在Drupal8.6中由官方发布的一个安装包,它的名字叫做Umami。从8.6版本开始,所有的Drupal官方安装包都会包括Umami,这样,使用者就不需要另外下载它。只要在安装的时候,选择对应的profile即可,见下图:

 

前面几节我们回顾了Drupal排版的传统方法,并提出了一个问题,那就是排版,对于Drupal来说到底是一个什么性质的问题?在这里,我不卖关子,先回答这个问题,我认为,对于Drupal来说,排版是关乎到Drupal生死存亡的问题。

你可能会有疑问,这是真的么?有这么严重么?好吧,那让我们继续慢慢聊,反正这一篇和前面几篇一样,…

除了前面几篇提到的可以用来排版的方法,Drupal8的内核还为我们提供了另外两个相关的途径,一个是Views,一个是CkEditor。Views是我们第一篇后半段的重点,这里就不再重复了。我们在第一篇的末尾探讨了用CSS Grid layout技术来为views生成的列表实现一个创新的排版效果,有兴趣的同学可以点击《基础篇37. 挑战views的极限(1…

区块

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

管理显示

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