このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Image Color Palette

説明

DemoDocumentationGitHub

Image Color Palette provides a simple utility to generate a color palette based on the dominant colors of an image. It also creates color schemes based on the image colors.

The colors can be copied to the clipboard and pasted in a color picker. When a registered block is selected the plugin permits applying the color to certain block attributes like text or background color.

Color schemes

Available schemes include:

  • Analogous
  • Monochromatic
  • Triad
  • Complementary
  • Lighter
  • Brighter
  • Darker
  • Desaturated
  • Saturated

Usage

Go to any post editor where the new Gutenberg editor is enabled.
Inside the Post editor on the right side of the top Toolbar the plugin icon/button should appear (if not, please read the FAQ below).
Click the icon/button to open the plugin sidebar.
Click the main button and the Media Library will open. Select an image and click the Select button.
A color palette will be created based on the colors of the image.
Click on any of the colors and a menu will appear.
The color can be copied to the clipboard (in HEX format) and pasted in the color picker of any block.
For supported blocks, the menu will display extra options to apply the color directly to the Block attributes.

Credits

Banner image belongs to Simone Hutsch.

スクリーンショット

  • Example use of palette generated colors.
  • Scheme select list.

インストール

Installation from the WordPress admin.

  1. Log in to the WordPress admin and navigate to Plugins > Add New.
  2. Type “Image Color Palette” in the Search field.
  3. In the results list Image Color Palette plugin should appear, click Install Now button.
  4. Once it finished installing, click the Activate button.
  5. That’s it, now you can go to any post where Gutenberg is enabled and start using the plugin.

FAQ

ダッシュボードの投稿画面にプラグインアイコンが表示されない。

このプラグインは、さらに表示をクリックしても表示されます(Gutenberg トップ画面右上ツールバー内、3つの点のアイコン)。
さらに表示をクリック後、メニューリスト内の “Image Color Palette” をクリックしてください。

評価

2022年7月22日
Si le travail des couleurs est indispensable sur votre site, installer ce plugin! Super utile!
2件のレビューをすべて表示

貢献者と開発者

Image Color Palette はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Image Color Palette” は2ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Image Color Palette” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

2.0.0

  • Major refactor
  • Updated dependencies
  • Minor fixes

1.5.0

  • Added linter for development
  • Updated dependencies
  • Minor fixes

1.4.2

  • Monochromatic scheme colors are now sorted by brightness.
  • Fixed small bug which recalculated color palette unnecessarily.
  • Fixed popover menu not appearing with the correct z-index.
  • Raised minimum WordPress version to 5.2 to make use of block-editor package.

1.4.1

  • Fixed bug where no version number was being added to the enqueues.

1.4.0

  • Added Color distance equation option.
  • Added more core block types to set it’s color attributes.
  • Added the filter “imageColorPalette.addBlockTypeColorAttributes” for developers to include their own block type attributes.
  • Updated the color menu UI.
  • Rebuilt code, migrated JavaScript to TypeScript.

1.3.1

  • Fixed block selected before plugin sidebar is open not passing attribute options to color menu.

1.3.0

  • Added new feature to paste the color automatically to the selected block color attribute (currently available for core blocks)
  • Added new popover menu when clicking on a color
  • Small fixes

1.2.0

  • Improved code base and interface
  • Organized UI in two tabs: Palette & Settings
  • The scheme can now be toggled directly from the Palette

1.1.0

  • カラーパレット作成時におけるデバウンスおよびパフォーマンスに関わる UX を改善しました。
  • copied_color および copied_index を取り除きました。
  • JavaScript のコンポーネントを再編成しました。

1.0.0

  • プラグインをリリースしました。