Save CSS changes made in developer tools, directly to the Wordpress stylesheet.
Wordpress Style Editor Extension
Using chrome developer tools, you can inspect your theme styles and make modifications to the CSS. However, those changes are lost as soon as you refresh the page. With this extension, you can instantly save those CSS changes directly to your theme stylesheet, without editing any files, or using FTP programs.
Notes:
- Changes saved to the stylesheet happen in real-time, so proceed with caution.
- Currently, the extension only works on the style.css file located in the themes root folder.
New in 1.3.1:
- added child theme support.
New in 1.3:
- Bug fixes.
New in 1.2:
- Revamped interface, switched to popup UI.
- Added auto-save feature.
Source code is available here: github.com/stri8ed/wordpress-style-editor-chrome-ext
Read more
Notes:
- Changes saved to the stylesheet happen in real-time, so proceed with caution.
- Currently, the extension only works on the style.css file located in the themes root folder.
New in 1.3.1:
- added child theme support.
New in 1.3:
- Bug fixes.
New in 1.2:
- Revamped interface, switched to popup UI.
- Added auto-save feature.
Source code is available here: github.com/stri8ed/wordpress-style-editor-chrome-ext
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_extName__", "version": "1.3.3", "description": "__MSG_extDesc__", "manifest_version": 2, "default_locale": "en", "permissions": [ "tabs", "cookies", "http://*/*", "https://*/*" ], "page_action": { "default_icon": { "19": "/img/icon48.png", "38": "/img/icon48.png" }, "default_title": "Wordpress Style Editor", "default_popup": "/html/popup.html" }, "icons": { "48": "/img/icon48.png", "128": "/img/icon128.png" }, "devtools_page": "/html/devtools.html", "background": { "scripts" : ["/js/background.js"]}, "minimum_chrome_version": "18"}
Read more