Need a WordPress website this weekend? Start here...

Get ahead with Headway theme for WordPress

(Reading time: 8 – 14 minutes)

Word And Mouth’s Dave Thackeray needed a new-look site, but wanted complete control. The third element of this troika was his gross inability to design. Was Headway Themes the silver bullet he sought to remedy his inept efforts to communicate his communications business? You decide…

Headway Themes has been quite the poster child of WordPress in recent weeks, having popped up just about everywhere that Thesis previously shone. Except here, where Thesis still does (it’s a two-horse race, and both thoroughbreds have their obliging nuances).

I’m no expert at WordPress themes. Or indeed, at practically anything – although I do a very good impression at facilitating Mastermind Groups. But more on that another time. If the likes of Chris Garrett at chrisg.com are to be believed, Headway will overthrow every other premium makeover for your WordPress installation and have them in chains braying like an injured donkey before you can say woof.

Rome might not have been built in a day, but Headway was built in just over 300 files. It takes moments to have this baby rocking on your server, ready to invoke massive delight on your website. To say Headway is a very well articulated wolf in the clothing of a supermodel, would be to mix metaphors – and is entirely correct.

The time is 2:36pm. Up until this point in time Headway has been all about second-hand talk and idle prophesy. I’ve not fingered the rumoured-awesome tabs in the admin area, nor have I had much chance to figure out what leafs are. In my day, we used to call them leaves – that much I know about the hip modern kids who replaced not only chalk with mice (mouses?) but olde worlde ‘English’ with modern dikshun [sic]. Digression.

You know how to install themes, right? Do I need to lick your ice cream for ya, too?

But let’s back-up quickly. Before installing any new themes, I’d suggest turning off all your plugins. Thankfully this means off goes Wibiya, recommended by Robert Scoble (@scobleizer) for currying all your social media touchpoints into one simple little toolbar. That is also hugely distracting, in my option. Any excuse to rid it…

Theme Test Drive will allow you to see new themes in action before you actually make them live in public. You might want to give this a go at this point.

And now we’re off to the races

I was going to eulogise about the incredible versatility and array of options in Headway’s Configuration section, accessible from the WordPress admin area. Generally in my experience, themes have just one config page. Headway has an army. I like that – it gives me a warm feeling of control I imagine Finnish people must get all the time. Only I don’t have a sauna. Headway is way hotter than that.

The Configuration pages are simply ‘gasp’. Let’s put the smorgasbord of options somewhere between knock me down with a feather and resuscitate until my heart starts beating again on the wow scale. There is EVERYTHING here. I feel like I did when I first started working with the free Atahualpa theme – only this time I’m in safe hands since calls for ninja CSS skills seem reassuringly redundant (unless you want to tamper like said ninja – well, Headway lets you get your fix here, too).

I won’t say more than that. What you really need to know (and I guess I may have left this a little late in the day, since it’s what you came for) are Easy Hooks, Leafs and the Virtual Editor.

To many until now, Hooks have been the stuff of PHP lore. You hear Joost De Valk ruminate of them in hushed tones as he wanders down darkened corridors towards flaming atriums peopled with denizens of binary genius. You see them mentioned under asterixed glare in Digging Into WordPress, the definitive guide from Chris Coyier and Jeff Starr at digwp.com.

Headway Has Easy Hooks

But with Headway, we’re talking Easy Hooks – my favourite thing ever, apart from skinny chips with Cheddar cheese-stuffed burgers. That’s right – cheese INSIDE the patty! Imagine chicken kievs, but with beef and without garlic. You’ve never had THOSE, either? Maybe you should go back to your corner and rock gently until your dosage comes around. Oh man!

If you want to repeat certain content in certain places on your site, vote Easy Hooks. This feature is for dummies like me: If you know PHP you can go and squirt this stuff in yourself by diving into the code. I don’t have the time, but I do have the tendency to completely mess things up when I try. Easy Hooks are genius.

Leafs are another horse-sized hit of juicy-tasty cholesterol. I’ll let Chris Howard of Headway explain Leafs far more lucidly than I could ever hope to.

“Holy moly, these are an incredible idea,” says Howard.

“Leafs are what give power to freeing you from the strictures of columns.

“Suddenly you can arrange your content however you like, with infinite sidebars and content boxes. Look at myvirtualcv.com.au, for example. The video and quotes in the middle are a sidebar, as is the horizontal green area at the bottom. But, this single page is pulling in content from three different pages – all without me having to worry about WordPress loops, or messing with the horrors of tables in the WordPress WYSIWYG editor.”

Visual Editor is where it all comes together

Let me pause here and try and explain in words the tornado of power afforded to you through the Headway Visual Editor. No mean feat since it is like nothing you will ever before have experienced designing sites in WordPress.

Imagine you have designed a very coarse wireframe of your site. Using Pages as non-visual containers (with Leafs that is exactly how you treat Pages from hereonin – for your own good) you add in content. Using the Visual Editor you style each and every element of your website using clicks instead of code, and command Leafs to drop in the content precisely where you want it – again, with just mousework.

All your changes in real time. Every part of your site customisable to your tastes – from dimensions to navigation design. Every page layout can be different, and no coding is required.

Headway used to offer a Layout Editor which was pretty simple and integrated into the WordPress admin area. Now – it’s a bit like comparing God to a dog. Visual Editor is Dreamweaver for normals. And it jets WordPress into the boardroom of fully-fledged CMSes with the infernal potency of Kick-Ass in his closing scene.

That’s Visual Editor. If you want complicated spills and tricks to spice up your site there are a raft of pre-programmed Leafs and Skins you can snap on to your creation in the Headway Marketplace. Some are free, such as the Gravity Forms example which, when combined with Gravity’s own MailChimp addon, lets you drop in a subscription form anywhere on your site. Others, like the YouTube tool where you can mould a Leaf around your chosen videos, come at a (low) price.

Skin Head(way)

Skins transform the look of your site using pre-designed schemes. A purveyor of such digital merch is press75.com – one of my fave premium theme developers – which provides Skins based on its uber-popular designs.

In summary, the enlightened Howard – he who also struggled and strained through creating the ideal WordPress site before Headway hit home – summarised the ‘Siddartha under the shade of a generously-endowed tree’ theme creation thus:

“Headway works like desktop publishing. Other themes and frameworks restrict you to thinking in columns, Just as you might in Word.

“Columns-based websites have meant many websites echo the same or similar layout throughout. Headway is akin to DTP (albeit with the limitations of the web) so you think in terms of layout, sliding of content/information around the page. And every page can be different.”

What else has Headway?

I know Doolin is a big advocate of spending time optimising your blog for SEO. It makes sense – as does the SEO stuff built into Headway which allows you to customise your posts and site to a level beyond that you’ve come to expect as a user of the free All in One SEO plugin.

At Headway I love the SEO Slugs feature that gets rid of all the chaff and leaves you with clean – relevant – search engine friendly titles for each of your posts. For more on how incredibly important fresh and tidy SEO slugs are to your blog, pick up a copy of Doolin’s Blog Post Engineering. It, like Headway, totally rocks and will change the way you do your thing.

Will Headway create dozens of identical sites? I doubt it. The user-friendly nature of intelligent control at a granular level means you won’t find two sites the same. Plus with it being a paid product, people snapping it up will have a vision for their site, no matter how simplistic. Besides, the Headway Showcase already lays out what has been achieved by wannabe designers in a relatively brief timeframe.

My frustrations? No quick Undo or nod to a sneaky Ctrl-Z combo when you choose the wrong option in the Visual Editor. And to go down the options here, I don’t like the way you have to find the thin black scroller bar which kinda blends in and becomes inconspicuous.

And watch out what you’re doing with the GZip compression option in the Configuration section. I unwittingly tilted the table but after furtive enquiries discovered the blame lay squarely at the door of my server. Ladies and gentlefolk, I claim no authority to talk tech like this – but apparently if you have the luxury of officiating this automatic compression feature, it makes things slip and slide through the intertubes quicker than a wily fox in a chicken coop.

It’s 4.20pm and I feel like I’ve started on the journey to creating something I can be proud of. Word And Mouth is now feeling slicker, more professional. And the flexibility in design is something I never dreamed would be at my fingertips as a design-hostile member of the writing community.

For a great example of how to quickly create a neat Headway site (based on an earlier iteration of the theme):

  • Headway is available in two flavours – the Personal Option, good for two sites, at $84 and the Developer Option, for unlimited usage and without reference to Headway Themes in your footer, at $164.

Fancy rocking the WordPress world with simplicity and style? Buy Headway here.


Dave Thackeray Want to be a radio star? Guest on Dave Thackeray's InspiRadio, a unique business-focused online radio network. Listen live or check out the InspiRadio website for more information.


Note: I have not personally used Headway… but I once had occasion to purchase and return on a client’s behalf, and the client was granted a refund no questions asked. That’s good enough for me. Give Headway a shot, and use Dave Thackeray’s affiliate link above. -Dave D

The Queen of GPO Speaks – violetminded Spills It

(Reading time: 6 – 10 minutes)

This week’s interview is with Amanda Farough, the brains and muscle driving violetminded Design, her design studio. I know Amanda through her (from my point of view) neighbor Kelly Diels in the Fabulous Fraser River Delta just south of Vancouver British Columbia.

Now, I generally conduct interviews via email, or using a shared Google Doc, and Amanda’s interview proceeded accordingly…

…but between now and then, she rained down some design goodness on Website In A Weekend!

So we hung out on Skype for a few minutes:

[9:45:04 PM] mtngrown: What was your thinking behind the WiaW design?
[9:45:13 PM] mtngrown: And we can move this to the Google Doc.

Uh, that’s me, mtngrown on Skype. The original mtngrown from way back in #efnet days I’ll have you know. Accept no imitations!

Anyways…

[9:45:43 PM] Amanda Farough: Ah, picking my brain about the design
                  decisions. Gimme a few minutes and I'll write something
                  up for you.
[9:46:05 PM] mtngrown: Cool!
[9:46:09 PM] mtngrown: I'll work it in.
[10:03:44 PM] Amanda Farough: Emailing it!
[10:04:30 PM] Amanda Farough: You can cut that up where you please.
[10:05:22 PM] mtngrown: Awesome.
[10:05:39 PM] mtngrown: *Nobody* talks about design like this on blogs.
[10:05:48 PM] mtngrown: I"m going to lead that.
[10:05:57 PM] Amanda Farough: Bitchin'!
[10:06:00 PM] mtngrown: Can I open it for questions?
[10:06:03 PM] Amanda Farough: Yes. Absolutely.
[10:06:10 PM] mtngrown: "Ask Amanda Anything!"
[10:06:14 PM] Amanda Farough: I'm an open book. :)
[10:06:30 PM] Amanda Farough: It's important that people realize that
                    the value of design is in the decisions.

Here’s what Amanda sent via email.

Designing Website In A Weekend – violetminded

WiaW required a lot of brainstorming and research. I needed to determine exactly who the audience was, how they were using the site, and how I could draw attention to the parts of the site that needed it. I wanted to create a space that was both professional and playful. Newcomers needed to know what the site was about at a single glance. Returning visitors needed to be
coaxed into the new space without feeling alienated.

I kept the design minimalistic for that reason.

The banner – a combination of an image of (look-alike!) dude on a computer and a wood texture – was the most important decision of them all. I needed the banner to communicate that this was a tech-centric site with technical content. I also needed the banner to communicate that you’re a playful writer without looking ridiculous. The wood texture softened up the banner just enough. I tried other textures (paper, leaves, leather, linen, etc.) but nothing worked as well as the wood.

I wanted the main focus of the website to be the content, not the banner or the navigation. These are important elements but the best kind of web design fades into the background and allows the content to be the star. So, there is very little in the way of hard dividing lines, outside of the grey background of the navigation. Use of white space communicated the division of elements (content from content, content from sidebar, sidebar from footer, etc.)

The use of colour is deliberate. It establishes visual hierarchy: I want you to see the banner first, so it has the most saturated colour. Your eye is then drawn to the orange (and the sexy ebook). Then you see the purple and division of posts through use of white space. Finally, the footer.

Every element, colour, and typeface was a decision carefully planned out and executed.

Ok, that was really cool! Back to the “real” interview. First question has to be: how did you get started blogging?

I’ve been blogging for ten years. Seriously. I got started in blogging as a way to capture my thoughts in a way that wouldn’t embarrass me twenty years later. I don’t keep a diary or journal. Never have. So, I got a LiveJournal. And I started typing. And I connected in communities.

As the years went by, so did my various blogs. Blogging is what got me started in design. I wanted to give my thoughts a pretty shell. So I found ways to make that happen. These days, blogging is a way to keep my writerly self balanced while I’m unable to write fiction.

You’re a serious gamer. How did you get involved in gaming? Did the gaming lead you into blogging, or the blogging into gaming?

The blogging wasn’t a product of gaming nor was the gaming a product of blogging. Gaming was introduced early on. I grew up in a household of D&D, LAN parties, and game tournaments. It also happens that my dad is one hell of a writer.

My very first memory is of gaming. I was two. My father held me on his lap as he played something on his computer. I remember being vastly excited by the sights and sounds (blips on the screen and in the tinny speakers, really).

Gaming is part of who I am. It’s how I built relationships as a teenager. It’s how I build community as an adult. It’s how I am able to solve complex problems by the touch of a button. My involvement with Gaming Angels has really allowed me to explore my love of gaming with my love of writing. I’m able to take the experience of a game and translate it to my words to deliver to an audience that’s willing to read what I have to say.

You’re in the early stages – throes – of building violetminded Design into a real business. Do you have a clear picture of the services and products you will be providing?

Although I wouldn’t call anything that comes out of my head to be particularly “clear”, I do have some big ideas. My ongoing partnership with Kelly Diels has really sparked me to consider the future of violetminded Design in ways that I hadn’t previously considered.

I’ve never thought of myself as particularly “business minded” but I’ve forced myself to begin to formulate a plan of attack that will see violetminded Design become a full-on design agency in the next five years.

Where do you see violetminded Design next year? In 5 years?

violetminded Design should be generating something resembling passive income by the end of the summer, so by the time next year hits, I should be able to take a bit of a break from the client rush and focus more on building products and designing services that will benefit both me and my clients.

In five years, I’d like to see violetminded Design move into full-fledged design agency/studio mode with developers, designers, and business folks helping me run the show. It’ll allow me to take on more creative professionals and small businesses as clients without running the risk of me burning out completely.

So you find “balancing” personal and business time to be as difficult as everyone else? This is probably a horrible question… let’s try this instead: are you building balance into your business ahead of time, or attemping to extract balance out of your business as it evolves?

Balance is fucking hard, man, especially when you’re balancing building a business with building a life. As I stand now, I’m attempting to extract balance out of the business as it evolves in its strange and organic way.

What advice would you give early stage entrepreneurs just stepping on this road to business independence? (Cupcakes is the best answer ever!)

Never underestimate the importance of cupcakes.

Er, no, real advice, you ask?

Best advice I could give is this: have a goal, work your ass off to make it there, and take a step back to admire your hard work. Then work some more. The last software gig I had before exiting the biz told me this: work hard, play harder.

Are you truly following your passion?

I don’t generally subscribe to the “one passion” newsletter. As I stand today, I’m following at least three of them: I get to design beautiful and functional websites for people that inspire me; I get to play games and then write about them for a website that I’ve long admired; and I get to connect with interesting creative professionals from all walks of life, including women that I never would have interacted with if not for social networking.

Next year, I could add another twelve passions to my list.

The short answer: yes. The long answer: hell yes.

And there you have it!

As noted, Ask Amanda Anything!


Tell me what GPO is, I’ll send you a free copy of BPE. Or a 90% discount if you want lifetime updates.