newebtime/grayscale-theme

此主题是基于 http://startbootstrap.com/template-overviews/grayscale/ 的 Grayscale 主题的 HTML5 Bootstrap 主题。

维护者

详细信息

gitlab.com/newebtime/pyrocms/grayscale-theme

主页

源代码

问题

安装: 1

依赖项: 0

建议者: 0

安全: 0

星级: 1

分支: 0

类型:streams-addon

dev-master 2020-01-29 10:55 UTC

Requires

MIT 6911c8dc68362a0b7072cd59c6e1b57e6a028305

  • Newebtime Co., Ltd. <support.woop@newebtime.com>
  • Frédéric Vandebeuque <fred.vdb.woop@newebtime.com>

themebootstrapStreamspyrocms

This package is auto-updated.

Last update: 2024-08-29 04:54:31 UTC

README

此主题是基于 https://startbootstrap.com/template-overviews/grayscale/ 的 Grayscale 主题的 HTML5 Bootstrap 主题。

安装

composer require newebtime/grayscale-theme

更多详情： https://pyrocms.com/documentation/pyrocms/3.4/installation/installing-addons

自定义

主题包含预编译的 CSS 文件，但也提供 SCSS 以自定义主题。

安装依赖项

手动

进入主题文件夹，并运行 npm install

使用 minstall

Minstall 允许自动安装所有插件中的 package.json 依赖项。

npm install minstall --save

然后更新 PyroCMS package.json

    "scripts": {
        ...
        "postinstall": "minstall addons/*/*"
    },

然后

npm install

使用 Assetic

  1. 进入 resources/views/partials/metadata.twig
  2. 注释 {{ asset_add('theme.css', 'theme::css/theme.css', ['live', 'parse']) }}
  3. 取消注释 {#{{ asset_add('theme.css', 'theme::scss/theme.scss', ['live', 'parse']) }}#}

使用 Mix / Webpack

  1. 进入 resources/scss/theme.scss
  2. 注释所有 // Vendor - Assetic 部分
  3. 取消注释所有 // Vendor - Mix 部分

然后配置 webpack.mix.js 以编译 SCSS

require(`./addons/app/newebtime/grayscale-theme/webpack.mix.js`);

注意： addons/app 可能取决于您的应用程序引用。

测试模块

以下模块已测试（所有使用 Bootstrap 4 的模块应兼容）。

  • 表单模块（anomaly.module.forms），1.3
  • 页面模块（anomaly.module.pages），2.4
  • 作品集模块（newebtime.module.portfolio），1.0.0
  • 文章模块（anomaly.module.posts），2.4 （2.5 尚未测试）
    • 已知问题：标签无法正确渲染。需要重写太多的 twig 才能实现...
  • 用户模块（anomaly.module.users），2.4