This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

ACF Color Swatches

Description

An add-on for Advanced Custom Fields to allow users to select from a list of color choices. Setting up the field works exactly like setting up a radio button list, the main difference being that the key will also be used to style the element.

This is useful for allowing users to pick from a limited selection of colors, rather than enter an arbitrary hex value or choose from a color picker.

Supports all of the following color formats:

  • hex: #FF0000
  • rgb: rgb(255,0,0)
  • rgba: rgba(255,0,0, 1)
  • hsl: hsl(0,100%,50%)
  • hsla: hsla(0,100%,50%, 1)
  • name: red

Note: you may also use none to show a transparent swatch with a checkerboard background.

Compatibility

This ACF field type is compatible with:

  • ACF 4
  • ACF 5 (PRO version)

Screenshots

  • Use the same syntax as defining ACF radio buttons
  • Users will see color swatches that act like radio buttons

Installation

  1. Make sure to have Advanced Custom Fields plugin installed.
  2. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  3. Activate the plugin through the ‘Plugins’ screen in WordPress
  4. Use the plugin while creating custom fields

Reviews

Read all 1 review

Contributors and Developers

“ACF Color Swatches” is open source software. The following people have contributed to this plugin.

Contributors

Translate “ACF Color Swatches” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change Log

4/25/18 – v1.0.7

  • issue – Fixed bug with returning value instead of array

10/23/17 – v1.0.6

  • d57ec40 – Match background-color syntax
  • 4892d0e – Allow transparent values to be selected

10/23/17 – v1.0.5

  • fa93a8b – Add return value option

2/13/17 – v1.0.4

  • 44912a6 – Allow inclusion within theme

10/21/16 – v1.0.3-rc.1

  • 7bdc1d2 – Improved composer instructions

10/7/16 – v1.0.3

  • 9d733d9 – Add composer.json
  • Added readme.txt for WordPress plugin database

5/19/16 – v1.0.3-alpha

  • 0b1b7f6 – Added support for ACF5

11/9/15 – v1.0.2

  • Added checkerboard pattern to indicate transparency
  • Added subtle border to show swatches that match the background color

10/14/15 – v1.0.1

  • Improved browser / OS support by replacing input elements with block elements

9/20/15 – v1.0.0

  • Initial Release