额外区块类型 (EBT) - 全新的布局构建器体验❗
滚动
子主题:使用 Classy 作为基础主题
02/10/2025, by Ivan
Menu
- 理解 Drupal
- Drupal 系统要求
- 安装 Drupal 8
- 更新 Drupal 8
- Drupal 8 网站管理
- Drupal 8 模块
- Drupal 模块比较
- Drupal 主题
- Drupal 字段类型
- 配置管理
- Drupal 多站点
- 无障碍功能
- Drupal 8 समस्या निवारण
- 为 Drupal 创建模块
- Drupal 8 API
-
Drupal 8 主题化
- 使用 .info.yml 文件定义主题
- Drupal 8 主题文件夹结构
- 在主题中添加区域
- 在 Drupal 8 主题中添加样式表 (CSS) 和 JavaScript (JS)
- Drupal 8 中的 Twig
- 子主题
- 子主题:使用 Classy 作为基础主题
- Classy 主题的 CSS 选择器
- 在你的主题中包含默认的图片样式
- 包含模板的一部分
- 在模板中使用属性
- 预处理和在 .theme 文件中修改属性
- 在 Drupal 8 中使用断点 (breakpoints)
- 创建高级主题设置
- Drupal 6、7 和 8 之间的主题差异
- 将类从 7.x 升级到 8.x
- Subtheme Inheritance
- 为自定义主题创建自动化工具 (Gulpjs)
- Drupal Twig 转换指南(tpl.php 到 html.twig)
- Drupal 8 中的 Z-Index
- 升级到 Drupal 8
Classy 是 Drupal 8 的核心基础主题,也是 Bartik 和 Seven 使用的基础主题。Classy(及其子主题)中的 HTML 标记包含了结构良好的 CSS 类,其命名方式类似于 BEM 和 SMACSS 的 CSS 命名约定。
虽然 Classy 所采用的 BEM / SMACSS 风格的命名约定非常高效,并且提供了许多便利,但它并不适用于每一个项目。对于不需要 Classy CSS 类的人来说,可以选择其他基础主题。
| 选择 Classy,当 |
你希望在 HTML 中已经包含结构良好的 CSS 类。Classy 基础主题减少了(有时甚至完全避免了)在 HTML 中额外添加类的需求。
|
| 选择 Stable,当 |
你更倾向于使用一个最小化 CSS 的主题。例如——如果你不希望 Drupal 的类与主题所使用的 CSS / JS 框架冲突,那么可以使用 Stable。 Stable 是在你的子主题中未指定基础主题时所使用的默认基础主题。 选择使用 Stable 意味着你需要对类的命名和结构承担全部责任。 |
一旦你确定了基础主题,可以在这里阅读更多关于如何实现的内容:创建 Drupal 8 子主题。