imarc / craft-pickture
一种自定义字段类型,允许用户在缩略图之间进行选择,而不是仅仅通过文本标签。
1.1.6
2024-09-03 14:28 UTC
Requires
- php: ^8.0
- craftcms/cms: ^4.0 || ^5.0
Requires (Dev)
- craftcms/rector: dev-main
README
此插件向Craft添加了一个字段类型 Pickture (单选按钮),这是一个比单选按钮更直观的选择方式,每个单选按钮都与一个缩略图相关联。
安装Pickture
composer require imarc/craft-pickture
配置
创建Pickture字段与创建原生下拉列表或单选按钮非常相似,只是多出几个额外的列。
- 标签 – 显示的标签。如果标签超过100px(10-15个字符),则标签会被截断(通过CSS),所以请保持标签简短。
- 图片URL – 用作图片的
src
属性的URL。- 如果留空,则不会显示缩略图。推荐的宽高比是2:1。
- 高级用法:如果您想做一些特殊效果,可以在此字段中放置任意HTML代码,而不是URL。
- 内容管理系统(CMS)块背景 – 可选的块背景。
- 如果在此字段中指定了颜色,则选择此选项时,此颜色将应用于最近的父矩阵或neo块,或当前选项卡。这是为了给CMS用户提供一种更直观的方式来查看受Pickture字段影响的具体块,当它用于选择背景颜色或图像时。
- 您可能需要保持非常浅的颜色作为标签和其他元素在块内的文本颜色,因为文本颜色不会被改变。
- 高级用法:值仅设置为
background
属性。这意味着并非所有浏览器都支持的CSS颜色格式都受支持,但也可以指定背景图像。例如,#f3f7fc linear-gradient(to right,red 4px, transparent 4px)
提供了4px的红色边框。注意,#f3f7fc
通常为默认背景颜色。
- 值 – 此选项的值。
- 默认值? – 此选项是否应为默认选项。