Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

CSS Class Manager - An advanced autocomplete additional css class control for your blocks

开发者 ediamin
更新时间 2024年11月16日 17:30
PHP版本: 7.4 及以上
WordPress版本: 6.7
版权: GPL-3.0
版权网址: 版权信息

标签

editor gutenberg multiple styles dropdown

下载

1.1.0 1.0.0

详情介绍:

Struggling with adding multiple CSS classes to your WordPress blocks? CSS Class Manager simplifies the process with autocomplete suggestions and a dedicated manager for adding, editing, and organizing your classes. Boost your block styling efficiency! There are two main motivations behind creating this plugins: Limitation of Block Style - When applying a block style, only one CSS class can be added to a block. Unfortunately, the block editor lacks the ability to select multiple block styles. To address this, users must resort to the Additional CSS Class(es) inspector control to apply multiple classes. CSS Class Manager provides a powerful manager and an autocomplete inspector control, enabling users to easily add and apply CSS classes to their blocks. Poor UX of the Addional CSS Class(es) control - The default control for adding class names is a simple text input. This can be cumbersome, especially when applying CSS classes frequently. With the custom inspector control provided by CSS Class Manager, users can effortlessly add their class names, enhancing the user experience.

屏幕截图:

  • Multi-select tag like input control instead of plain text field.
  • The CSS Class Manager preference modal window.
  • The class names saved in the class list will show up in the control dropdown.
  • Delete saved class name so they won't show in the dropdown anymore.
  • Import or export your class list.

常见问题:

Where can I find the JavaScript and CSS non-compiled source files?

Please checkout the GitHub repository of this plugin to see the sources.

How to open the manager modal?

Under the Additional CSS Class(es) control, you will see a link says Open Class Manager. Click on that to open the CSS Class Manager preferences modal.

How to use the PHP filter?

Use css_class_manager_filtered_class_names filter to add class names from a PHP file. Example: php <?php function plugin_prefix_add_css_classes( $class_names ) { $additional_css_names = [ [ 'name' => 'flex', ], [ 'name' => 'hidden', 'description' => 'Hide element', ], ]; return array_merge( $class_names, $additional_css_names ); } add_filter( 'css_class_manager_filtered_class_names', 'plugin_prefix_add_css_classes' );

更新日志:

1.1.0 - November 16, 2024 1.0.0 - May 25, 2024