README

Statamic 控制面板有一个非常有用的焦点选择工具，不幸的是，您只能为每个资产设置一个焦点。幸运的是，这个插件提供了一个字段类型，允许您为在资产字段中链接的资产设置单独的字段焦点。

此插件在以下情况下可能很有用：

您想在不同响应断点之间更改焦点
您的网站在多个位置显示相同的资产，并且您不希望它们都共享相同的焦点
您想在图像上添加“图钉”，例如带有兴趣点的地图

安装

使用 Composer 需求。

composer require ncla/statamic-focal-point-fieldtype

字段类型

与任何字段类型一样，您可以通过控制面板界面添加它。您将在“媒体”类别中找到字段类型。在字段选项中，您只需定义“资产字段处理”即可。

或者，如果您感觉到了黑客气息，您当然可以直接编辑蓝图文件将此字段类型添加到字段中

-
    handle: focal_point_field
    field:
        display: 'Focal Point'
        type: focalpoint
        icon: assets
        listable: hidden
        instructions_position: above
        visibility: visible
        always_save: false
        # Here you specify the handle of the asset field that we will be getting image from for focal point setter
        assets_field_handle: assets_field
-
    handle: assets_field
    field:
        # ..

模板化

一旦设置了焦点，您就可以在模板中将其传递给 Glide 标签，如下所示

{{
    glide
    :src="assets_field"
    fit="crop-{ focal_point_field }"
}}

如果您正在使用响应式图像插件，那么这里有两个不同断点的不同焦点的示例

{{
    responsive:assets_field
    glide:fit="crop-{ focal_point_mobile }"
    lg:glide:fit="crop-{ focal_point_desktop }"
}}

显示支持

如果您觉得我的工作对您有帮助并且有价值，请考虑表示赞赏。

ncla / statamic-focal-point-fieldtype

维护者

详细信息

README

安装

字段类型

模板化

显示支持