/acf-image-annotation

Provides a point and click method for adding image annotations to images using ACF.

Primary LanguageJavaScript

ACF Field Type Template

Welcome to the Advanced Custom Fields field type template repository. Here you will find a starter-kit for creating a new ACF field type. This starter-kit will work as a normal WP plugin.

For more information about creating a new field type, please read the following article: http://www.advancedcustomfields.com/resources/tutorials/creating-a-new-field-type/

Structure

  • /assets: folder for all asset files.
  • /assets/css: folder for .css files.
  • /assets/images: folder for image files
  • /assets/js: folder for .js files
  • /fields: folder for all field class files.
  • /fields/image_annotation-v5.php: Field class compatible with ACF version 5
  • /fields/image_annotation-v4.php: Field class compatible with ACF version 4
  • /lang: folder for .pot, .po and .mo files
  • acf-image_annotation.php: Main plugin file that includes the correct field file based on the ACF version
  • readme.txt: WordPress readme file to be used by the WordPress repository

step 1.

This template uses PLACEHOLDERS such as image_annotation throughout the file names and code. Use the following list of placeholders to do a 'find and replace':

  • image_annotation: Single word, no spaces. Underscores allowed. eg. donate_button
  • Image Annotation: Multiple words, can include spaces, visible when selecting a field type. eg. Donate Button
  • PLUGIN_URL: Url to the github or WordPress repository
  • PLUGIN_TAGS: Comma separated list of relevant tags
  • A plugin to provide image annotation support to ACF.: Brief description of the field type, no longer than 2 lines
  • EXTENDED_DESCRIPTION: Extended description of the field type
  • Codi Lechasseur: Name of field type author
  • https://codilechasseur.com: URL to author's website

step 2.

Edit the image_annotation-v5.php and image_annotation-v4.php files (now renamed using your field name) and include your custom code in the appropriate functions. Please note that v4 and v5 field classes have slightly different functions. For more information, please read:

step 3.

Edit this README.md file with the appropriate information and delete all content above and including the following line.

ACF Image Annotation Field

A plugin to provide image annotation support to ACF.

Description

EXTENDED_DESCRIPTION

Compatibility

This ACF field type is compatible with:

  • ACF 5
  • ACF 4

Installation

  1. Copy the acf-image_annotation folder into your wp-content/plugins folder
  2. Activate the Image Annotation plugin via the plugins admin page
  3. Create a new field via ACF and select the Image Annotation type
  4. Please refer to the description for more info regarding the field type settings

Changelog

Please see readme.txt for changelog