README

这个非官方插件将 Bynder 数字资产管理 与 Craft CMS 5.x 集成，通过将他们的UCV图像选择器作为弹出窗口暴露出来，将选定的图像数据保存在字段中，以便在 twig 模板中使用。

安装

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

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

cd /path/to/project

• 然后让 Composer 加载插件

composer require loqus/bynder-craft-cms

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

或者通过命令行操作

php craft install/plugin bynder-craft-cms

• 在设置页面，填写 Bynder 门户 URL（不要包含 https://），以便开始使用插件。

要求

插件运行需要 2 个新字段。将

• datLocation
• mediaId

字段添加到卷（s）中

• 如果插件已安装并且已添加字段，您将看到两个新按钮。一个在资产概述中，用于从您的 Bynder 门户上传多个资产

• 另一个在资产详细概览中，用于替换当前图像

重要

当选择一个资产时，datLocation 和 mediaId 已填写并且资产已保存。为了 Craft 有一个物理的（但较小的）资产，将保存一个 10% 质量的图像，并在本地文件夹中保留原始尺寸。如果您从 datLocation 和 mediaId 字段中删除值并保存资产，则将存储本地完整尺寸的副本作为备份。

模板

简单明了

• 该插件被创建为 imager-x 的替代品

{% set image = entry.headerImage.one() %}
{% set compressedImage = craft.imager.transformImage(image, {width: 1000,mode: 'crop', position: '50% 50%'}) %}

• 您可以使用相同的属性，如下所示

{% set image = entry.headerImage.one() %}
{% if(image.datLocation is defined and image.datLocation != "" %}
 {% set compressedImage = craft.bynder.transformImage(image, {width: 1000,mode: 'crop', position: '50% 50%'}) %}
{% else %}
 {% set compressedImage = craft.imager.transformImage(image, {width: 1000,mode: 'crop', position: '50% 50%'}) %}
{% endif %}
<img src="{{ compressedImage.url }}" width="{{compressedImage.width}}" height="{{compressedImage.height}}" alt="{{ compressedImage.title }}">

可用属性

The mode accepts the most common used imager and bynder transforms: 'crop', 'fit', 'fill' and 'ratio'
Currently there is no support for complex transforms or srcsets