Title: Responsive CSS EDITOR
Author: wpwox
Published: <strong>2015年11月27日</strong>
Last modified: 2016年1月19日

---

プラグインを検索

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの 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://ja.wordpress.org/plugins/responsive-css-editor/#description)
 * [レビュー](https://ja.wordpress.org/plugins/responsive-css-editor/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/responsive-css-editor/#installation)
 * [開発](https://ja.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. WordPress の「プラグイン」メニューからプラグインを有効化してください

Modify the plugin settings in Responsive CSS Settings after installation.

## FAQ

  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/) 2018年3月26日

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/) 2016年9月3日

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/) 2016年9月3日

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またはそれ以降 **
 *  検証済み最新バージョン: **4.4.34**
 *  言語
 * [English (US)](https://wordpress.org/plugins/responsive-css-editor/)
 * タグ
 * [css editor](https://ja.wordpress.org/plugins/tags/css-editor/)[custom css](https://ja.wordpress.org/plugins/tags/custom-css/)
   [responsive css](https://ja.wordpress.org/plugins/tags/responsive-css/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/responsive-css-editor/advanced/)

## 評価

 5つ星中5つ星

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

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

[すべてのレビューを見る](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/)