dpezer/ss-bs

Bootstrap 4 主题，适用于 SilverStripe > 4.2

维护者

详细信息

github.com/dpezer/ss-bs

源代码

问题

安装次数: 439

依赖项: 1

建议者: 0

安全性: 0

星级: 1

关注者: 1

分支: 0

语言:JavaScript

类型:silverstripe-theme

dev-dependabot/npm_and_yarn/path-parse-1.0.7 2021-08-12 21:35 UTC

Requires

BSD-3-Clause 724635ac87a8a70dff6f0546adf3798c2fa20eeb

themebootstrapsassscsssilverstripegulpbootstrap 4

This package is auto-updated.

Last update: 2024-09-11 23:13:45 UTC

README

这是由 Bootstrap 4 构建的 SilverStripe 入门主题，由 Darjan Pezer 开发。
版本：2.3

Bootstrap 4.5.2 theme for SilverStripe 4

需求

  • SilverStripe 4.x 或更高版本（包括框架和 CMS）
  • Node 和 NPM（Node 用于开发任务，如编译 Sass、捆绑和压缩 JS 等。Npm 用于管理 Node 组件的包。）
  • Gulp（使用命令 npm install -g gulp 安装 gulp）

主题包含

安装说明

  • 使用 composer 安装 composer require dpezer/ss-bs 或 ...

  • ... 将主题复制到 SilverStripe 项目的 themes/ 目录中。如果命名正确，应该有一个名为 themes/ss-bs/templates 的目录。

  • 将以下内容添加到您的 app/_config/theme.yml 文件中。

    ---
Name: mytheme
---
SilverStripe\View\SSViewer:
  themes:
    - '$public'
    - 'ss-bs'
    - '$default'

  • 将以下内容添加到您的 app/src/PageController.php 文件中的 init() 函数内

    Requirements::combine_files(
  'scripts.combined.js',
  [
    'themes/ss-bs/javascript/jquery/jquery-3.5.1.js',
    'themes/ss-bs/javascript/popper/popper.js',
    'themes/ss-bs/javascript/bootstrap/bootstrap.js'
  ]
);

  • 如果需要，运行 composer vendor-expose 来公开主题文件夹。

编译 CSS

  • 使用 npm install 命令安装所有必要的 npm 插件
  • 在文件夹中运行 gulp 命令
  • 将您的 CSS/SCSS 文件放入 themes/ss-bs/app/scss 并在 themes/ss-bs/app/scss/style.scss 中导入它们