{"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-04-02T09:13:42","modified_gmt":"2026-04-02T09:13:42","slug":"studio-immens-css-classes","status":"publish","type":"plugin","link":"https:\/\/uk.wordpress.org\/plugins\/studio-immens-css-classes\/","author":21166743,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.0","stable_tag":"2.0.0","tested":"6.8.5","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Studio Immens CSS Classes","header_author":"Studio Immens","header_description":"Add custom CSS classes to Gutenberg blocks with live preview.","assets_banners_color":"668e81","last_updated":"2026-04-02 09:13:42","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":362,"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"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3497331,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3497331,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3497331,"resolution":"772x250","location":"assets","locale":""}},"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"],"block_files":[],"assets_screenshots":{"screenshot-1-it_IT.png":{"filename":"screenshot-1-it_IT.png","revision":3497331,"resolution":"1","location":"assets","locale":"it_IT"},"screenshot-1.png":{"filename":"screenshot-1.png","revision":3497331,"resolution":"1","location":"assets","locale":""},"screenshot-2-it_IT.png":{"filename":"screenshot-2-it_IT.png","revision":3497331,"resolution":"2","location":"assets","locale":"it_IT"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3497331,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3497331,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3497331,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3497331,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Admin section for creating and editing custom CSS classes.","2":"Interface for inserting custom CSS classes into blocks."},"jetpack_post_was_ever_published":false},"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=3497331","banner_2x":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/banner-1544x500.png?rev=3497331","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/icon-256x256.png?rev=3497331","icon_2x":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/icon-256x256.png?rev=3497331","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-1.png?rev=3497331","caption":"Admin section for creating and editing custom CSS classes."},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-2.png?rev=3497331","caption":"Interface for inserting custom CSS classes into blocks."},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-3.png?rev=3497331","caption":""},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-4.png?rev=3497331","caption":""},{"src":"https:\/\/ps.w.org\/studio-immens-css-classes\/assets\/screenshot-5.png?rev=3497331","caption":""}],"raw_content":"<!--section=description-->\n<p><strong>Studio Immens CSS Classes<\/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>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:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/239124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=239124"}],"author":[{"embeddable":true,"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/innovazioneweb"}],"wp:attachment":[{"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=239124"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=239124"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=239124"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=239124"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=239124"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/uk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=239124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}