Ok today I want to talk about what is an important part of setting up a website, particularly what I call a phase one website. A phase one website is a website that has the foundations set up, nothing fancy, so you have got a website that is solid, you have got a website that you can easily make changes to, you have got a website that has the basis solid SEO and you have got a website that is responsive which means it looks different on phones and tablets and on PCs, moulding itself to fit the screen that it is currently on. Well the question is, how do you make all of that actually happen, well step one is to get yourself a word press installed and the great thing about word press is, you can see it here as I hunt it down through Google, is that word press is free and it a contact management system that pretty much everyone uses and most of the hosting websites, such as like GoDaddy, which is the one I have all my websites on, allow you to install word press in a single click.
So you don’t even have to use this thing here called website builder which cost you something, you can just do a free install of word press and you are ready to play. So once you have got word press however, how do you make it SEO ready and responsive and all of those other good things? Well my little short cut website is this one here called ThemeForest I love these guys, these guys have taken all the pain out of setting up your word press site to be responsive, to be SEO friendly and to have that lovely design foundation and they have done this by making their word press themes, and a theme can basically involve a design but also involves the responsiveness and can involve SEO as well. The theme is available here on ThemeForest for really just a couple of dollars.
Back in the day when I was doing this kind of development and I look here at popular items just for a second, when I was doing this kind of development we would spend 20-30 thousand dollars trying to develop something like this and more and now you can get it for 50 bucks, it is just insane. So once you go to themeforest.net, you click on word press and in this case I have just looked at popular items, you start to see all of these different templates that they have available which are pretty flexible. I have bought quite a few of these over time for different clients as they look through and kind of spot one they like the look of.
They are happily specific to e-commerce or mobile or entertainment or non-profits, but I just look at the best sellers usually and this one here called Avada I have actually bought a couple of times. So let’s have a little look at what this one looks like, ok so just what I did there, I right click on the link and opened it in a new tab. Ok here I am and the first thing you can see by what I mean by responsive, it looks different on a phone, different on a tablet and different on a pc, it moulds itself to take advantage of the real estate, that is really important. This particular one says 100% responsive and retina ready which means you can have a different version of graphics that work on a retina or high resolution slate or tablet like the iPads though a lot of them are now at that resolution or above, integrate with a shopping site called woocommerce, so on and so forth. What I like to do then is click live preview and this actually shows you this thing in action so you actually start seeing the actual design of this thing and what you will see it has got this thing up the top here called a slider so you can move images around and this particular pull out that has this really nice design look, it has got various little features, nifty things that become a look that then becomes available to you.
For example it has something called the portfolio, a lot of them have the portfolio which allows you to list say clients maybe, let’s have a look at their grid layout so you can see here it has this nice roll over look where you can list in this case design portfolio stuff. You have got galleries so you can list products, you have got different versions of blogs and headers lots of different things like contact pages lots of different options that are included in the theme and come pretty much predesigned and of course it is flexible. So if you wanted to, for example, change the colour of this thing from this green look here, I am going to press this one button her, this blue one and straight away the things sort of go blue. All the highlights are blue, all the roll overs are blue, the titles are blue and so on and so forth.
So it is a very flexible and easy to use, responsive ready, SEO ready in many cases theme that you can buy from themeforest.net to upload to your wordpress site and have this look and all of those features available to you in those first moments. So I highly recommend ThemeForest, I am not affiliated with these guys, I do not get any money every time someone buys this thing, I have just found it to be tremendously useful to reduce the development costs of a website from thousands or tens of thousands down to just like 50 bucks, 60 bucks some of the cheaper ones might be about 30 dollars that really solve all of those coding problems for you. I should give you a quick example I guess there is another one here called Silicon just to show you how this one works out it’s just a theme here that costs $40, again I am just having a little look at how good it looks with their demo page here, so again it is going to be responsive and all the other things like that, I am going to hit layout so we can see it live and you can see all the design features and this one just a little bit different it has got that slider up the top, design pull outs, it has got this roll over system it is their portfolio roll over system, it has got special pull out buttons like this again you can just change the colour like pressing this button and suddenly everything goes green, the blog post layout and that is a portfolio layout as well.
Now how does this look in real life though, this is the particular theme that lives behind my website if we have a little look here at timlevy.net and what you will see is there is a real resemblance, instead of having the Silicon logo, you have got my logo. Instead of having this green, I’ve set it to blue, very easy things to do instead of for example having multi-purpose, retina ready blah, blah as the roll overs, my one we have used the same thing to say coaching, writing, speaking.
So all I am doing is taking those design elements and I am making them into what is relevant to my site, for example here is another portfolio roll over, in their case it is just demo stuff in my case I use the same thing to roll over to my books and then when you click on them it will go straight to one of those pages. So that is how this thing looks in real life, you take one of these templates (in this case it was a $40 one) you buy it and you upload it to your word press website and hey presto you have got all of those design features, all of the responsiveness, in many cases SEO as well built into your website with 0 cost well 40 bucks incredibly small costs and amazing benefits I highly recommend ThemeForest.