Canvas Palette - 让它色彩缤纷🎨
Canvas Palette — 拖入模块,添加视频,再添一抹色彩——无需设计学位。
额外区块类型 (EBT) - 全新的布局构建器体验❗
GLightbox is a pure javascript lightbox (Colorbox alternative without jQuery)❗
It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos.
7.1. Drupal 8 主题构建工具。
Menu
- 使用 Lando 安装 Drupal
- 1. Drupal:基本功能(Basic Features)
- 2. Drupal:配置(Configuration)
- 3. Drupal:网站构建
- 4. Drupal Commerce —— Drupal 的在线商店模块
- 5. Drupal 与 SEO
- 6. Drupal:主题开发
-
7. Drupal:高级主题开发。
- 7.1. Drupal 8 主题构建工具。
- 7.2. 基于 Bootstrap 创建主题,并通过 Gulp 编译 SASS。
- 7.3. 在 Drupal 中禁用缓存,并在模板中输出调试信息。
- 7.4. 在 Drupal 上使用 Bootstrap 主题准备网站的移动版本。
- 7.5. 使用 Bootstrap 栅格添加服务区块。
- 7.6. Drupal 的 Isotope 图片画廊。
- 7.7. Drupal 中的 YouTube 视频区块。
- 7.8. Drupal 中的 Twitter 区块。
- 7.9. 带有社交图标的 Drupal 区块。
- 7.10. Drupal 幻灯片展示。
- 7.11. Drupal Webform 反馈表单。
- 7.12. 网站页脚与像素级精确(Pixel Perfect)布局。
- 9. Drupal 模块开发
- 解耦式 Drupal:基于 Drupal 构建后端(Drupal Decoupled. Building Backend on Drupal)
- 旧文章
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 响应式布局。如果您在 Omega 和 Bootstrap 之间做选择,可以根据网站设计稿决定:
- 如果设计稿是精确像素布局(Pixel Perfect),并且未使用网格系统,请选择 Omega;
- 如果设计较为灵活,主要依赖基础组件构建页面,则推荐使用 Bootstrap。
Adaptive Theme
https://www.drupal.org/project/adaptivetheme
Adaptive Theme 是一个简单易用的入门主题,带有管理界面,可为不同设备类型设置页面宽度和响应参数。它非常适合用于学习 Drupal 或构建基础型网站。如果您要构建更复杂的站点,则推荐使用 Omega 或 Bootstrap。