Studio Immens CSS Classes

外掛說明

Studio Immens CSS Classes 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 – Modular digital solutions for professionals and businesses.

License

This plugin is licensed under the GPL v2 or later.

螢幕擷圖

  • Admin section for creating and editing custom CSS classes.
  • Interface for inserting custom CSS classes into blocks.

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Studioimmens Css Editor

安裝方式

  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.

常見問題集

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.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Studio Immens CSS Classes〉的開發相關工作。

參與者

將〈Studio Immens CSS Classes〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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