Title: Instant CSS
Author: dylanblokhuis
Published: <strong>27 مارس 2019</strong>
Last modified: 21 سپتامبر 2023

---

جستجوی افزونه‌ها

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

این افزونه **با ۳ نگارش عمدهٔ اخیر وردپرس آزمایش نشده است**. ممکن است دیگر نگهداری
یا پشتیبانی نشود و هنگام استفاده با نگارش‌های تازه‌تر وردپرس مشکل سازگاری داشته 
باشد.

![](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://fa.wordpress.org/plugins/instant-css/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/instant-css/#reviews)
 * [توسعه](https://fa.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/) 4 جولای 2024

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/) 4 آگوست 2023

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/) 30 نوامبر 2021

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/) 3 دسامبر 2020

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/) 18 نوامبر 2020

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/) 17 سپتامبر 2020

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 سال پیش**
 *  نصب‌های فعال **3,000+**
 *  آزمایش‌شده تا **6.3.8**
 *  زبان
 * [English (US)](https://wordpress.org/plugins/instant-css/)
 * برچسب
 * [css](https://fa.wordpress.org/plugins/tags/css/)[custom css](https://fa.wordpress.org/plugins/tags/custom-css/)
   [sass](https://fa.wordpress.org/plugins/tags/sass/)[scss](https://fa.wordpress.org/plugins/tags/scss/)
 *  [نمایش پیشرفته](https://fa.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)