{"id":239124,"date":"2025-07-18T22:25:06","date_gmt":"2025-07-18T22:25:06","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/studio-immens-css-classes\/"},"modified":"2026-05-28T22:39:26","modified_gmt":"2026-05-28T22:39:26","slug":"studio-immens-css-classes","status":"publish","type":"plugin","link":"https:\/\/fr.wordpress.org\/plugins\/studio-immens-css-classes\/","author":21166743,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.2.4","stable_tag":"2.2.4","tested":"6.8.5","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"ClassyBlocks","header_author":"Studio Immens","header_description":"Add custom CSS classes to Gutenberg blocks with live preview.","assets_banners_color":"f3f1f0","last_updated":"2026-05-28 22:39:26","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/studioimmens.com\/classyblocks-pro\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":527,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"innovazioneweb","date":"2025-08-07 17:38:57"},"1.1.0":{"tag":"1.1.0","author":"innovazioneweb","date":"2025-08-08 20:40:36"},"1.1.1":{"tag":"1.1.1","author":"innovazioneweb","date":"2025-08-12 16:20:33"},"1.2.1":{"tag":"1.2.1","author":"innovazioneweb","date":"2025-08-14 10:14:40"},"2.0.0":{"tag":"2.0.0","author":"innovazioneweb","date":"2026-04-02 09:13:42"},"2.2.1":{"tag":"2.2.1","author":"innovazioneweb","date":"2026-05-28 20:09:45"},"2.2.4":{"tag":"2.2.4","author":"innovazioneweb","date":"2026-05-28 22:39:26"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3552715,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3552833,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3552833,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3552833,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"studioimmens\/css-editor":{"name":"studioimmens\/css-editor","title":"Studioimmens Css Editor"}},"tagged_versions":["1.0.0","1.1.0","1.1.1","1.2.1","2.0.0","2.2.1","2.2.4"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3552715,"resolution":"1","location":"assets","locale":"","width":1698,"height":807},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3552715,"resolution":"2","location":"assets","locale":"","width":1003,"height":786},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3552715,"resolution":"3","location":"assets","locale":"","width":1692,"height":820},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3552715,"resolution":"4","location":"assets","locale":"","width":1077,"height":807},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3552715,"resolution":"5","location":"assets","locale":"","width":1665,"height":772},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3552833,"resolution":"6","location":"assets","locale":"","width":268,"height":594}},"screenshots":{"1":"Custom CSS class creation and management dashboard."}},"plugin_section":[],"plugin_tags":[356,245102,4072,2250,202682],"plugin_category":[59],"plugin_contributors":[245112],"plugin_business_model":[],"class_list":["post-239124","plugin","type-plugin","status-publish","hentry","plugin_tags-css","plugin_tags-custom-classes","plugin_tags-design","plugin_tags-frontend","plugin_tags-utility-classes","plugin_category-utilities-and-tools","plugin_contributors-innovazioneweb","plugin_committers-innovazioneweb"],"banners":{"banner":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/banner-772x250.png?rev=3552833","banner_2x":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/banner-1544x500.png?rev=3552833","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/icon-128x128.png?rev=3552715","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-1.png?rev=3552715","caption":"Custom CSS class creation and management dashboard."},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-2.png?rev=3552715","caption":""},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-3.png?rev=3552715","caption":""},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-4.png?rev=3552715","caption":""},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-5.png?rev=3552715","caption":""},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-6.png?rev=3552833","caption":""}],"raw_content":"<!--section=description-->\n<p><strong>ClassyBlocks<\/strong> is a developer-focused plugin built for speed, flexibility, and real results. Designed for agencies, freelancers, and pros who want to supercharge Gutenberg-based WordPress sites, this plugin empowers you to ditch repetitive CSS and deploy custom utility classes with zero friction.<\/p>\n\n<p>The latest version adds seamless integration with a curated set of popular CSS frameworks\u2014Bootstrap, Materialize, UIkit, PureCSS, Semantic UI, Spectre.css, and Bulma. Here's what you can now do in one click:<\/p>\n\n<p>\u2022 Select your preferred CSS framework right from the editor.\n\u2022 Automatically access the full list of utility classes from that framework.\n\u2022 Preview how classes look in real time, directly inside Gutenberg blocks.\n\u2022 Apply classes instantly\u2014no manual coding, no guesswork.<\/p>\n\n<p>All of this while maintaining razor\u2011sharp performance: a tiny, clean stylesheet and no unnecessary JavaScript overhead, keeping your site lean and lightning fast.<\/p>\n\n<h3>What the plugin includes:<\/h3>\n\n<ul>\n<li>Easily build your own CSS classes<\/li>\n<li>Add or remove classes from blocks with one click<\/li>\n<li>Zero performance impact (very light and clean CSS file)<\/li>\n<\/ul>\n\n<p>Perfect for those who use a modular approach to layout construction and want to <strong>avoid writing custom rules<\/strong> in the theme or block CSS every time.<\/p>\n\n<h3>How it works<\/h3>\n\n<ol>\n<li>Install and activate the plugin.<\/li>\n<li>Go to the CSS Classes section and create your own classes with the properties you want.<\/li>\n<li>Go to the page editor (Gutenberg).<\/li>\n<li>In the \"CSS Classes\" section of each block, you can select the plugin's custom classes.<\/li>\n<\/ol>\n\n<p>You can easily combine classes to achieve complex results.<\/p>\n\n<h3>Credits<\/h3>\n\n<p>Developed by <a href=\"https:\/\/www.studioimmens.com\">Studio Immens<\/a> \u2013 Modular digital solutions for professionals and businesses.<\/p>\n\n<h3>License<\/h3>\n\n<p>This plugin is licensed under the GPL v2 or later.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download the plugin from GitHub or the repository.<\/li>\n<li>Upload the <code>studioimmens-css-classes<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin from the WordPress \"Plugins\" section.<\/li>\n<li>Go to the CSS Classes section and create your own classes with the properties you want.<\/li>\n<li>Start using advanced CSS classes in your Gutenberg blocks.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"is%20it%20compatible%20with%20all%20themes%3F\"><h3>Is it compatible with all themes?<\/h3><\/dt>\n<dd><p>Yes, but it's designed to integrate seamlessly with Blocksy, GeneratePress, Astra, and other themes with a modern structure and clean semantics.<\/p><\/dd>\n<dt id=\"can%20i%20add%20my%20own%20custom%20classes%3F\"><h3>Can I add my own custom classes?<\/h3><\/dt>\n<dd><p>Of course. Go to the CSS Class section and create as many classes with the properties you want.<\/p><\/dd>\n<dt id=\"will%20the%20plugin%20slow%20down%20my%20site%3F\"><h3>Will the plugin slow down my site?<\/h3><\/dt>\n<dd><p>No. The CSS file is minimal, loads optimally, and doesn't include JavaScript.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.2.0<\/h4>\n\n<ul>\n<li>Tailwind CSS now bundled locally (no external CDN dependency)<\/li>\n<li>Enhanced security: CSS sanitization, file upload validation, XSS fixes<\/li>\n<li>Improved localization: all JavaScript strings are translatable<\/li>\n<li>Replaced uniqid() with wp_generate_uuid4() for stronger IDs<\/li>\n<li>Added HTTP method checks to all AJAX handlers<\/li>\n<li>Various performance and security improvements<\/li>\n<\/ul>\n\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>Rebrand: Studio Immens CSS Classes \u2192 ClassyBlocks<\/li>\n<li>Introdotto ClassyBlocks Pro: animazioni scroll-driven, Pack Manager e funzionalit\u00e0 premium<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>bug fix<\/li>\n<li>Added setting page options<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>bug fix<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Added multiple set of framework CSS easly selectable from editor ( bootstrap, materialize, purecss, uikit, spectre, bulma, semantic )<\/li>\n<li>Added setting page<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial stable release<\/li>\n<li>Added core set of CSS utility classes<\/li>\n<li>Compatibility with Gutenberg and Blocksy, GeneratePress, and Astra themes<\/li>\n<\/ul>","raw_excerpt":"Create your own set of custom CSS classes, ready to use with one click, to enhance the design of your Gutenberg blocks.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/239124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=239124"}],"author":[{"embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/innovazioneweb"}],"wp:attachment":[{"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=239124"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=239124"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=239124"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=239124"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=239124"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=239124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}