drupalwxt/wxt_bootstrap

Drupal WxT 的 WxT Bootstrap 主题。

安装次数: 1,273

依赖关系: 0

建议者: 0

安全: 0

星星: 8

关注者: 15

分支: 3

开放问题: 9

语言:Twig

类型:drupal-theme


README

由 Bootstrap 基础主题和 WxT jQuery 框架强力驱动,现代化的组件化和可访问性主题。

此主题将努力始终与原生 Drupal 8 工作流程一起工作,默认利用块布局和 Twig 模板。随着时间的推移,将为 Display Suite 和 Panels 等各种贡献模块添加全面支持,以提供更复杂的布局功能。

注意:请始终查阅我们的 README.md 文件以获取最新文档。

安装

有两种可能的安装方法可以将 WxT Bootstrap 主题集成到 Drupal 8 分发中(推荐)

  • 分发
  • 独立

独立安装是提供给那些不想使用完整分发及其所需依赖项的用户的一种额外安装方法。

分发

所有依赖项都包含在 Drupal WxT 分发中,并完全配置,包括额外的集成和工作流程改进。

注意:我们强烈建议您使用分发方法。独立安装的支持有限。

  • WxT 组件的额外配置和额外的自定义插件
  • Drupal 应用程序生命周期和核心的及时更新
  • 工作流程改进和关键贡献模块的配置

独立

WxT Bootstrap 至少需要以下依赖项

注意:wet-boew 资产需要位于 /libraries 文件夹中,并使用适当的命名方案。

您可以通过 composer 轻松检索这些依赖项

composer require drupal/wxt_bootstrap
composer require drupal/wxt_library

注意:请查看位于 WxT 库中的 composer.json 文件,该文件使用自定义 composer 仓库 拉取所有主题资产。

设置

启用 WxT Bootstrap 主题或派生子主题,并将其设置为 Drupal 中的默认活动主题。

子主题化

我们在 starterkits 文件夹中提供了一个入门套件,其中包含从 wxt_bootstrap 继承的模板。

注意:为了使您的新子主题从 wxt_bootstrap 基础主题继承样式(以及可能的其他内容),您需要在主题可见性设置下选择您的新子主题(/admin/config/wxt/wxt_library)。

SCSS 编译

要成功执行以下命令,您需要以下必需的依赖项

  • NodeJS (v18.10.0) + NPM (v9.6.6) + Yarn (v1.22.19)
  • 使用 -g 选项全局安装 Gulp

在主题目录中运行以下命令以安装所需的 NodeJS 依赖项

yarn install

先决条件

将最新版3.x.x版本的Bootstrap框架源文件下载并解压到您新子主题的根目录。解压完成后,根据需要将目录重命名为./wxt_bootstrap/libraries/bootstrap。尽管WxT附带编译后的bootstrap文件作为库,但我们仍然需要源文件来编译bootstrap覆盖。

使用Gulp

在主题目录内运行以下命令以将SCSS编译为CSS

  • gulp scss(创建初始CSS文件)