实地调查/工艺色卡

让客户从预设的颜色集中选择。

安装: 23

依赖: 0

建议者: 0

安全: 0

星星: 0

观察者: 3

分支: 0

类型:craft-plugin

1.2.1 2019-11-05 00:56 UTC

This package is auto-updated.

Last update: 2024-09-05 11:31:44 UTC


README

Icon

Latest Version Quality Score StyleCI Total Downloads

Craft CMS 3.x 的颜色卡插件

让客户从预设的颜色集中选择。

支持开源。请买杯啤酒。

此插件受 MIT 许可证许可,这意味着它是完全免费的开放源代码软件,您可以使用它做任何您想做的事情。如果您在使用它并希望支持开发,请在 Beerpay 上为我买杯啤酒!

Beerpay

要求

此插件需要 Craft CMS 3.0.0-beta.23 或更高版本。

安装

要安装插件,请按照以下说明操作。

  1. 打开您的终端并转到您的 Craft 项目

     cd /path/to/project
    
  2. 然后告诉 Composer 加载插件

     composer require rias/craft-color-swatches
    
  3. 在控制面板中,转到设置 → 插件,并点击“安装”按钮以安装颜色卡。

颜色卡概述

颜色卡插件不是提供完整的颜色选择器,而是让管理员为用户提供一组颜色进行选择。

配置颜色卡

创建颜色卡字段并提供标签和十六进制值选项。

Screenshot

通过逗号分隔可以使用多个颜色

Screenshot

使用配置文件

您可以创建一个 config/color-swatches.php 文件来预定义可能的颜色或定义不同的调色板。请参阅此存储库中的 配置文件 以获取示例。

return [

    // Predefined colors
    'colors' => [
        [
            'label' => 'red',
            'color' => '#ff0000',
            'default' => false,
        ],
        [
            'label' => 'green',
            'color' => '#00ff00',
            'default' => false,
        ],
        [
            'label' => 'blue',
            'color' => '#0000ff',
            'default' => false,
        ],
        [
            'label' => 'pink',
            'color' => '#ff00ff',
            'default' => false,
        ]
    ],

    'palettes' => [
        'Red Green' => [
            [
                'label'   => 'red',
                'color'   => '#ff0000',
                'default' => false,
            ],
            [
                'label'   => 'green',
                'color'   => '#00ff00',
                'default' => false,
            ],
        ],
        'Buttons' => [
            [
                'label'   => 'blue-white',
                'color'   => '#0000ff,#ffffff',
                'default' => false,
            ],
            [
                'label'   => 'red-white',
                'color'   => '#ff0000, #ffffff',
                'default' => false,
            ],
        ],
    ],
];

在您的字段设置中,您可以使其使用预定义的颜色。

Screenshot

使用颜色卡

您可以在模板中访问标签和颜色。默认情况下,标签将显示

{{ fieldName }}
{{ fieldName.label }}
{{ fieldName.labels }} {# Returns an array of all labels #}
{{ fieldName.color }}
{{ fieldName.colors }} {# Returns an array of all colors #}

基于 Vigetlabs 的出色的 Craft 2 插件

Rias 提供