weareframework / pinpoint-image
Requires
- php: ^7.4|^8.0
README
Pinpoint image 是一个 Statamic 扩展插件,允许用户快速方便地在图像上管理点内容。
Pinpoint image 是一个 Statamic 扩展插件,功能相当实用。是的,这正是我们要解释的部分。那么,它允许您创建自己的 pinpoint image 字段类型!
嗯,这仍然没有解释清楚,对吧?
也许一张图片,人们喜欢图片,这里是字段类型在您的 cp 管理员中的样子
特性
此插件做以下事情
- 允许您添加自己的 pinpoint image 字段类型(如上所述非常详细地描述)
- 将图像添加到字段
- 在每个点上使用文本标记每个点
- 使用方便的标签将字段数据输出到前端
{{ pinpoint_image :field="pinpoint_image_field" }}
(:field= 是您在 blueprint 中创建字段时的字段处理名称) - 在前端编辑输出的字段
许可
当在生产网站上使用时,Pinpoint image 需要许可。您可以在 https://statamic.com/addons/weareframework/pinpoint-image 购买一个。
在本地开发时,您可以无许可使用 Pinpoint image。
如何安装
您可以在 Statamic 控制面板的 工具 > 扩展
部分搜索此插件并点击 安装,或者从项目根目录运行以下命令
composer require weareframework/pinpoint-image
注意事项
该字段使用资产字段类型来获取图像,因此请确保您已选择字段容器,例如 assets
如何使用
安装它,使用它,让您的网站尽情享受它
这可以在 Antlers 中使用 product_color_swatch 标签使用
{{ pinpoint_image :field="pinpoint_image_field" }}
:field=
是您在 blueprint 中创建字段时的字段处理名称
您可以在每个点上悬停以获取在 cp 管理员中输入的文本。
模板化
将字段传递给 pinpoint_image
标签。
{{ pinpoint_image :field="pinpoint_image_field" }}
这将渲染默认的 pinpoint_image 标签,输出默认内容如上所示。不错
自定义生成的 HTML
如果您想自定义生成的 HTML,可以使用以下命令发布视图
php artisan vendor:publish
并选择 Weareframework\PinpointImage\ServiceProvider
这将创建以下路径的文件模板以覆盖: statamic-install-site-name/resources/views/vendor/pinpoint-image/tags/index.blade.php
希望这会让您明白如何编辑它!
变更日志
请参阅 CHANGELOG 了解最近更改的详细信息。
安全性
如果您发现任何与安全性相关的问题,请使用问题跟踪器。