This plugin hasn’t been tested with the latest 3 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.

WP Block Ink

Description

🎨 Set custom colors for the new editor’s color palette used in Blocks, prevent users from using custom colors and adds CSS classes for colors automatically.

Color options are in the Colors panel of the Customizer.

  • Choose up to 11 Custom Colors to use in the WordPress Editor (codenamed Gutenberg).
  • Choose to disable users from picking non-palette colors.
  • Improve Theme compatibility with the new WordPress Editor.
  • Requires PHP 5.3+.

Screenshots

  • Use your own color palette in the new WordPress Editor without changing your Theme or writing code.
  • Get a nice style guide for your site to reference colors and names (and reference CSS classes, if that's your thing).
  • Set all your colors from the easy-to-use WordPress Customizer.

Installation

  1. Upload /wp-block-ink folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Appearance ➡️ Customize ➡ Colors to choose and name colors.
  4. Save! Colors are added to your Theme and the Editor using CSS.

FAQ

Where do I set my colors?

  1. Go to Appearance ➡️ Customize ➡ Colors to choose and name colors. You can also disable the custom color picker for users.

What CSS classes are created?

Each color receives two CSS classes — one for text styling and one for background color. Reference the CSS added under Appearance ==> Block Ink –> CSS

What if my theme includes custom Gutenberg colors?

This plugin respects a theme’s custom colors by default. Check the status indicator on the Block Ink admin page or Plugin List to see where the color palette is being set.

Installation Instructions
  1. Upload /wp-block-ink folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Appearance ➡️ Customize ➡ Colors to choose and name colors.
  4. Save! Colors are added to your Theme and the Editor using CSS.

Reviews

Read all 1 review

Contributors & Developers

“WP Block Ink” is open source software. The following people have contributed to this plugin.

Contributors

“WP Block Ink” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “WP Block Ink” into your language.

Interested in development?

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

Changelog

1.0

  • Initial public release