Title: ClassyBlocks Author: Studio Immens Published: Hulyo 18, 2025 Last modified: Mayo 28, 2026 --- Maghanap ng mga plugin ![](https://ps.w.org/studio-immens-css-classes/assets/banner-772x250.png?rev=3552833) ![](https://ps.w.org/studio-immens-css-classes/assets/icon-128x128.png?rev=3552715) # ClassyBlocks Ni [Studio Immens](https://profiles.wordpress.org/innovazioneweb/) [I-download](https://downloads.wordpress.org/plugin/studio-immens-css-classes.2.2.4.zip) * [Mga Detalye](https://tl.wordpress.org/plugins/studio-immens-css-classes/#description) * [Mga Review](https://tl.wordpress.org/plugins/studio-immens-css-classes/#reviews) * [Pag-install](https://tl.wordpress.org/plugins/studio-immens-css-classes/#installation) * [Development](https://tl.wordpress.org/plugins/studio-immens-css-classes/#developers) [Suporta](https://wordpress.org/support/plugin/studio-immens-css-classes/) ## Deskripsyon **ClassyBlocks** 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. The latest version adds seamless integration with a curated set of popular CSS frameworks— Bootstrap, Materialize, UIkit, PureCSS, Semantic UI, Spectre.css, and Bulma. Here’s what you can now do in one click: • Select your preferred CSS framework right from the editor. • Automatically access the full list of utility classes from that framework. • Preview how classes look in real time, directly inside Gutenberg blocks. • Apply classes instantly—no manual coding, no guesswork. All of this while maintaining razor‑sharp performance: a tiny, clean stylesheet and no unnecessary JavaScript overhead, keeping your site lean and lightning fast. ### What the plugin includes: * Easily build your own CSS classes * Add or remove classes from blocks with one click * Zero performance impact (very light and clean CSS file) Perfect for those who use a modular approach to layout construction and want to ** avoid writing custom rules** in the theme or block CSS every time. ### How it works 1. Install and activate the plugin. 2. Go to the CSS Classes section and create your own classes with the properties you want. 3. Go to the page editor (Gutenberg). 4. In the “CSS Classes” section of each block, you can select the plugin’s custom classes. You can easily combine classes to achieve complex results. ### Credits Developed by [Studio Immens](https://www.studioimmens.com) – Modular digital solutions for professionals and businesses. ### License This plugin is licensed under the GPL v2 or later. ## Mga Screenshot * [[ * Custom CSS class creation and management dashboard. * [[ * [[ * [[ * [[ * [[ ## Blocks Ang plugin na ito ay nagbibigay ng 1 block. * Studioimmens Css Editor ## Pag-install 1. Download the plugin from GitHub or the repository. 2. Upload the `studioimmens-css-classes` folder to the `/wp-content/plugins/` directory. 3. Activate the plugin from the WordPress “Plugins” section. 4. Go to the CSS Classes section and create your own classes with the properties you want. 5. Start using advanced CSS classes in your Gutenberg blocks. ## FAQ ### Is it compatible with all themes? Yes, but it’s designed to integrate seamlessly with Blocksy, GeneratePress, Astra, and other themes with a modern structure and clean semantics. ### Can I add my own custom classes? Of course. Go to the CSS Class section and create as many classes with the properties you want. ### Will the plugin slow down my site? No. The CSS file is minimal, loads optimally, and doesn’t include JavaScript. ## Mga Review Wala pang reviews para sa plugin na ito. ## Mga Contributor at Developer Ang “ClassyBlocks” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito. Mga Contributor * [ Studio Immens ](https://profiles.wordpress.org/innovazioneweb/) [Isalin ang “ClassyBlocks” sa iyong wika.](https://translate.wordpress.org/projects/wp-plugins/studio-immens-css-classes) ### Interesado sa development? [Tingnan ang code](https://plugins.trac.wordpress.org/browser/studio-immens-css-classes/), i-check ang [SVN repository](https://plugins.svn.wordpress.org/studio-immens-css-classes/), o mag-subscribe sa [development log](https://plugins.trac.wordpress.org/log/studio-immens-css-classes/) sa pamamagitan ng [RSS](https://plugins.trac.wordpress.org/log/studio-immens-css-classes/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.2.0 * Tailwind CSS now bundled locally (no external CDN dependency) * Enhanced security: CSS sanitization, file upload validation, XSS fixes * Improved localization: all JavaScript strings are translatable * Replaced uniqid() with wp_generate_uuid4() for stronger IDs * Added HTTP method checks to all AJAX handlers * Various performance and security improvements #### 2.1.0 * Rebrand: Studio Immens CSS Classes ClassyBlocks * Introdotto ClassyBlocks Pro: animazioni scroll-driven, Pack Manager e funzionalità premium #### 1.2.1 * bug fix * Added setting page options #### 1.1.1 * bug fix #### 1.1.0 * Added multiple set of framework CSS easly selectable from editor ( bootstrap, materialize, purecss, uikit, spectre, bulma, semantic ) * Added setting page #### 1.0.0 * Initial stable release * Added core set of CSS utility classes * Compatibility with Gutenberg and Blocksy, GeneratePress, and Astra themes ## Meta * Bersyon **2.2.4** * Huling na-update **Mga 2 na araw ang nakalipas** * Mga aktibong installation **Wala pang 10** * Bersyon ng WordPress ** 5.8 o mas bago ** * Sinubukan hanggang **6.8.5** * Bersyon ng PHP ** 7.4 o mas bago ** * Wika * [English (US)](https://wordpress.org/plugins/studio-immens-css-classes/) * Mga Tag * [css](https://tl.wordpress.org/plugins/tags/css/)[design](https://tl.wordpress.org/plugins/tags/design/) [Frontend](https://tl.wordpress.org/plugins/tags/frontend/)[utility classes](https://tl.wordpress.org/plugins/tags/utility-classes/) * [Advanced View](https://tl.wordpress.org/plugins/studio-immens-css-classes/advanced/) ## Mga Rating No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/studio-immens-css-classes/reviews/#new-post) [Tingnan lahat ng review](https://wordpress.org/support/plugin/studio-immens-css-classes/reviews/) ## Mga Contributor * [ Studio Immens ](https://profiles.wordpress.org/innovazioneweb/) ## Suporta May gusto kang sabihin? Kailangan ng tulong? [Tingnan ang support forum](https://wordpress.org/support/plugin/studio-immens-css-classes/)