I've written a simple plugin that allows you to modify your WordPress sites using WebPutty.
So what's WebPutty?
WebPutty is a simple CSS editing and hosting service. WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control.
There's a video at YouTube
Integration:
In WordPress, add the WebPutty integration code to your theme, or add it using my plugin. The integration code looks like:
<br />
<link rel="stylesheet" type="text/css" href="//webputty.commondatastorage.googleapis.com/[KEY].css" /><br />
<script type="text/javascript"><br />
(function(w,d){<br />
if(w.location!=w.parent.location||w.location.search.indexOf('__preview_css__')>-1){<br />
var t=d.createElement('script');<br />
t.type='text/javascript';<br />
t.async=true;<br />
t.src='https://www.webputty.net/js/[KEY]';<br />
(d.body||d.documentElement).appendChild(t);<br />
}<br />
})(window,document);<br />
</script><br />
Plugin installtion and activation:
- The plugin is available in the WordPress Plugin Directory
- Install and activate it.
- Go to Settings -> WebPutty Helper and add the integration code from WebPutty (see images below)
Integrating WebPutty and WordPress using my plugin:
[gallery columns="4"]
Change log:
0.0.1: Initial version
Todo:
- Add option to remove local styles
- Anything else? Please add your wishes as a comment below