Why Your Website Needs To Be Responsive

I don’t use infographics much, but this one stuck out to me as helps explain why your website needs to be responsive – that is, look good on mobile devices. Mine does, as it runs Headway, but does yours? If you’re selling something via your website (and you should) then take a look at the stats below.

moovweb-growth-of-mobile-and-tablets.v.5g
Image courtesy of Nowsourcing and Moovweb.

Launching a New Site Easily

Does this sound familiar? Often you have ideas for websites but not the time to set them up. So you register the domain for future and then leave your webhosts default parking page up there.

The problem with this is that you’re getting no benefit from this parking page. A way around this is to create a launch page. This is essentially a page with some details and an email address capture box. You can also hold competitions with prizes for people referring others to sign up on your site.

There are a few ways to do this.

LaunchRock

LaunchRock started this idea (or at least made it mainstream). They provide a hosted launch page that allows you to create a page to collect email addresses, track stats of those signing up and allow people to gain credits for referring others with their link. This helps you build your database and can help build some anticipation if you have some cool prizes.

However this isn’t hosted on your own site, and can be a tiny bit tricky technically depending on your skill level to use your own domain name. However it is a great free solution and pretty quick.

If you want more control and are going to be using WordPress for the website once it’s ready, then you might as well use a WordPress theme. There are some free and paid for options out there.

LaunchPad Theme

LaunchPad is a great free WordPress theme. It creates a nicer looking parking page for your site, but the optin email is only done through Feedburner. If you want to use e.g AWeber, then you will need to hack the code to do that. It’s not that difficult to do, and it’s a simple and easy theme to use if you just want to use Feedburner and want to change things yourself. Hover it doesn’t include any social sharing or tracking options

Launch Effect Theme

Launch Effect is another free theme but with a paid-for premium option. It’s worth mentioning that the makers provided me a free copy of Launch Effect Premium so I could review it but that has no effect on my review (nor did they even insist on doing a review).

I’ve set up a demo here so you can see how it works – BulletproofBeer.com. The theme does the same as you would expect but allows to you easily change the options. So you can add your own background (which nicely resizes along with the browser), change the font types, colors, sizes and so on.

You can see on the a href=”http://bulletproofbeer.com/” target=”_blank”>demo I’ve added a Spotify music player but you can easily add a video, images or just have text. The “learn more’ link is optional, the color can be changed easily too, and the sub-pages have a standard sidebar widget area you can use. There are many options making it easy to change the look of the page without any coding – as part of the review I refused to do any coding (as tempting as it always is!) to see how flexible it is.

You can easily add a progress indicator and/or fancy countdown clock. Images have a lightbox photo gallery effect automatically (images appear in the same screen over the top of the page).

Some of these features are premium only, but what’s not is the AWeber, MailChimp and Campaign Monitor integration. As well as adding the email address to WordPress, you can sync it with e.g. an AWeber list and build your email list through there. Which is great!

Also the premium version allows you to have a full designed blog on the site too (with slide down tab at the top to sign up) and coming soon is Paypal integration to more easily allow selling of products on there.

The single site license is only $35 for lifetime updates which is pretty cheap, even if you only use it for a short period of time (which often turns into a long time if you’re anything like me!). The unlimited site version is $65.

In future they’re updating the mobile version and possibly creating it as a plugin to work with any theme rather than taking over your current one.

To me, Launch Effect seems an inexpensive and easy way to get a parking page up there and doing something for you. There are lots of controls and no coding or complex stuff required, you don’t even need a newsletter system, though it integrates with a few, it will still collect email address (and other fields if you have the premium version) right into WordPress.

WordPress Theme Confusion? How To Choose A Premium Theme For Your Blog

WordPress themes are available for free, for a “premium” or for more money a custom personal theme, but how do you choose between which type, and then choose which theme? I’m a blog customizer, I spend my days editing, changing and (hopefully) improving blogs, so I hope I’m in a position to know what I’m talking about.

The Options

A question that I get asked regularly is “Should I buy a premium theme?”. This is the wrong question, the real question is “What theme is best for me?” whether that’s a free one, a premium one, or a custom one.

Theme Jargon – Some terms to know:

– “Theme” – the design of your site. Sometimes called a skin, or a template, it’s the ‘clothes’ of your website. Template is often used interchangeably as themes are made up of template files.
– “Magazine Style” – all this means is rather than showing the Posts in a list on the home page they may show the top posts from different categories, perhaps with an image slider for the latest or featured posts. There are many examples that we’ll go through below.
– “Columns” – Your content counts as a column, so a two column theme means one content column and one sidebar. If you want two sidebars, you will need a three column theme.
– “Widget ready” – You can use sidebar widgets, so can manage your sidebar more easily. Also sometimes called “widgetized sidebars”.
– “Flexible Width” – The width of the site will expand and contract depending on the width of the browser window and/or the users screen size. The alternative is “fixed width” and is more commonly used.
– “Theme Options” – Some templates have an options panel to configure elements of the site without any coding.
– “Child Theme” – This is a theme that works off another (parent) theme. Sometimes these can be referred to as skins but more accurately are a separate theme you install which requires the other ‘parent’ to work.
– “Theme Framework” – Used to describe a basis from which other themes can be created. Thesis and Headway are often described as theme frameworks outright, while Woo Themes and StudioPress create all their different themes based on their own frameworks to provide commonality of options and coding.

So the first thing to do is to take a look at what you like the look of. Then we can talk about your skill level and knowledge with regards to changing the theme.

Free Themes

There are a lot of free themes out there, and just because they’re free doesn’t necessarily mean they’re any less well written or lack some of the options of their paid-for counterparts.

http://wordpress.org/extend/themes/ is the official repository of themes, with over a 1,000 of them for you to peruse.

With thousands of options it can be hard to choose and time consuming. However this time is not wasted as will give you an impression what is out there and. Most sites give you filtering options so you can narrow by by color (though colors can be changed), layout, number of columns and so on.

So what are the good free WordPress themes? Atahualpa has a LOT of back end options to customize your site (and possibly the World’s Largest Save Button™); Thematic looks basic but has a lot of widget ready areas for easy customization; LightWord is clean and simple; I do love Mimbo for a magazine layout that now has a Pro (premium) version too; Freemium looks great; The Latest is clean and bright for a magazine style theme.

There are plenty more great ones, even one that looks like the WordPress Dashboard. Why would you want this? I’ve no idea.

Premium Themes

These are ones that you have to pay for, the “premium”. The advantages are:
Theme options menu. This can range from changing colors, to changing layout, adding/removing links, advert blocks, SEO options, from the simple to the very complex.

Support forums. This is the preferred way WordPress/Automattic want premium authors to offer differentiation to free themes, by providing a support forum. Most good premium themes will have a support forum to answer your technical and how-to questions. Do not underestimate the value of this, often you can cut and paste from a similar question that has already been posted to easily solve something that has been bugging you for days.

Updates. As the theme author is getting paid for their work they will often provide updates that fix bugs or add features. Usually these are free upgrades to paid members.

There main disadvantage is that licenses can be restrictive. You may only be able to use it on one or two sites, or there may be some footer attribution link back to the author that you cannot remove. Personally I try to avoid these, and go with GPL themes – you can read more about GPL WordPress themes here – but to summarize it’s best to go with GPL if you can. Go here for a list of commercial GPL themes.

Premium themes I have used are (most of these are affiliate links as I promote them so often I thought I might as well get some benefit, but feel free not to use them and go to the sites directly):

1. WordPress.org Commercial GPL Themes – the official list.

2. Solostream offer them mostly in “magazine-style” and have been recently updated with pretty great selection that have nice features, particularly the auto-thumbnail resizing and a featured posts slider/glider.

3. Woo Themes have some free options too but an awesome selection of paid-for themes. Regularly updated, they have themes in all different categories for different types of websites, plus each theme usually comes with between 5 and 10 in-built colors schemes you can switch between. Usually there are a great number of menu options too. They have an excellent demo viewer on their site where you can switch between any template and style.

4. StudioPress sell the Genesis framework and a great selection of child themes.

5. Thesis is the daddy of all premium themes though it is lagging behind a little at the moment (the new version will address that I’m sure). Brilliant and a pain to work with in equal measure, it gives you a vast number of menu options, but something as simple as adding a header image is a mystery to the new user. Changing layouts, fonts, colors and what appears on the page is as easy as can be (and as fun), but it’s plain vanilla “out of the box” and can take some time and knowledge to make it look different to all the other Thesis sites out there.

6. Headway has a unique Visual Editor that lets you easily change the layout and look and feel of your blog right in front of your eyes. This makes it simple to change colors and fonts, and completely removes the need for any coding. There is a learning curve in how the system works and what the options do, and it’s not perfect (yet) in many ways, but is a fantastic option for the non-technical blogger.

7. Theme Forest is different as it takes user submitted themes and sells them for a commission.

8. Builder Theme from iThemes is a great theme with a massively user customizable layout via a menu options page. They have lots of other great themes there too, but BUilder has a powerful, if potentially overwhelming, set of options.

Custom Themes

The truly professional blogger will get a unique custom theme. The advantage of this is that no-one else will have the same design as you, and you can brand it more with your own, or your business personality.

This can be done from scratch, or is often done using a customized premium theme framework like Thesis or Headway or others. There are different ways of approaching it. You can get a designer to develop a design of your site and then send it to a coder or customizer like me who can then code it onto the theme framework of your choice or from scratch.

Some companies design and code themes, I actually didn’t design my own site, which gets many compliments. This was done by the wonderful guys over at Unique Blog Designs.

The downside of course is the cost, and it can be quite substantial whether you pay a designer and coder separately or together, it doesn’t come cheap. However it’s your site, it’s your brand, it’s your business. An advert in the paper or Yellow/White pages lasts only a short time and can cost 25% of a unique blog design. It’s an investment like any other.

So how do you choose a theme?

The ultimate question! There are a few guidelines:

Design/look. This is the #1 criteria if cost is an issue. The closer the design is to what you want then the cheaper it will be in terms of paying someone (like me) to change it, or in terms of your time changing it yourself. Do you care if other people have the same theme? If not then a free theme that looks the way you want it will work fine.

Theme options. Some free and most premium themes come with menu options that control a variety of things. Do you think you’ll want to easily adjust colors? Or choose between different layouts? Or select how posts appear and perhaps from different categories? Then you may need one that has a strong options panel.

Technical expertise. Do you know some CSS and HTML? Are you comfortable changing how to query posts using PHP? If so, or you think you can learn, then design is again your #1 factor. If not, then best to make a choice that doesn’t involve these unless you can find someone to do them for you.

Exact requirements. If you require an exact look and feel then you (or someone else) will need to customize either a free or premium theme, or get a complete custom one written for you.

Beauty is in the eye of the beholder and I’ve worked on some great and horrible looking sites that the owner has thought the complete opposite and either hated what I did or loved something I loathed. My place is not to judge, it’s to do what is required, and help you make the best choice for your circumstances.

If you have any questions please let me know. Have I missed off your favorite? Are there are other great themes that I should recommend?