pixney/avviare-extension

此包已被 废弃 且不再维护。没有建议的替代包。

PyroCMS 主题设置生成器

安装: 37

依赖项: 0

建议者: 0

安全: 0

星级: 3

关注者: 1

分支: 0

公开问题: 0

类型:streams-addon

0.5.0 2019-08-25 10:17 UTC

This package is auto-updated.

Last update: 2021-02-25 14:12:08 UTC


README

Pyrocms 的 Tailwind 和 Bootstrap 主题设置生成器。

我编写这个扩展只是为了帮助自己更快地开始,并按照我自己的喜好设置。

如果你喜欢,你可以自由使用它。

如何使用它

安装 Pyro CMS

composer create-project pyrocms/pyrocms [projectname]
php artisan install

有关更多信息,请参阅 PyroCMS 文档

安装 Avviare

将 pixney 仓库添加到您的 composer。

{
  "repositories": [{
    "type": "composer",
    "url": "https://packages.pixney.com"
  }]
}

要求它

composer require "pixney/avviare-extension"
composer dump
php artisan addon:install avviare

创建主题

运行以下命令以生成主题。

php artisan avviare:create mycompany.theme.themename

示例:pixney.theme.mytheme

SVG Spitemaps (svg-spritemap-webpack-plugin)

如果你使用 svgs,建议创建一个 svg sprite。在运行 npm install 后,只需将你的 svgs 放在 resources/svgs 中,当你运行 npm run watch/production 时,此插件将为你创建 svg sprite map。

在 twig 文件中使用 svg

在视图中包含 spritemap

<div style="display:none">
	{% include "theme::partials/svgs" %}
</div>

显示 svg

<svg><use xlink:href="#example" /></svg>

使用 Browsersync

在 webpack.mix.js 文件中,设置代理和要监视的文件

.browserSync({
    proxy: 'devsite.test',
    files: [
        'public/js/**/*.js',
        'public/css/**/*.css'
    ]
})

如果你不想使用 svg sprite 插件或 browsersync,只需在 webpack.mix.js 中注释或删除引用即可

样式

简单的样式,只需移除它并制作自己的样式...

Image is showing the theme styling

安装后

从根目录(basepath)运行 npm install 以安装 package.json 文件中指定的所有依赖项。

最后运行 npm run watch 以转换/编译所有内容。

确保您正在使用主题。

要么在管理员中的显示->设置中激活您的主题,要么在 .env 文件中指定:STANDARD_THEME=mycompany.theme.themename

更改 Open Graph 和 Favicon 图像

在您的主题目录中,您想要更改位于 resources/images 中的图像。您也可以更改其位置,但如果您这样做,请确保更新 metadata.twig。