Ready to jump right in? Headway 3.6 Beta 1 and Hinterland are available to Developer License holders in the Headway Dashboard.
It’s an exciting time for the Headway Team as we get to show you more of what we have been working on these past few months. Since Headway 3.6 is such a large update, we will be running a beta available to Developer License holders to help out weed out the bugs so you can have peace of mind when you upgrade to Headway 3.6 in the future.
We know you all love to test and see what is new with Headway, so we’re giving you first chance to see what we’ve been cooking up!
You have talked, we listened! Skins are by far the most requested feature so we’ve developed an even better way to build skins. While we were building skins, we also wanted to think about the way the Design Editor works. So let’s talk about these features!
We understand not everyone wants to start from a blank canvas. Sometimes people want to switch fonts, change a few colors and start blogging. So not only have we made this easier in Headway, we’ve built our own skins and will continue to do so.
We’ve never felt satisfied with our previous attempts at skin and child theme functionality, but we believe we’ve hit the nail on the head with Headway 3.6′s skin functionality. All skins are simple .json files that populate Headway grid and design settings so this means that you can edit every single part of a skin using Headway!
You can export your design as a skin, or start with a blank canvas for a brand new skin. Think of all the possibilities you could do with this! We are excited to see what you guys develop as Skins.
We’re happy to let you try out our first skin, Hinterland. Hinterland is is a great example of what can be achieved using Headway’s fluid wrapper functionality as well as the Nudging and positioning properties in the Design Editor to achieve a fixed header.
Don’t fret, Hinterland won’t be our only skin when we release Headway 3.6. We have plenty more!
As web designers and developers, one thing we do when we start building a new website is we build wireframes. Wireframes give us a great idea of what the site will look like. So we made it even more like a wireframe tool. Here’s an example of our new wireframe grid mode. Now you can wireframe out your site and let Headway build the site as you do so.
One thing we got feedback on was customers wanted an easy way to view properties for a given element or block. So we made this possible with the new properties view. Customers also wanted to see what elements weren’t customized, so we created a way to show un-customized elements. Of course, we still needed to show instances of blocks, and edit the element for the current layout only. So we moved those to the top element. We also added an easy way to get the element into the live CSS editor.
Here’s a quick video showing you want the new design editor looks like.
Finally, a big area we wanted to adjust based on customer feedback was the page/template panel. This was a panel we thought would get used. However, what we’ve found out over the last 2 years is it doesn’t get used as much and results in always hiding it. So we wanted to go about making an improvement to this area as well. Check out the example below and let us know what you think.
We sincerely appreciate everyone’s support and patience with this release! Most importantly though, we want your feedback!
Live Site Disclaimer: Do *NOT* under any circumstances install beta Headway 3.6 beta on a live site at this point. With that said, we highly encourage duplicating your live site over to a staging environment with BackupBuddy or a similar plugin or service so you can test how Headway 3.6 will work on your live site.
We’re very excited to say that fluid wrappers are finally back!
Headway 3.5 has been a very long-awaited release, but it has been well worth the wait. To show you what’s in 3.5, I thought I’d try something new for a release video. You can watch that right below or you can skip over it and get a much more detailed description of the features below.
The biggest change in Headway 3.5 is the addition of wrappers and wrappers options. Previously, each customized layout had only one wrapper for placing your blocks. Now, you can add as many wrappers to a layout as you want.
Each wrapper has settings for its type of width (fixed or fluid) and its grid (columns and gutters). As a result, different sections of your webpages can behave differently when it comes to fluidity. Wrappers can also be styled differently in Design Mode to create visually distinct sections of your webpages.
To learn more about the wrapper functionality, visit our release article in our documentation.
In Design Mode, sliders have a new “Slider Viewport” element in the options panel for styling the overall presentation of the images. The style attributes include rounded corners.
A Headway release would not be a release without improving existing features!
Blocks and Block Options
In Grid Mode, icons no longer appear when you mouse over blocks. The icons have been replaced by a right-click menu. Right-click anywhere in a block to open the menu and open the block options, change the block’s type, or delete the block.
Because each wrapper can have its own settings for the number of columns and column and gutter widths, grid options for columns and gutters are now defaults for newly added wrappers.
Design Mode Options Panel
A yellow bullet now appears next to elements that have been customized. A faded orange dot appears next to properties with customizations, and if you reset a property (set it to inherit), a purple dot appears instead. These markers show you where you have made changes from Headway Base.
In the Instances drop down, a “Customized” label appears next to instances that you have customized styles for.
We hope you will enjoy Headway 3.5 just as much as we have enjoyed building it!
Headway 3.5 is free with an active license. You may update and gain instant access to these new features!
Has your license expired? You may renew your license by logging into the Members’ Dashboard and clicking the “Renew” button beside your license.
Please remember to backup before updating your site. If you’re looking for a great, reliable solution for backups, we highly recommend BackupBuddy.
As always, the update is available via the automatic updater in the WordPress Admin panel. Or, if you wish, you can upgrade by downloading the latest Headway release from the Members’ Dashboard and uploading it via FTP or the WordPress theme updater.
Today we’re letting the world know that we’ve released a developer beta of Headway 3.5! We actually released it on May 1st as a dry run of our system, and today we are going to give you a quick screencast to show off some of the new feature, Multiple Wrappers!
Headway 3.5 will feature multiple wrappers. So not only will your sites and designs be limited to a single fixed wrapper, you’ll actually be able to use fluid wrappers with fluid grid or fixed grid, or a fixed wrapper with a fixed grid.
Remember that betas are only available to our developer license holders. Not a developer license holder? No problem! Sign up or upgrade now, and get in on testing this new release!
Don’t take my word for it though, check out the video below!
Today marks the reboot of the Screencast Tuesday series. I hinted at it on Twitter yesterday, and got some great feedback about maybe renaming it to the ‘Headway with AJ’ so I renamed it for the time being since this week and next, they aren’t coming on out Tuesdays. They are still packed with helpful tips and tricks though to get you moving in the right direction for your next project.
This week’s screencast is one that’s been asked about for awhile now. We just haven’t had time to get to it. We’re going to be coving WooCommerce and the Storefront: WooCommerce block by Headway. There’s a lot of information we could go into, and while I didn’t really think you all wanted me to talk on and on for hours about WooCommerce (there’s a lot of things it does!!), I wanted to focus our time on using it with Storefront: WooCommerce block, and with Headway.
The screencast is about 20 minutes in length and covers a fresh install of WordPress, Headway, WooCommerce and Storefront: WooCommerce block. I go over a few of the minor settings I wanted to change in WooCommerce, how to fill your store with test products so you can play with the pages and design your site, and we go over the few uses for the Storefront: WooCommerce block.
Update: The screencast is now here. Sorry about that ya’ll!
Today marks a pretty large milestone for us as we’ve been releasing Headway 3.x continuously for just under a year and today we’re marking that with Headway 3.3. It’s been a couple of months since we’ve pushed out a release, and there’s a reason for that! We’re excited to announce that today we’re releasing Headway 3.3! There’s quite a few things that went into the release, some we’ve even hinted at on Twitter.
This release encompasses quite a lot of backend updates and a couple of easter eggs we’re going to show you right now. Check out this week’s Screencast Tuesday to get an update of just what went into this release.
To view the release notes for this release, make sure to visit the Release Notes thread on the Support forums. We’d love to hear what you think about this release! Let us know in the comments!