Color Palette

描述

The Color Palette block displays a group of colors on your page. The block starts with 3 individual Color blocks, but you can add additional blocks or remove excess blocks as needed.

Give each color block a color using the selector in the Inspector Panel on the right-hand side of the editor, give your color a name, and you are done! If you need to use the same color palette on multiple pages or posts, simply save the Color Palette block with all of your colors as a reusable block through the editor.

螢幕截圖

  • The Color Palette block in the post editor, displaying the colors as stylized cards.
  • The Color Palette block in the post editor, displaying the colors as circles.
  • The single Color block as a child block to the Color Palette block.
  • The Color Palette block in the front-end, displaying the colors as stylized cards.
  • The Color Palette block in the front-end, displaying the colors as circles.

安裝

  1. Upload the plugin to your WordPress installation.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Edit any page or post and look for the ‘Color Palette’ block in the block library.
  4. The ‘Color Palette’ block starts with 3 ‘Color’ blocks, but you can add additional blocks or remove excess blocks as needed.
  5. Choose a color for each ‘Color’ block using the color selector in the Inspector Panel on the right-hand side of the editor and give your color a name.
  6. Choose a ‘Color block style’ in the ‘Color Palette’ block to determine how you want the colors inside the palette to display.
  7. Save the page… and you’re done!

評價

2024年8月28日
Great plugin for color naming, but it would be even better with an option to name entire palettes—hope the developer considers adding this feature!
2023年8月18日
An excellent plugin. I guess the plugin is not working on the Woocommerce product add page. In addition, can pantone color codes be added to the plugin?
2023年1月5日
I am using this with the default 2023 WordPress them and it is fantastic. Very simple to use and lightweight. It automatically gives your colours descriptive names, which is a nice bonus, but you can just name them yourself if you need to.
2021年6月18日
Does exactly what it is supposed to, no more, no less. Which is exactly how plugins should be, IMO.
閱讀全部6個評價

貢獻者及開發者

“Color Palette” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

Color Palette 外掛目前已有 1 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 Color Palette 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

4.3.1

  • Tested for compatibility with WordPress 6.5.
  • Fix to prevent duplicate block registration.
  • Allow a single color block to be added to a post.

4.3

  • Added an optional “copy” button to the front-end that allows visitors to copy the hex code for a given color.
  • Bug fix to allow block styles to display on both in the editor UI and front-end.

4.2

  • Tested for compatibility with WordPress 5.9.
  • Code refactor to use the latest version of block.json.
  • Added front-end search functionality within the palette block. Search is opt-in. You can turn it on via an option in the Inspector Panel.

4.1.1

  • Tested for compatibility with WordPress 5.8.
  • Fixed minor “invalid color” bug when Color Palette block is added to a page.

4.1

  • Updating donation link.
  • Adding functionality from the Name That Color library to automatically add color labels. Check out https://chir.ag/projects/ntc/ and thank you to Paul C for the suggestion!

4.0

  • I really want to include these blocks in the Block Directory. In order to do that, shortcode support must go. Sorry folks. You can stay on version 3.2 if you love your shortcodes. Otherwise, please consider converting to blocks and upgrading!
  • Officially declaring the Color block as a child of the Color Palette block. (If you want to display a single color, you can create a palette of one color.)
  • Adding block.json files to both the Color child block and Color Palette parent block.

3.2

  • Code refactor to ensure blocks are not using deprecated components.
  • Tested to ensure support for WP v5.5.
  • Introducing new options for the color block display.
  • Introducing the ability to hide Hex, RBG, or CMYK codes from front-end display.

3.1

  • Tested for compatibility with the upcoming WordPress core 5.4 release.
  • CSS fix to support 5.4.

3.0

  • Major code refactor!
  • New Feature! Gutenberg block to create custom color palettes within the post editor.
  • Still supporting the options page / shortcode functionality, but there are plans to deprecate it in a future release.

2.0

  • Tested plugin on v4.9.
  • Updated code style to better adhere to WordPress code standards.
  • Updated HTML to be WCAG AA compliant.
  • Minor UI updates.
  • Refactoring the CSS. This involved a pretty substantial reworking of class names. Please check any custom styles you may have created!
  • Finally managing CSS through SCSS.
  • Minifying CSS and JS files.

1.1

  • Tested plugin on v4.7.1.
  • Added a check to make sure user has PHP 5.4 or greater.

1.0

  • Initial release.