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)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの 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://ja.wordpress.org/plugins/instant-css/#description)
 * [レビュー](https://ja.wordpress.org/plugins/instant-css/#reviews)
 * [開発](https://ja.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/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/instant-css/)
を [RSS](https://plugins.trac.wordpress.org/log/instant-css/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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年前**
 *  有効インストール数 **3,000+**
 *  検証済み最新バージョン: **6.3.10**
 *  言語
 * [English (US)](https://wordpress.org/plugins/instant-css/)
 * タグ
 * [css](https://ja.wordpress.org/plugins/tags/css/)[custom css](https://ja.wordpress.org/plugins/tags/custom-css/)
   [sass](https://ja.wordpress.org/plugins/tags/sass/)[scss](https://ja.wordpress.org/plugins/tags/scss/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/instant-css/advanced/)

## 評価

 5つ星中4.9つ星

 *  [  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/)

## サポート

過去2ヶ月以内に解決した問題:

     0 / 1

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/instant-css/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=69ZRVBGGJ6QJL&source=url)