CSS Class Manager – An advanced autocomplete additional css class control for your blocks
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 plugin: 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 Additional 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. Features Advanced Autocomplete Control: Streamline block styling with autocomplete functionality for CSS classes. Effortless Class Management: Easily add, edit, or remove CSS classes directly within the manager interface. Body and Post Classes: Add custom class names to post body and post containers using body_class and post_class filters directly from the post editor. Inline CSS Classes: Add custom class names to any selected text inside paragraph, heading and other blocks that support Rich Text. Theme.json Integration: Automatically include global class names generated from theme.json settings in your class suggestions. Show the control in its own panel: User specific settings to show the Additional CSS Class(es) control in its own panel. Add classes without saving to the database: User specific settings to toggle saving classes to the database. Import and Export: Seamlessly transfer custom CSS class names to ensure consistency across projects. Getting Started Activate the plugin within your WordPress setup. The advanced control will replace the default “Additional CSS Class(es)” and can be found in the “Advance” block settings section. Adding and selecting classes in the autocomplete field is similar to the tags and categories fields. To add body or post classes, look for the “Body Classes” and “Post Classes” controls in the Post tab of the post editor (requires custom-fields support). See the limitations To add inline classes to the selected text, use the block format tool control in the text formatting tools options (available in blocks that support Rich Text). To edit and manage class names, click the “Open Class Manager” link or select “CSS Class Manager” from the More Menu. Import/Export can be done from the manager modal. Theme.json generated classes are automatically included and can be disabled from the Preferences in the manager modal. Use css_class_manager_filtered_class_names filter to add class names with PHP files.
Top keywords
- class24×5.01%
- classes17×3.55%
- css17×3.55%
- css class11×2.30%
- manager11×2.30%
- control10×2.09%
- add9×1.88%
- block9×1.88%
- class names9×1.88%
- names9×1.88%
- post9×1.88%
- class manager6×1.25%
TablePress – Tables in WordPress made easy
Boost your website with feature-rich tables that your visitors will love! TablePress is the most popular and highest-rated WordPress table plugin. Easily create, edit, and manage beautiful and modern data tables, from simple price lists to searchable directories, product and model tables, inventories, schedules, and research datasets. Add live sorting, pagination, searching, and other interactive features that help visitors find what they’re looking for on any device. Use any type of data and enrich your tables with images, links, and even math formulas. Import and export tables from/to Excel, CSV, HTML, and JSON files or URLs, including spreadsheet data from Google Sheets, Excel Online, and files stored on Dropbox or OneDrive. Embed tables into posts, pages, or other site areas using the block editor, an Elementor widget, or Shortcodes. All with no coding knowledge needed! Even more great features for you and your site’s visitors and priority email support are available with a Premium license plan of TablePress. Go check them out! Common use cases TablePress will handle a wide range of tables, from simple price lists to searchable directories and large datasets. Popular examples include: Product and model tables Service and price lists Directories and listings Schedules and timetables Participant and member lists Inventories and collections Comparison tables Research and statistical data Accessible and SEO-friendly tables TablePress creates accessible HTML tables whose content can be searched by visitors, WordPress search, and search engines alike. Interactive features like sorting, filtering, and pagination include accessibility enhancements for screen readers and other assistive technologies. This makes it easy for visitors to find relevant information, whether they are browsing a large directory, searching a product table, or using your site’s search function. More information Visit tablepress.org for more information, take a look at example tables, or try TablePress on a free test site. For latest news, follow @TablePress on Twitter/X or subscribe to the TablePress Newsletter. How to use TablePress After installing the plugin, you can create and manage tables on the “TablePress” screen in the WordPress Dashboard. To insert a table into a post or page, add a “TablePress table” block in the block editor or a widget in the Elementor page builder and select the desired table or use Shortcodes with other page builders. Beginner-friendly step-by-step tutorials, guides, and how-tos show how to achieve common and popular tasks with TablePress. You can find examples for common styling changes via “Custom CSS” code on the TablePress FAQ page. You may also add features like sorting, pagination, searching, filtering, alternating row colors, row highlighting, and more by enabling the corresponding options on a table’s “Edit” screen. Premium features Need additional functionality for larger tables or advanced use cases? Premium license plans for TablePress add features such as: Options for responsive tables Advanced filtering and search Fixed table headers and columns Automatic periodic imports Custom styling options And much more Priority email support is also included. Check out the details on the TablePress website.
