Title: Instant CSS
Author: dylanblokhuis
Published: <strong>2019 年 3 月 27 日</strong>
Last modified: 2023 年 9 月 21 日

---

搜尋外掛

![](https://ps.w.org/instant-css/assets/banner-772x250.jpg?rev=2060606)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/instant-css/assets/icon-128x128.png?rev=2058582)

# Instant CSS

 由 [dylanblokhuis](https://profiles.wordpress.org/dylanblokhuis/) 開發

[下載](https://downloads.wordpress.org/plugin/instant-css.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/instant-css/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/instant-css/#reviews)
 * [開發資訊](https://tw.wordpress.org/plugins/instant-css/#developers)

 [技術支援](https://wordpress.org/support/plugin/instant-css/)

## 外掛說明

Use the power of Visual Studio Code in WordPress to write your CSS or SCSS

The plugin uses autoprefixer to parse your CSS/SCSS into CSS that will work on older
browsers, no need to write -webkit, -moz or -o.

You can also choose to use SCSS, more info about SCSS here: https://sass-lang.com/
guide

#### Features

 * Use all the powerful features from Visual Studio Code
 * Your CSS gets compiled with autoprefixer to work on older browsers
 * Use SCSS to create efficient stylesheets with variables, mixins, etc.
 * Option to minify your CSS to reduce loading times
 * No refreshing on saving
 * Live editor updating styles on save and have the browser update simultaneously

## 使用者評論

![](https://secure.gravatar.com/avatar/5999123009d2c98889f3170c93c4cd60b40ce8d7c0eccc06f46e24e27bf82e06?
s=60&d=retro&r=g)

### 󠀁[What an amazing CSS and SCSS plugin!](https://wordpress.org/support/topic/what-an-amazing-css-and-scss-plugin/)󠁿

 [Manou Allou](https://profiles.wordpress.org/manouallou/) 2024 年 7 月 4 日

This plugin is really powerful, really well coded and full of useful features. A
big thank you to the developer. Let’s hope it keeps getting updated.

![](https://secure.gravatar.com/avatar/975cf60fcc085c0a2ff4b05cdcc75404e69fae56d1adc07491be8700df483c3e?
s=60&d=retro&r=g)

### 󠀁[The Best CSS Editor for WordPress](https://wordpress.org/support/topic/the-best-css-editor-for-wordpress/)󠁿

 [jonahcoyote](https://profiles.wordpress.org/jonahcoyote/) 2023 年 8 月 4 日

Super easy to use, dark mode, SCSS, minification. What more could you ask for?

![](https://secure.gravatar.com/avatar/9a9077f403597a4c1a142ce35261d90231f0f95a1e7074d922e614ea928183ed?
s=60&d=retro&r=g)

### 󠀁[Best css editor, when do u release the 2.0 ?](https://wordpress.org/support/topic/best-css-editor-when-do-u-release-the-2-0/)󠁿

 [jeyqreative](https://profiles.wordpress.org/jeyqreative/) 2021 年 11 月 30 日

For me the best css editor plugin, like visual code but need an upgrade to be up
to date 😉

![](https://secure.gravatar.com/avatar/0eed69e86bc483bd53c344cd274f94742cf3e34eaad52760b22d8cf79f447960?
s=60&d=retro&r=g)

### 󠀁[Finally! A CSS plugin that supports SCSS](https://wordpress.org/support/topic/finally-a-css-plugin-that-supports-scss/)󠁿

 [netalys](https://profiles.wordpress.org/netalys/) 2020 年 12 月 3 日

I do not often write reviews but I had to ! Your plugin is just awesome ! I can 
write SCSS directly, there’s a live editor… What else ? Amazing job ! I can not 
recommend more a plugin then this one.

![](https://secure.gravatar.com/avatar/34b86516e5717ffb9c9d2cbedf6310821c3989d295d92fb9be78724014fc05d4?
s=60&d=retro&r=g)

### 󠀁[Only affects Custom CSS, not Theme Editor](https://wordpress.org/support/topic/only-affects-custom-css-not-theme-editor/)󠁿

 [spinhead](https://profiles.wordpress.org/spinhead/) 2020 年 11 月 18 日

I don’t use the Custom CSS tool, I do all my edits in the Theme Editor (I create
custom themes, so I’m working in my own code, not something that will be overwritten
by a theme update.) If this worked in the Theme Editor, it would indeed be the best
plugin ever.

![](https://secure.gravatar.com/avatar/759078d183af6a7d524ce4c3859a4feb76d6497b394f8a64d39884afaed99c04?
s=60&d=retro&r=g)

### 󠀁[Now I also like wordpress](https://wordpress.org/support/topic/now-i-also-like-wordpress/)󠁿

 [trickinicki](https://profiles.wordpress.org/trickinicki/) 2020 年 9 月 17 日

Was looking for this easy possibility to make structured css! Thanks Only one little
question the icons from the font “codicon” are not working. Anything I can do to
get that working?

 [ 閱讀全部 15 則使用者評論 ](https://wordpress.org/support/plugin/instant-css/reviews/)

## 參與者及開發者

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

參與者

 *   [ dylanblokhuis ](https://profiles.wordpress.org/dylanblokhuis/)

[將〈Instant CSS〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/instant-css)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/instant-css/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/instant-css/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/instant-css/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/instant-css/)。

## 變更記錄

#### 1.2.2

 * Fix bug in permissions

#### 1.2.1

 * Test WordPress 6.3

#### 1.2.0

 * Fixed CSRF vulnerability and updated monaco editor to the latest version

#### 1.1.5

 * Fixed Broken Access Control

#### 1.1.4

 * Upgraded monaco editor to the latest version, fixes scrolling in some browsers.

#### 1.1.3

 * Updated monaco editor to the latest version

#### 1.1.2

 * Fixed minify issue

#### 1.1.1

 * Fixed iframe reload issue

#### 1.1.0

 * New feature: Live editor. You can now write your css and watch the browser update
   whenever you save.
 * You can now save using CTRL + S

#### 1.0.2

 * CSS is now written and loaded from a file

#### 1.0.1

 * Fixed bug with quotes
 * Added minifying

#### 1.0.0

 * Launched.

## 中繼資料

 *  版本 **1.2.2**
 *  最後更新 **3 年前**
 *  啟用安裝數 **4,000+**
 *  已測試相容的 WordPress 版本 **6.3.8**
 *  語言
 * [English (US)](https://wordpress.org/plugins/instant-css/)
 * 標籤:
 * [css](https://tw.wordpress.org/plugins/tags/css/)[custom css](https://tw.wordpress.org/plugins/tags/custom-css/)
   [sass](https://tw.wordpress.org/plugins/tags/sass/)[scss](https://tw.wordpress.org/plugins/tags/scss/)
 *  [進階檢視](https://tw.wordpress.org/plugins/instant-css/advanced/)

## 評分

 4.9 星，滿分為 5 星

 *  [  14 個 5 星使用者評論     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=4)
 *  [  1 個 3 星使用者評論     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/instant-css/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/instant-css/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/instant-css/reviews/)

## 參與者

 *   [ dylanblokhuis ](https://profiles.wordpress.org/dylanblokhuis/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/instant-css/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=69ZRVBGGJ6QJL&source=url)