ooksanen/acf-focuspoint

添加图片焦点字段

维护者

详细信息

github.com/helsingborg-stad/acf-focuspoint

源代码

资助包维护！
其他

安装: 27,426

依赖关系: 2

建议者: 0

安全: 0

星级: 0

关注者: 1

分支: 16

类型:wordpress-muplugin

1.2.1 2023-10-12 05:52 UTC

MIT a0a326a5b23d68ecd18b592928513f6f34c45139

  • Oskari Oksanen <hello.woop@oskarioksanen.fi>

This package is auto-updated.

Last update: 2024-09-12 08:22:14 UTC

README

为Advanced Custom Fields添加新的"FocusPoint"字段类型，允许用户在图片上选择焦点。

如果您觉得这个插件很有用，请考虑通过点击赞助按钮或通过PayPal直接赞助来赞助开发。

描述

为ACF添加新的字段类型，允许用户在图片上选择焦点。

与传统ACF图片字段类似，但一旦选择图片并显示预览，此插件允许通过点击图片来选择焦点。焦点以从左/上的百分比形式返回到图片数组中。

需要ACF Pro 5

在ACF Pro 5.8.7上测试过

安装

  1. 下载并解压插件
  2. 将acf-focuspoint文件夹复制到您的wp-content/plugins文件夹
  3. 通过插件管理页面激活ACF FocusPoint插件
  4. 通过ACF创建新字段并选择FocusPoint类型

用法

用法与ACF Image Field非常相似。

  1. 选择图片

Screenshot 1

  1. 通过点击图片预览选择焦点

Screenshot 2

插件返回一个包含图像id和所选焦点顶部/左侧值（百分比）的数组

'image' => array(
	'id'		=> 42,
	'top'  		=> 40.03,
	'left' 		=> 82.79,
)

根据您的需要进行使用这些新值。例如

<?php 

$image = get_field('image'); 
$image_src = wp_get_attachment_image_src( $image['id'], 'large' );

?>

<style>
#my-image {
	background-image: url('<?php echo $image_src[0]; ?>);
	background-position: <?php echo $image['left'] . '% ' . $image['top']; ?>%;
	background-size: cover;
	height: 300px;
	width: 600px;
}
</style>

<div id="my-image"></div>

变更日志

见changelog.md

感谢

感谢Elliot Condon创建Advanced Custom Fields。