Screencast Tuesdays: Headway 3.0 Grid System First Look

It’s that day of the week again and we’re still hard at work on Headway 3.0. Over the course of the next few weeks, we’re going to show you some of the progress we’ve been working on here at the Headway “ranch” as I like to call it. Clay has quite literally been in a “cave” for the last few days working hard on Headway 3.0.

For this week’s screencast, we thought we would give you an idea of how the grid system and blocks are going to work, along with the new page hierarchy is going to work. If you have any feedback on how things are looking or how it’s working, please leave us a comment. We’d love to get input before the beta as well!

Spread the word!

56 Responses

  1. Hey AJ, thanks for that, looks like a great system. I have 5 or so questions but I’m going to hold off as I think they will be answered later.
    However just one for now – the individual templates looked great for Posts, Categories and Tags, but how does that handle a lot of them? One client has at least 1,200 tags and over 1,000 posts.
    Thanks again.

    • They will be either paginated or will only be available by searching for the post/category/tag. It’s something we’re still looking at how to deal with.

    • Hey Joel,

      The layout system will be split up into something like this:

       - Front Page (if it's active)
       - Blog Index
       - Single
         - Posts
           - Some Post
           - Another Post
         - Pages
           - Some Page
              - Child Page
                 - Grandchild Page
           - Another Parent Page
         - Media
         - Any other custom post types will show up here
       - Archive
         - Categories
         - Tags
         - Post Formats
         - Any custom post type Archives
         - Any custom taxonomies
       - 404 Page
      

      Okay, now that that’s there, I can explain :D.

      Unlike Headway 2.0, you don’t have to customize every layout in Headway 3.0. You only have to customize the top 4 (5 including front page) layouts. You don’t have to go through and customize countless pages like you do right now.

      Everything below those layouts will automatically inherit upward till they hit a layout that has been customized.

      For instance, you have the Page layout under Single customized. Every single page will inherit up to that and use that as its layout. If you don’t want that for any specific page, you can go in and select a page and customize it. Also, this works with hierarchial situations with pages or custom post types too. If you have a parent page that’s customized and it has sub-pages, then those sub-pages will inherit upward.

      Basically, any layout will inherit upward till it hits a layout that’s customized. With this system, you have the power to be as broad as you want or to be as granular as you wish. It’s up to you.

      Not only is this a huge step in user experience, this will reduce the load on the database. Right now, with Headway 2.0, every page has leafs that are saved to the database. Headway 3.0 will not work this way. A page will only have blocks associated with it in the database if it has been customized.

      I hope I haven’t rambled too much. If you have any questions or if that doesn’t make sense, don’t be afraid to comment again :P.

      • Thanks for your replies. Sorry just saw these, you should install LiveFyre or at least Subscribe to comments plugin as I forgot to check back ๐Ÿ™‚

        So thanks again to you both for your replies!

          • Can we have an exact date please? It’s well past the end of summer now….You have eager customers ready to testdrive. tnx

          • Headway 3.0 will not be released until I know it is ready. I can say that Beta 1 is almost ready. As for a final date, we don’t have one yet.

            Yes we are past summer and for that I am sorry. What I am not sorry for is making sure Headway 3.0 wow’s all of you like it has me for the last few months. This is a completely new product current Headway users are getting for free. Which is how it should be.

            Please be patient as we polish up a few more things and push out what we feel is a game changer in the WordPress framework world. And lets not forget the kickass child themes coming too.

  2. Looks really promising. But why only 16 columns when a user defined number would make more sense? That would add more flexibility for those who want a horizontal layout.

    • We kicked idea around of a user-defined column number, but we decided to against it.

      Initially, we were looking at 12 columns default and making it user-definable. Instead, we bumped it up to 16 to allow more flexibility and instead of changing the column number, you can change the column and gutter widths.

      We know this may be a little disappointing (and it still may be added in the future), but doing this will cut down on randomly messed up layouts, bugs, and so on.

      Also, you’ll be able to apply any template to any page. There won’t be the problem of applying a 16 column template to a 12 column page.

      I hope that makes sense ๐Ÿ™‚

      • There isn’t any more flexibility in a 16 column grid vs. a 12 column grid. The problem with a 16 column grid is that it can only be divided into even numbers. No odd numbers. Why’s that a real issue? Because odd numbers work best, design-wise. That statement is supported by graphic design theory, and more specifically by leading authorities on grids.

        Additionally, simple grids tend to fulfill their purpose better than more granular grids. There are so many misconceptions about how to properly use grids.

        I highly recommend Mark Boulton’s video seminar Designing with Grid Systems, as well as his blog posts on grids.

        A 12 column grid would have been a far superior choice.

  3. Hey Grant,

    Awesome work with the Headway 3.0 framework.. But I have a query.

    My web designer designed my site on Headway and now I am managing my site myself. It was version 2.0.9 when my site was designed and after that I have received regular version updates of headway theme from within my wordpress dashboard. Now I am running on Headway 2.0.12.

    My query is whether clients like me who have their sites on headway but do not have separate member’s license will get the version 3.0 update or not?

    Are you going to sell this version separately or it will be a regular update like previous versions through wordpress dashboard itself?

    Please let us know so that we can preplan before the version is out for public…

    • I am assuming your developer is updating your site for you. Those with a license now will get this new version of Headway.

  4. Looking great guys. Good little demo there AJ. Headway 3 looks pretty groundbreaking and can’t wait to see more previews over the coming weeks. I sure could have done with some of these features over the last few months ๐Ÿ˜‰

    • Thanks! We want to keep doing these over the next couple weeks as Headway 3.0 really is something we’re all proud of.

  5. This looks absolutely marvelous!

    I’m wondering about overall site width. Is it locked at 960? I like the 960 grid-based system, mind you, I just had to ask.

    Also, how will migrating 2.xx sites to 3.xx work? I’m imagining it will be more of a manual process that may involve rebuilding the site in 3 and that’s cool, but it’s a question that had to be asked.

    And lastly, if you want/need beta testers, I’m all yours!

    Thanks very much for posting these sneak previews and for creating such a great platform for WordPress design. Makes for a far more fascinating summerโ€ฆ oops, I think I’ve inadvertently revealed how high my geek-factor goes. Oh wellโ€ฆ ๐Ÿ˜‰

    • It will be locked at 16 columns the way it is now, but you will have full control over the gutter width and the column width so you can get nearly any width you want. We’re pretty set on keeping the column number static, but it’s still in its early stages so that *could* change, but it may not either.

      As far as upgrading goes, we’re still looking into this.

      If you want to be a beta tester, you will have the opportunity if you have a developer’s license. If you have a personal license, you can always upgrade :).

  6. Guys, this is very amazing stuff!!!

    My question at the moment: are you doing away with the Live CSS Editor within the Visual Editor or are you keeping it in some form?

    Amazing work. Can’t wait for it to be unleashed onto the WordPress world!

  7. Hi!

    Really after seeing the video, the new Headway 3.0 seems will be great compared to the 2.0x version. I’ve some questions but I’ll wait till the new version is live.

    The idea of customize few pages and not several will be save time and headaches ๐Ÿ™‚

    I know that the transition from 2.0 to 3.0 isn’t resolved yet, but I’d like that it’ll be painless on dashboard, like the latest upgrades I’ve done till now. I suppose that the actual layouts of the sites done via 2.0 will be maintained in the new version.

    Of course you’ll need to update the FAQs and extra videos for new and old users, regrettably more work for you…

    Keep rocking! ๐Ÿ™‚

    Gera

    • Thanks for the comments! ๐Ÿ™‚

      As we’ve said, we have still not decided how to handle updating from 2.x to 3.0. We will of course let everyone know when we’ve made that decision.

      Of course videos will be updated! They are always updated with major versions. ๐Ÿ™‚ When 2.0 came out last year, we had a completely new website, FAQs, documentation, and forums. While it’s not likely that we’re going to do that again, we will of course update the documentation, including videos. Not sure where you got that we wouldn’t. ๐Ÿ™‚

  8. Hey guys! Couple questions & comments!

    1 – OMG

    2 – I’m assuming that categories and tags will be hierarchical as well, so if I wanted for example:

    – categories
    – tutorials
    – uncategorized
    – etc etc

    3 – I would love to see checkboxes for editing multiple page/post’s at once, like how it is in the dashboard. I imagine it would be a headache to figure out, but it would be icing on the cake

    • Yeah, absolutely everything will be nested.

      I do like the idea of the multiple page editing, but instead of that, we will have a template system.

      Along with all of the pages and other hierarchical layouts, you’ll be able to create templates. They will behave similarly to pages, but you’ll be able to assign them to any page.

  9. This looks awesome – I cannot WAIT for it’s release….

    I know you probably want to keep a lid on new features right now, but I don’t suppose you could let on whether you are implementing Google fonts……..?

  10. Glad to HT jump out front on this grid system. A few years ago a similar system was shown at a WordCamp so I imagine these grids will eventually be common on WP Development.

    Since I am a former Dreamweaver web designer, I would like to see HT incorporate the Dreamweaver / Contribute capability that allowed DW web designers and developers to give access to clients to add content to certain pages of a website, however take that aspect a little further with some type of a blank template option that allows clients to play in a space without messing up the main website templates and CSS / design elements.

    Maybe this can be accomplished by a set of rights and privileges/permissions, etc. Not sure. But I can see that clients will want to be “creative” and empowered once they realize they can do more with HT.

  11. Hi!

    WOW! This seems amazing!

    Just one question to clarify…

    So with HW 3.0 I will be able do edit the layout of specific posts and specific custom post types using the Visual Editor?

    Eg. I can layout just like we can do today with pages?

    Happy customer

    • Exactly. The power Headway 3.0 is going to provide to our users is huge. Plus consider for a moment Headway Child Themes which you can also use inside the new visual editor and grid system.

  12. How will Headway 3.0 affect wordpress plugins? Any chance of conflict? What about Wishlist member? Will your new headway work with that plugin? I am concerned with all the fancy new features and these somehow wrecking existing plugins I have installed.

    • Robert I am just curious how things worked out for you? ย I also have wishlist member and headway together and it’s a lot of plugins. ย I feel like my site is running super slow and am concerned. ย Did you find out anything about conflicts? ย My site is http://www.mywbmc.com

  13. Looks unbelievable! Thanks! You look to be the leader for WP frameworks!!

    Will you have something set up to be able to minify js, css, and do image sprites to minimize page load time?

  14. I absolutely love the direction that you all have taken for version 3.0! I currently use Thesis and Platform Pro as my main theme platforms, but seeing what you all have done with Headway 3.0 I am seriously considering “converting”! ๐Ÿ˜‰

    Not to take away your steam (and I am definitely a big fan), but is there any other WordPress theme platform out there that is implementing the grid/block approach?

    Thanks!

    • Thanks. I have not seen another theme doing anything like we are doing. But, as with previous version of Headway, I am sure someone will try.

      • Cool… Thanks for the update.

        Looking forward to an announcement about the 3.0 Beta version. I will get a Developer’s license when that happens. Any idea when you will release the beta yet?

        P.S. I agree with other posters here and there who have requested some sort of email subscription for comments (by post). Would really help with following up on responses. (For example, I didn’t even know you responded here, and I almost forgot where I commented on your site!)…

  15. Counting down the days for the release of Headway 3.0.

    I just had one question,
    It appears that Leafs are obsolete in HW 3.0. So, if we upgrade to this version of headway what happens to all the custom CSS work we might have done to specific Leafs?

    • While those sites which have little to no custom CSS done will upgrade easily. There may be a need on those sites which contain a lot of CSS for there to be some extra work on your part to get them upgraded to 3.0

      Please keep in mind, Headway 3.0 is a completely new build, API and product for that matter. The upgrading from Headway 2.0.x is something we have been working hard on. But, there most likely will need to be some work on the customer’s part too when they upgrade.

  16. I’ve been using Headway for a year, and it just keeps getting better. This looks absolutely amazing! I’m so excited to get my hands on this upgrade when it comes out.

  17. Hey Guys

    Looks great but what I enjoyed most of all is the captions. Thanks for remembering there are us deaf ( and dumb) guys out here. Though You Tube needs to go a long way in improving its captions. The thought and the effort is very encouraging and inspiring.

    Definitely helped to have some words and not just having to look at pictures.

    Thanks

  18. Hej,

    I know it might be too late, but why do you not choose 30 columns as it can be divided by 3, 4 and 5, which makes it very flexible and future proof.

    With that you would get any subdivision except 7, 11, 13, 17 etc.,which are not very useful, but would make 2, 3, 4, 5, 6, and much more possible! And the precision would be a bit higher.

    1. Would it be possible to have round corner in navigations button?

    2. Will it be possible to make a block for “search”?

    looking forward to 3.0. ๐Ÿ™‚
    Regards
    Emmanuel

Leave a reply

Copyright ยฉ 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress