README

摘要

这是为 ui_suite_bootstrap Drupal 主题提供的示例配置文件。

重点关注以下示例页面

• https://bootstrap.ac.cn/docs/4.5/examples/album/
• https://bootstrap.ac.cn/docs/4.5/examples/pricing/
• https://bootstrap.ac.cn/docs/4.5/examples/carousel/

安装

在您的系统上，您需要安装 git、composer 和 sqlite。

然后

$ composer create-project drupal/recommended-project ui_suite_bootstrap_demo
$ cd ui_suite_bootstrap_demo
$ composer require drush/drush
$ composer require drupal/ui_suite_bootstrap_demo
$ composer config repositories.bootstrap '{ "type": "package", "package": { "name": "asset/bootstrap", "version": "4.6.1", "type": "drupal-library", "extra": {	 "installer-name": "bootstrap" }, "dist": { "type": "zip", "url": "https://api.github.com/repos/twbs/bootstrap/zipball/043a03c95a2ad6738f85b65e53b9dbdfb03b8d10", "reference": "043a03c95a2ad6738f85b65e53b9dbdfb03b8d10" } } }'
$ composer require asset/bootstrap"

配置和站点构建

在 Drupal 中构建这些示例页面有许多方法。例如，卡片墙可以是实体引用格式化器，或视图样式。按钮可以是实体引用格式化器或链接格式化器。网格可以是视图样式或布局等。

以下是我们在本示例中做的事情

相册

• 主要基于实体引用字段。
• 完整页面显示：/admin/structure/types/manage/album/display
• 卡片显示：/admin/structure/media/manage/image/display/card
• 卡片图片样式：/admin/config/media/image-styles/manage/card

轮播图

• 布局中实体引用字段和内联块的组合。
• 完整页面显示：/admin/structure/types/manage/carousel/display
• 营销：/admin/structure/block/block-content/manage/marketing
• 幻灯片图片样式：/admin/config/media/image-styles/manage/slide
• 营销图片样式：/admin/config/media/image-styles/manage/marketing
• 特色：/admin/structure/block/block-content/manage/featurette
• 特色图片样式：/admin/config/media/image-styles/manage/featurette

定价

• 主要基于视图查询以及通过内容覆盖布局的能力（对于第一个套餐按钮）。
• 完整页面显示：/admin/structure/types/manage/pricing/display
• 套餐：/admin/structure/block/block-content/manage/package/display
• 套餐：/admin/structure/views/view/packages

默认内容

一些示例内容在安装过程中自动导入

• 相册页面：/node/1
• 轮播图页面：/node/2
• 定价页面：/node/3