README

此插件通过将 Imageshop 数字资产管理系统的图像选择器作为弹出窗口暴露出来，将所选图像数据保存到字段中，以便可以在 twig 模板中使用，从而将 Imageshop Digital Asset Management 系统与 Craft CMS 集成。

安装

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

• 打开您的终端并进入您的 Craft 项目

cd /path/to/project

• 然后告诉 Composer 加载此插件

composer require guilty/imageshop-field

• 在控制面板中，转到设置 → 插件，并点击 'Imageshop' 的“安装”按钮。

或者通过命令行进行

php craft install/plugin imageshop-field

• 在设置页面，填写令牌和私钥字段以开始使用此插件。

• 您现在将能够访问在字段创建页面上的“Imageshop 字段”下拉菜单中的“Imageshop 字段”。

模板

简单直接

<img src="{{ entry.imageshopField.url }}" alt="{{ entry.imageshopField.filename }}">

使用 Imager

单尺寸

{% set image = craft.imager.transformImage(entry.imageshopField.url, { width: 400 }) %}
<img src="{{ image.url }}">

多尺寸

{% set transforms = craft.imager.transformImage(
    entry.imageshopField.url,
    [
        { width: 200 },
        { width: 800 },
        { width: 1200 },
        { width: 1920 }
    ]
    ) %}

{% for image in transforms %}
    <img src="{{ image.url }}" width="{{ image.width }}" style="width: auto;margin: 20px;">
{% endfor %}

带有 srcset 的响应式图像

{% set transformedImages = craft.imager.transformImage(image,[
        { width: 1920, jpegQuality: 90, webpQuality: 90 },
        { width: 1200, jpegQuality: 75, webpQuality: 75 },
        { width: 800, jpegQuality: 75, webpQuality: 75 },
        { width: 400, jpegQuality: 65, webpQuality: 65 },
    ]) %}

<img srcset="{{ craft.imager.srcset(transformedImages) }}">

可用属性

imageshopField 是以下示例中字段的名称。

Code:           {{ entry.imageshopField.code }}
Image:          {{ entry.imageshopField.image }}
Tags:           {{ entry.imageshopField.tags("no") | join(", ") }}
Title:          {{ entry.imageshopField.title }}
Rights:         {{ entry.imageshopField.rights }}
Description:    {{ entry.imageshopField.description }}
Credit:         {{ entry.imageshopField.credits }}
DocumentId:     {{ entry.imageshopField.documentId }}
Raw:            {{ entry.imageshopField.json | json_encode(constant("JSON_PRETTY_PRINT")) }}