跳转到主要内容

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

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

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

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

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

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

前面几节我们回顾了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/…

模板文件

如果上一节中主题和区域所提供的布局划分(也就是区域的定义)不能满足项目需求的话,主题开发者还可以自己修改代码来自定义布局。

主题开发者可以自定义区域。相关内容见第一篇第18节《创建.info.yml文件》。然后通过模板文件来修改布局。或者,使用现有的区域,只修改模板文件也可以修改布局。

实际上,…

Drupal8的提供的模块

Drupal8在它的内核中提供了一个叫做Responsive Images的模块,你可以通过这个模块轻松为图片字段根据不同的断点设置不同的尺寸/版本。另外,还有一个叫做Inline responsive images的贡献模块,可以让用户在编辑器中上传的图片也能根据断点选择不同的版本——这两个模块同时使用的话,…

上一节我们讲了Focal point模块的用法,但是,等等,不知道你是否已经注意到了,虽然我们已经可以实现艺术剪辑了,但是却不是响应式的!!因为在”显示管理“中我们把图像字段的显示格式修改为了”image“。因此,图片会在所有的屏幕尺寸上显示同样的经过Focal point模块剪辑后的版本。而且,如果此时你跟我一样,一厢情愿的把格式改回”…

Focal Point模块解决的就是前面提到的艺术剪辑的需求。

下载和安装的步骤这里就不多说了,在安装的过程中会提示你要先启用crop api模块。

安装之后需要做的事情很简单:

在图像样式(/admin/config/media/image-styles)中新建立一个样式并添加Focal point效果,…