logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动

7.1. Drupal 8 主题构建工具。

17/10/2025, by Ivan

Drupal 不仅仅是一个 CMS,它还是一个用于开发 Web 应用的平台。如果您决定创建自己的主题,那么有多个主题框架可供选择。本文将介绍其中最受欢迎的几种。

Bootstrap

https://www.drupal.org/project/bootstrap
http://getbootstrap.com/

Bootstrap 是目前最受欢迎的前端框架之一,您可以基于它轻松创建自己的 Drupal 主题。它提供了一整套 CSS 样式、栅格系统以及 JavaScript/jQuery 插件。借助它,您可以快速完成网站布局并灵活调整各个区块的位置。

Zen

https://www.drupal.org/project/zen

Zen 是 Drupal 6 和 7 时代最受欢迎的主题构建框架之一。在 8.x-7.x 版本中,它自带定制的任务运行器 Gulp.js,可以通过 PhpStorm 轻松启动。SASS 编译使用 libsass 实现,因此无需再使用 Compass。

Omega

https://www.drupal.org/project/omega

Omega 是一个功能强大的主题框架,支持配置文件生成器(配置存储在文件中)、LESS/SASS 样式以及 Mobile-first 响应式布局。如果您在 OmegaBootstrap 之间做选择,可以根据网站设计稿决定:

  • 如果设计稿是精确像素布局(Pixel Perfect),并且未使用网格系统,请选择 Omega
  • 如果设计较为灵活,主要依赖基础组件构建页面,则推荐使用 Bootstrap

Adaptive Theme

https://www.drupal.org/project/adaptivetheme

Adaptive Theme 是一个简单易用的入门主题,带有管理界面,可为不同设备类型设置页面宽度和响应参数。它非常适合用于学习 Drupal 或构建基础型网站。如果您要构建更复杂的站点,则推荐使用 OmegaBootstrap