PHPackages                             ooksanen/acf-focuspoint - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. ooksanen/acf-focuspoint

ActiveWordpress-muplugin[Image & Media](/categories/media)

ooksanen/acf-focuspoint
=======================

Adds a image focus field

1.2.2(1y ago)047.0k↓32.5%4MITPHP

Since Jul 2Pushed 1mo agoCompare

[ Source](https://github.com/helsingborg-stad/acf-focuspoint)[ Packagist](https://packagist.org/packages/ooksanen/acf-focuspoint)[ Fund](https://www.paypal.com/paypalme/ooksanen)[ RSS](/packages/ooksanen-acf-focuspoint/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (3)DependenciesVersions (7)Used By (4)

ACF: FocusPoint
===============

[](#acf-focuspoint)

Adds a new "FocusPoint" field type to [Advanced Custom Fields](https://www.advancedcustomfields.com/) allowing users to select a focal point on images.

If you find this plugin useful, please consider sponsoring the development by clicking the Sponsor button or [directly through PayPal](https://paypal.me/ooksanen).

---

### Description

[](#description)

Adds a new field type to ACF allowing users to select a focal point on image.

Works similar to a traditional ACF image field, but once an image is selected and a preview is displayed, this plugin allows selecting a focal point by clicking on the image. Focal point is returned in image array as percentage from left/top.

Requires ACF Pro 5

Tested on ACF Pro 5.8.7

---

### Installation

[](#installation)

1. Download and extract the plugin
2. Copy the `acf-focuspoint` folder into your `wp-content/plugins` folder
3. Activate the ACF FocusPoint plugin via the plugins admin page
4. Create a new field via ACF and select the FocusPoint type

---

### Usage

[](#usage)

Usage is very similar to [ACF Image Field](http://www.advancedcustomfields.com/resources/image/).

1. Select an image

[![Screenshot 1](screenshots/screenshot1.png)](screenshots/screenshot1.png)

2. Select a focal point by clicking the image preview

[![Screenshot 2](screenshots/screenshot2.png)](screenshots/screenshot2.png)

Plugin returns an array with image id and top/left values (percentages) of selected focus point:

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

```

Use these new values as you see fit. For example:

```

#my-image {
	background-image: url(');
	background-position: %;
	background-size: cover;
	height: 300px;
	width: 600px;
}

```

---

### Changelog

[](#changelog)

See [`changelog.md`](https://github.com/ooksanen/acf-focuspoint/blob/master/changelog.md)

---

### Thanks

[](#thanks)

Thanks to [Elliot Condon](http://www.elliotcondon.com/) for creating Advanced Custom Fields.

###  Health Score

45

—

FairBetter than 91% of packages

Maintenance68

Regular maintenance activity

Popularity28

Limited adoption so far

Community20

Small or concentrated contributor base

Maturity56

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 81.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~675 days

Total

3

Last Release

477d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/f46fe64973c3e89d15c745c0bf601c25983bafea81d30e64d4bf813a6f8c8c7c?d=identicon)[sebastianthulin](/maintainers/sebastianthulin)

---

Top Contributors

[![ooksanen](https://avatars.githubusercontent.com/u/1029398?v=4)](https://github.com/ooksanen "ooksanen (58 commits)")[![sebastianthulin](https://avatars.githubusercontent.com/u/797129?v=4)](https://github.com/sebastianthulin "sebastianthulin (11 commits)")[![NiclasNorin](https://avatars.githubusercontent.com/u/103985736?v=4)](https://github.com/NiclasNorin "NiclasNorin (1 commits)")[![thorbrink](https://avatars.githubusercontent.com/u/1064724?v=4)](https://github.com/thorbrink "thorbrink (1 commits)")

### Embed Badge

![Health badge](/badges/ooksanen-acf-focuspoint/health.svg)

```
[![Health](https://phpackages.com/badges/ooksanen-acf-focuspoint/health.svg)](https://phpackages.com/packages/ooksanen-acf-focuspoint)
```

###  Alternatives

[goat1000/svggraph

Generates SVG graphs

135911.1k3](/packages/goat1000-svggraph)[gravatarphp/gravatar

Gravatar URL builder which is most commonly called as a Gravatar library

16653.6k2](/packages/gravatarphp-gravatar)[rsoury/wp-imgix

Rewrites WordPress image URLs to use ImgIX

167.2k](/packages/rsoury-wp-imgix)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)