CODEKIT WORDPRESS THEME COMPRESSION HOW TO

How considerate eh? skin/frontend/rwd/default/js And now they’ve even added versions for retina users. The images folder has been trimmed right down, now only showing logos and icons. It may sound like a new show on Broadway, but Madison Island is nothing more than sample data which is perfectly safe to delete. Have a good look at them, then say goodbye because you won’t be touching these files again! There’s some new scaffold CSS for some of the site’s form inputs, an IE8 (and below) stylesheet, and then the main stylesheet. For those wondering, this is simply an adaption of the responsive theme seen on an enterprise demo store. I’ll go through each folder separately: skin/frontend/rwd/default/css The skin/frontend/rwd/default directory now looks very different. What this means is that the rwd/default template files are in great numbers because they have to overwrite the base/default theme as much as needed to make the theme responsive (kind of like the modern theme does).įallbacks to ‘rwd’ means bypassing the ‘default’ package completely. The first thing to be aware of is that rwd is a package NOT a theme, which means that using the rwd default theme will bypass the default package completely. Now let’s drill down into the new files because for many Magento developers this will look a lot different to what you’re used to… You will need a working local copy of Magento with a database hooked up. CodeKit is a beautiful GUI for compiling Sass. Unless you’re Neo from the Matrix, nobody wants to be looking at plain text in a white box all day. It’s pretty cheap at $29 and will compile just about everything you throw at it (including JavaScript and LESS). The first step is to download/buy CodeKit. There are other Sass compilers available – a popular one being Scout if you don’t have a Mac. If there’s a good GUI available I’ll use it, which is why I have opted for CodeKit, a beautiful GUI for compiling Sass. CodeKitĪs I’m predominantly a backend developer, I’m reasonably familiar with the command line, but let’s face it, unless you’re Neo from the Matrix, nobody wants to be looking at plain text in a white box all day.

CODEKIT WORDPRESS THEME COMPRESSION HOW TO

In this blog post I’m going to dissect the theme’s new Sass architecture, and give you an easy guide on how to get started with CodeKit and Magento on your Mac.

The release of Magento 1.9 saw the inclusion of the long-awaited responsive default theme.

Codekit wordpress theme compression