You have probably heard me banging on about the new framework theme Headway in other posts, but I just want to tell you about a new development in the theme introduced in the 1.5 beta and now live in version 1.5.6, and that is the visual editor.
The first version I saw during the beta phase was a bit clunky, and I preferred the old version of setting options via the appearance tab like traditional themes, but the later releases have taken on board these issues and I have really grown to like the way I can design on the fly with the visual editor.
What Is The Visual Editor
As the name suggests it’s a visual CSS editor which allows you to change the look and feel of your site and see the changes as the are made, rather than editing CSS code files.
Using the visual editor, when you are logged on as an authorised VE user, there will be a tab on the top right of your site home page which says enter visual editor. Click on this opens up a series of menus and widgets which allow you to change the look and feel of your site before your very eyes. See screen dump below to get a feel of the editor. the various options available to you are:
Site Design
You can set the colours,fonts, borders background and all that good stuff from this section, it also has a very useful call out function which highlights the components you are working on just in case you are unsure of what it is.
Leaves – Sorry Headway people, the Plural of Leaf is not Leafs Where I Live
Probably the most powerful function of the Headway system is its leaf function. Using leaves, you can place components on the page, drag and drop to resize and relocated.
You can then set the content of the leaves, this can be a wide variety of things from image rotators, featured posts, standard content from posts or pages, RSS feeds , widget ready sidebars and many more.
Leaves allow you to build the layout of your content, and show different pieces as you like, you can have different leaves on different pages for example you can set one sidebar widget on the home page and have a second sidebar on the contact page, in the past this was some complex coding to do this.
The flexibility of leaves makes Headway the excellent choice for CMS as well as blog sites.
Site Wide Settings
You can change site wide settings like width, header and footer details
Navigation
There is a visual editor to set up the navigation, it;s location, alignment, whether a page is displayed and much more.
Does It Do Everything
No, but it has a custom CSS option as well, so if the little tweak you want is not available in the GUI, head over to the custom
An example of this is a client of mine who was asking if they can change the default behavior of the navigation to have tabs instead of boxes the only format of navigation visual customisation, and the answer is yes, you simply add that particular CSS into the custom css file.
The Future For Headway
I have been privy to a few emails talking about future releases of Headway and there is some really great stuff coming down the line, the good people at Headway HQ are pulling out the stops. This continued development and maintanance of their product is excellent, this means I am happy to invest time and effort into learning Headway and building sites with a theme that has a road map into the future, rather than a fly by night theme supplier.
My Recommendation
I recommend headway for the ease of use to change the look and feel of your site, the investment in development the guys are making, the configurability (is that a real word?) and the support from the team.
I don’t slap up affiliate links to products unless I really recommend them, and I am redesigning my site, my info product sub domains and my client theme builds using Headway, if you want what is in my opinion the best WordPress theme on the market, click on the link below to see videos of the visual editor or to get your copy.
5 thoughts on “Headway Theme Visual Editor”
Hi WP Dude!
A question about leaVES (btw, didn’t you mean “drag and drop to resize and relocatE”? ;-):
Do you know if it’s possible to have a leaf appear on a single post -I mean a single post ID- and/or to have a different content for this leaf, depending on the post ID? Example: I am an Amazon affiliate and I want a given book to appear on a given post.
Thanks in advance and forgive my mistakes in English, as I’m not a native…
All the best,
JPH
Yes you can, there is a dynamic leaf content option, which will display different content depending upon the post. This is set inside of the post editor
http://headwaythemes.com/documentation/visual-editor/leafs/content/
Thanks for your reply, Sir! I had missed that. Incredibly powerful and easy to implement.
“There’s also an option to enable Dynamic Content on the sidebar leaf. Dynamic Content simply allows you to change what’s in the text leaf for every individual post.
If you place a text leaf on the Single Post system page and enable Dynamic Content, you can go to each post and enter content in the Dynamic Content text area in the post editor.”
I recommended Headway to one of my clients and she went right out and bought it. Now since I am the one trying to get her site fixed up the way she wants I am encountering a number of problems with Headway.
The number one issue is their support forum: it’s like dead, dude. I have had to start Googling for answers to my questions, which just isn’t right considering these people soaked my client almost ninety bucks for this theme.
I have always believed that you can judge a company by it’s support, and this definitely goes for those who make themes and gadgets and whatever for the WP World. I was under the impression that Headway was a pretty good place, but now I’m reconsidering.
I just haven’t figured out how to tell my client…yet.
I must humbly eat crow on my last comment – the support has turned out to be pretty good. I just wasn’t giving them the proper time to respond. My apologies Headway (bows head in shame).
Comments are closed.