ACF: Focal Point ACF: Focal Point

ACF: Focal Point

Created by: John Healey

Rating:
Downloaded: 12k times

Adds a new field type to ACF allowing users to draw focal points on images. Uses Wenting Zhang’s Responsify.js to create focal points on images using jQuery.

Works similar to a traditional ACF image field, but once an image is selected and a preview is displayed, this plugin allows drawing a box around a focal point in the image using canvas. That image can then be displayed in a nice responsified fashion. View the ResponsifyJs homepage for a demo.

Image returned as either tag or object to use within themes. Includes responsify.js.

See Frequently Asked Questions for more info and detailed usage.

Last tested on ACF v4 (4.4.5) & ACF Pro (5.3.3.2).

Screenshots

  • Creating a Focal Point Field.
  • Selecting a Focal Point for the selected image.
  • Desktop width image on 2016 Theme.
  • Same image at mobile width.

Categories

Get New Themes & Resources