Oxygen – A Complete Design Plugin for Creative Professionals

Possess you ever cringed at any time when it was once time to manufacture a form change to your wordpress web role? I’ve.

The blood, sweat, and tears that advance with modifying a wordpress theme are genuine. Pre-designed subject matters, without reference to the advance you prick them, are limiting to anybody who isn’t a code-guru.  It’s a area to compile a theme that can attain my imaginative and prescient completely.

If I compile one that’s shut AMPle, making changes to it continuously leaves me attempting. Some subject matters are bloated with aspects I don’t need while others need additional plugins merely for added form parts.

Over time, my plugins picks were geared to such form wants, like a grid plugin to note my portfolio when subject matters and web page builders couldn’t attain my form.

While the interface for customizing subject matters has improved over time, there remains to be an absence of decide an eye on predominant for form nuances. Page builders coming into the market have benefited non-coders, but continuously require add-ons to pick an eye on a lot of form aspects of a job built on wordpress, much like headers, footers, or frigid animations.

Oxygen – A Complete Design Plugin for Creative Professionals 1

Enter Oxygen. It is now not a web page builder. Oxygen is a stout-role builder that affords you total decide an eye on over every element of your wordpress role form – in only one plugin. With Oxygen, you don’t desire a theme. As an different, you form your possess theme, without hand coding.

Since Oxygen handles all of your form wants in a single app, it could perchance actually build you your treasured plugin home and funds for extending wordpress capabilities.  Fewer plugins lead to fewer complications and additional money on your financial institution account.

As a creator and graphic artist, here are 5 causes why I just like the employ of Oxygen to rearrange my wordpress form wants. Oh, and it was once previously reviewed on WP Mayor too.

The Structure Engine

Whilst you happen to’ve faded any standard form application like Adobe Dreamweaver or Photoshop, then it’s most likely you’ll feel correct at home with Oxygen’s UI. Like many form apps, Oxygen’s interface contains a property panel on the left, a development panel on the explicit (or as I desire to name it, a DOM panel) and the canvas within the center. The development panel affords you every a chicken’s perceive test of all of your nested parts on the web page and granular decide an eye on of inserting them. The extra nested your parts are, the extra the event panel becomes a crucial section of your workflow.

Oxygen’s structure engine affords an correct WYSIWYG trip that potential that you’ll uncover exactly the set up your parts are on the web page, with pixel-apt spacing. Designers will like now not having to toggle to dwell-preview their designs as they work.

While subject matters and web page builders provide alternate choices at hand code properties now not accessible in their UIs, it’s a area to surf the W3C for non-coders. With Oxygen, the most good CSS structure properties come in to you at your fingertips within the properties panel. Oxygen’s visual cues manufacture your workflow less complicated and faster.

Oxygen – A Complete Design Plugin for Creative Professionals 2

Oxygen’s biggest advantage is its flexbox, which affords extra efficient alternate choices to contemporary structure tasks and eliminates pointless parts and nesting. Must vertically stack two headlines above two horizontally aligned buttons? Topics and web page builders provide columns to attain the duty. In Oxygen, a easy div the employ of flexbox properties is a extra dapper resolution than nesting parts in columns and adjusting their spacing for every viewport. Keep your column parts for added appropriate tasks, like long text bins with adjoining images.

Corpulent Jam Builder

Oxygen’s template gadget permits the person to invent each element of a job, including the menu gadget, the header, the footer, the sidebars, and the web page instruct material itself. There’s no need for add-ons to invent these parts. With Oxygen, you don’t correct form pages, you form an total role and template gadget, engaging to your wants.  For even additional decide an eye on, world settings also can additionally be space for colors, fonts, headings, body text, links, web page width, and additional all helping to urge up your workflow and withhold role-broad form consistency.

Oxygen’s typography decide an eye on is but any other characteristic giving customers a lot of flexibility and extendibility. By default, Oxygen hooks into google fonts, but the person can employ Adobe Typekit or even add their very possess Woff fonts. Along with, Oxygen potential that you can space which font weights to load for your role, contributing to the total urge of your role.

Responsive Invent

As a visually inclined developer, optimizing my wordpress web sites for responsive form continuously made me snide-eyed. Toggling between the editor and a preview was once time-inviting and anxious when I got the code infamous. Oxygen’s versatile and snappy responsive form characteristic eases the misfortune of layouts for a lot of screen screen widths.

Oxygen – A Complete Design Plugin for Creative Professionals 3

With four breakpoints, that that you can snappy see your structure changes correct within the builder. No must preview on a browser. Part alignment, typography changes, and image sizes can all be modified snappy the employ of the properties panel within every breakpoint test.  That you just can also resolve to note or veil parts consistent with viewport dimension. Desire to delete the changes for a explicit breakpoint? Easy! Factual click the crimson X correct next to the breakpoint indicating that kinds were space for it.

Selector Detector

On every occasion I employ a plugin, whether or now not it’s a long way for a fabricate or a personalised post-form, the note is regularly a gamble. If plugins advance with model alternate choices, the alternate choices are in total restricted to coloration and typography. Most don’t even advance with padding or margin alternate choices. Plugins offering a lot of CSS alternate choices advance with the price of being heavy, loading pointless code main to slower role urge. Oxygen’s selector detector makes styling plugins a scoot.

Oxygen – A Complete Design Plugin for Creative Professionals 4

Desire to alter the spacing between two parts? Easy, correct level on the element, click the selector detector model alternate choices and manufacture your changes within the properties panel. Whilst you happen to would prefer even extra decide an eye on, that that you can employ the PHP or CSS alternate choices accessible with every element, but you likely received’t must the contact the code at all. With selector detector, that that you can model your kinds and other plugins very snappy letting you raise lighter weight plugins for their overall characteristic, now not their form aspects.


Now and again you want something requiring a little bit of additional complex coding. Visual designers will just like the helpers Oxygen affords, much like a slider, a toggle, galleries, icon bins and gigantic bins that give a job dynamic and involving aspects.

I continuously rely on Oxygen’s Easy Posts helper to note extra than correct my posts, but my personalized post forms for my projects, customers, and portfolio. Most helpers advance with a lot of styling note alternate choices for a expeditiously note, but in describe for you even additional decide an eye on, that that you can employ the selector detector to model any helper exactly the advance you want. The Easy Posts helper comes with a lot of handsome form alternate choices, but like every artists, I tweak it except I’m jubilant.

Oxygen – A Complete Design Plugin for Creative Professionals 5


My accepted helper is the Header Builder. Oxygen makes it easy to invent responsive, multi-row, sticky headers. Each row also can additionally be controlled independently for responsive form. Vertically align one row on one viewport, veil it on but any other. The alternate choices are limitless.

Video Overview

Right here’s a video overview if you happen to have to make a decision a closer look:


As a inventive knowledgeable who’s faded a diversity of form programs, I’m correct at home with Oxygen. The interface is intuitive for any graphic dressmaker or inventive knowledgeable who’s dabbled in code. It feels and acts like your total form instruments you’re faded to but affords you stout decide an eye on of your role’s code.

I’ve continuously valued wordpress for its great CMS capabilities but like many visual artists, altering my wordpress form had change into a lunge. With Oxygen, form now not a chore. It’s relaxing but again.