kalakotra/silverstripe-bootstrap

Bootstrap 5 SCSS 上的 SilverStripe 主题

安装: 149

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

公开问题: 0

语言:SCSS

类型:silverstripe-theme

dev-master / 3.2.x-dev 2023-03-22 12:13 UTC

This package is auto-updated.

Last update: 2024-09-28 13:46:03 UTC


README

https://github.com/axllent/silverstripe-scss
https://github.com/axllent/silverstripe-minifier

使用 silverstripe-theme-starter

  • 将主题复制到您的 SilverStripe 项目的 themes/ 目录中。如果命名正确,应该有一个名为 themes/[YOURTHEMENAME]/templates 的目录。

  • 将以下内容添加到您的 mysite/_config/theme.yml 文件中。将 "simple" 替换为 [YOURTHEMENAME]。

    SilverStripe\View\SSViewer: themes: - '$public' - '[YOURTHEMENAME]' - '$default'

  • 所需 Silverstripe 模块

    • ScssPHP 编译器用于 Silverstripe (composer require axllent/silverstripe-scss)
    • SilverStripe Minifier (composer require axllent/silverstripe-minifier)
  • 将以下内容添加到 PageController::init() 函数的末尾(取消注释您想要使用的插件,或使用示例文件)

     if ($this->URLSegment != "Security") {
         $myThemes = SSViewer::get_themes();
         $myThemePath = "themes/".$myThemes[1]."/";
    
         Requirements::css($myThemePath.'css/scss/bootstrap.scss');
    
         Requirements::backend()->setWriteHeaderComment(false);
         $css = [];
    
         // animate on scroll plugin
         //$css[] = $myThemePath.'css/aos.css';
    
         // custom fonts
         //$css[] = $myThemePath.'css/fonts.css';
    
         // hamburger menu
         //$css[] = $myThemePath.'css/hamburgers.min.css';
    
         // fancybox (uncomment js to)
         //$css[] = $myThemePath.'css/jquery.fancybox.min.css';
    
         $css[] = $myThemePath.'css/layout.css';
         $css[] = $myThemePath.'css/navigation.css';
    
         Requirements::combine_files('styles.css', $css);
         Requirements::process_combined_files();
    
         $js = [];
         $js[] = $myThemePath.'javascript/empty.js';
         $js[] = $myThemePath.'javascript/jquery-3.6.0.min.js';
         Requirements::combine_files('jquery.js', $js);
         Requirements::process_combined_files();
    
         $js = [];
         $js[] = $myThemePath.'javascript/bootstrap.bundle.min.js';
    
         // animate on scroll plugin
         //$js[] = $myThemePath.'javascript/aos.js';
    
         // fancybox (uncomment css to)
         //$js[] = $myThemePath.'javascript/jquery.fancybox.min.js';
    
         $js[] = $myThemePath.'javascript/script.js';
         Requirements::combine_files('javascripts.js', $js, ["async"=>true, "defer" => true]);
         Requirements::process_combined_files();
     }
    
  • 使用 "example-files" 文件夹中的文件进行默认安装