README

此官方插件通过将图像选择器作为一个弹出窗口暴露出来，并将选定的图像数据保存到一个字段中，以便可以在 twig 模板中使用，将 Imageshop 数字资产管理（DAM）系统与 Craft CMS 集成。

安装

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

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

cd /path/to/project

• 然后告诉 Composer 加载此插件

composer require webdna/imageshop-dam

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

或者通过命令行操作

php craft plugin/install imageshop-dam

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

• 现在您将在字段创建页面上的字段类型下拉菜单中看到“Imageshop”。

模板

简单明了

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

多张图片

{% for image in entry.imageshopField %}
    <img src="{{ image.url }}" alt="{{ image.filename }}">
{% endfor %}

使用 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")) }}