Title: Responsive CSS EDITOR
Author: wpwox
Published: <strong>27.11.2015</strong>
Last modified: 19.01.2016

---

Шукати плагіни

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

![](https://s.w.org/plugins/geopattern-icon/responsive-css-editor.svg)

# Responsive CSS EDITOR

 Від автора [wpwox](https://profiles.wordpress.org/wpwox/)

[Завантажити](https://downloads.wordpress.org/plugin/responsive-css-editor.zip)

 * [Деталі](https://uk.wordpress.org/plugins/responsive-css-editor/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/responsive-css-editor/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/responsive-css-editor/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/responsive-css-editor/#developers)

 [Підтримка](https://wordpress.org/support/plugin/responsive-css-editor/)

## Опис

This plugin simplifies the process of adding responsive css and creating breakpoints.
It reduces code redundancy of declaring breakpoints. Also, it provides field to 
add css regardless of resposiveness under the custom css metabox. After installation,
five breakpoints are created by default. You can delete those breakpoints or add
new breakpoints and also order them as desired.

Plugin Documentation:
 http://www.wpwox.com/responsive-css-editor/

## Скріншоти

[⌊/assets/screenshot-2.png⌉⌊/assets/screenshot-2.png⌉[

/assets/screenshot-2.png

[⌊/assets/screenshot-1.jpg⌉⌊/assets/screenshot-1.jpg⌉[

/assets/screenshot-1.jpg

## Встановлення

 1. There are two ways to install the plugin: a) Use the ‘automatic install from the
    WordPress plugin directory’ option in the WordPress admin panel. Search for “Responsive
    CSS Editor” OR b) Download the zip-file, and use the ‘upload’ option in the WordPress
    > admin panel > plugins > new plugin > upload plugin
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

Modify the plugin settings in Responsive CSS Settings after installation.

## Часті питання

  Can I add custom css regardless of breakpoints?

Yes, you can add custom css without any breakpoints.

  Can I add multiple breakpoints?

Yes, you can add multiple breakpoints.

## Відгуки

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

### 󠀁[Good plugin – Update required.](https://wordpress.org/support/topic/good-plugin-update-required/)󠁿

 [Dinooz Web Solutions](https://profiles.wordpress.org/dinooz/) 26.03.2018

Very good plugin and working on different mobile devices. Easy to use. But can not
use [ and ] on the CSS. When I use input[type=”text” i]{background:red;} it is automatically
change to input[type=\”text\” i]{background:red;} and not working. Thank you.

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

### 󠀁[Works](https://wordpress.org/support/topic/works-1016/)󠁿

 [con](https://profiles.wordpress.org/conschneider/) 03.09.2016

Saved me some time for sure. Thank you.

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

### 󠀁[Responsiveness](https://wordpress.org/support/topic/responsiveness-44/)󠁿

 [Karma Pradhan](https://profiles.wordpress.org/karma-pradhan/) 03.09.2016

It worked pretty well with my mobile and tablet. Real lifesaver.

 [ Прочитати всі 3 відгуки ](https://wordpress.org/support/plugin/responsive-css-editor/reviews/)

## Учасники та розробники

“Responsive CSS EDITOR” — проект з відкритим вихідним кодом. В розвиток плагіну 
внесли свій вклад наступні учасники:

Учасники

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

[Перекладіть “Responsive CSS EDITOR” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/responsive-css-editor)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/responsive-css-editor/),
перегляньте [сховище SVN](https://plugins.svn.wordpress.org/responsive-css-editor/)
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/responsive-css-editor/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/responsive-css-editor/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 1.0

 * Initial release version

## Мета

 *  Версія **1.0**
 *  Останнє оновлення **11 років тому**
 *  Активних встановлень **300+**
 *  Версія WordPress ** 3 або вище **
 *  Tested up to **4.4.34**
 *  Мова
 * [English (US)](https://wordpress.org/plugins/responsive-css-editor/)
 * Позначки
 * [css editor](https://uk.wordpress.org/plugins/tags/css-editor/)[custom css](https://uk.wordpress.org/plugins/tags/custom-css/)
   [responsive css](https://uk.wordpress.org/plugins/tags/responsive-css/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/responsive-css-editor/advanced/)

## Оцінки

 5 out of 5 stars.

 *  [  3 5-star reviews     ](https://wordpress.org/support/plugin/responsive-css-editor/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/responsive-css-editor/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/responsive-css-editor/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/responsive-css-editor/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/responsive-css-editor/reviews/?filter=1)

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

[See all reviews](https://wordpress.org/support/plugin/responsive-css-editor/reviews/)

## Учасники

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

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/responsive-css-editor/)

## Пожертвування

Ви хотіли б підтримати розвиток цього плагіна?

 [ Пожертвувати на розвиток плагіна ](http://www.wpwox.com/make-a-donation/)