In this video, we’ll teach you how to design a fully functional WordPress Blog in only 5 minutes time. That’s right, we’ll be showing you from start to finish exactly how to create a WordPress Website in only 5 minutes.
What will we learn in this lesson?
- Why did we choose WordPress to make our website?
- How to setup a Hosting Account
- Installing a new Theme – Wilson Theme
- Adding our first Post
- Making an About Us Page
- Changing the Site Title
We’ll be using Hostgator to host our website, however feel free to use whatever hosting company you would like. A hosting company houses the themes, files, and all the code to our website. And it is what really gives power to our website. Be sure to use the coupon code WPFORALL25 to save 25% off your hosting plan if you do decide to go with Hostgator.
Want to read our detailed reviews of all the hosting companies?
We’ll also be using the Wilson Theme to make our website. The Wilson Theme can be downloaded for free on the WordPress directory:
So today I am going to show you how to design a website using wordpress, and we are going to show you, from start to finish in about 5 minutes time, we are going to make a website in about 5 minutes.
And so the reason why we are going to be using wordpress is because it’s very simple and easy to use. And as you can see, there are many many themes to choose from and these have a more corporate look, you can have anything form magazine style, portfolio or blogging platform, a blogging theme.
And so the one that we are going to actually be using is we are going to just setup a basic blog and we are going to choose this one right here. There is many to choose from. You can just browse through. I have a blog post, that I have a bunch of free themes that you can browse through. There are literally thousands of them. But the one that we are going to make is just is very simple one right here.
And the reason why we are going to be making it is because it’s very easy to use. It’s very easy to use, very easy to learn from. You can always customise your website or use a different theme, they are more complicated but this is probably a very simple theme. It has a very clean look to it.
As the one that offers to it, kind of has a tumbler blog style to it. And that’s something that I really like. But feel free to use whichever theme you want.
Before we actually start making themes, before we actually show you how to use wordpress, what we are going to need is we are going to need a hosting account. And so we are going to be using hostgator. The reason why, it’s very cheap, very affordable but also it’s extremely reliable. And so it’s what we actually personally use.
So we are just going to click on order now. And I actually have this set up already. The kind of order form already. And so you are just going to fill all this. Domain name is what your actual website is going to be called. For us we are just going to have our domain, wpforallproject. You are going to have the hashname, package type and we are going to have a one month cycle simply because, for us, we have a coupon code for a one month trial. And it’s going to be one cent actually.
So a one month trial for one cent, not bad right, but if you want you can have anyone from one month to 36 months. It will get cheaper as you have an extended trial or extended plan.
So the coupon code is WPFORALLTRIAL as you can see that at the end of the day, it was a one month hosting plan and it’s going to have a domain registration at 12.95 and that’s just because, that’s going to be onetime fee. A once a year fee of 12.95 rather than this one cent, it’s going to be a trial for the first month.
So it’s going to create an account. So after we submit our information, we are going to go over to our email. It’s going to take a little bit while but we are going to get an email from hostgator dot com. And so what we are going to be looking for is the. We are going to hold on to this email for sure, but we are going to be looking for the control panel URL.
So we just open that up. And it’s going to ask us for our login information. It’s going to have our username which we set before and it’s also going to have our password which we also set up. But I think that the password for this one is going to be this one right here. It’s going to be this password. It’s just something that they made up themselves for temporary use at least.
So we are just going to log in. so after we have logged in, we are going to go down and find something called the quick install or a one click install. And that’s going to be right here in the software and services. We are going to click install right here. And we are going to be using using wordpress. So we are going to click wordpress right there and then we are going to click continue.
We will only have one domain right here. And so we are just going to put in our email and all the contact information. We are going to put whatever we want our blog title to be, whatever we want our admin user and just the first and last name. You can put your own first and last name. It’s entirely up to you.
And we are just going to click install now. And now once this has finished installing, we see that there are a couple of more pieces of information that we definitely need to write down. And that’s the admin area and our username and password. And so, just to talk very briefly, the admin area is simply always going to be our domain name slash wp das admin. Our username is going to be whatever we entered in admin user. And our password is going to be generated by the quick install.
Also now that we have actually opened up our backend of wordpress, our wordpress login area, we are going to see something like this which has a typical wordpress logo, the username and the password. So what I am going to do is copy over the username and also copy over the temporary password. We can change this later.
And when we log in we are logging into is the backend of wordpress. In a second, what we see right here is actually the backend of wordpress where we are going o actually be editing all the content, adding new pages, posts, changing the theme. All that can be done back here.
And only somebody with the admin access is going to see it. but if you want to see what the front end looks like or what other users without admin access see, it’s going to look something like this which is very different form our actual demo website that we want it to look like right here.
And the reason why is because this is typical default 2014 theme that is automatically installed with every wordpress install. So if you want to actually change any of that, if you want to make it more resemblent to the Wilson theme or the demo theme that we wanted, we are going to do that on the backend.
But remember how exactly we should do this. Or try to see if you can do this in five minutes time to see how much you can get done. Well I am going to start a timer, we will see how far we can get. Alright, so I am just going to put that off to the side right there.
So the first thing that we are going to be doing is just installing the theme. And we are going to go into appearance, themes and add new. And then we are going to click on upload theme whenever it loads. And I am going to just drag and drop it over. I saved it on my desktop.
So I will actually have the link in the description below, where you can actually find that theme field and you can download it, so it’s going to take a little bit of time so the first thing we are going to be doing is we are going to be making this post because the post is kind of there.
So when we go back, it’s going to show that it has in fact installed successfully, theme installed successfully. So we are going to click activate. And then it’s always good to just check what the website looks like right now. And so this is what our website looks like right now.
As you see, it’s fairly similar but actually it’s very different at the same time. It still has some work to do. So we are just going to go back into the backend and add that first post. So I am just going to copy everything over. We don’t normally do this but let’s just copy over. Oops!
So we are just going to copy over this title. And we are going to copy over right there. And we are going to copy over the content. And we are going to paste that in. so in our categories, sometimes it won’t actually be here. I actually added the category beforehand and I am checking it out. We are going to click on coffee. You can add a new category, maybe review, something like that and then we are just going to set a featured image.
And so I saved it previously, same picture as on the demo and then we are going to set that featured image. Everything is just drag and drop. So we just click publish and then when this is finished uploading, we are just going to go back to our main site, and we are just going to refresh it and see what it actually looks like right now.
And so now we have our post right there, looks very nice, looks very similar. So the next things that lets do, is let’s add these pages. These are different pages that we have. Let’s make the about page, so if you click on that, you will see what it looks like.
It looks like this. A very simple about page. So let’s just copy over the text and we go back to our backend and then we are going to new and page. Likewise, it could have been done right there as well. And that’s just on the sidebar as well. So we are just going to paste that in and click about, say about. Featured image not so important in this case and we are just going to publish it.
And so now we are going to see what our website looks like and we will see that in fact, our about page is right here and when we click on it, we will see it right there. We can go back and forth. Find our recent posts as well down here. The drink more coffee developers was right here. So we are at 2 minutes and 40 seconds.
So let’s change this title right here. so what we are going to do is we are going to go into appearance and we are going to go into customise and what we are going to do right here is, let’s just change the site title and the tagline.
So this was called wpforallprojects. And let’s just change this to whatever we want the website to be about, coffee lovers. And we will just click save and publish. So it’s saved right there. We are going to close it and we are going to see what exactly changed. So we will see that wpforallprojects, which is kind of our mini logo, probably we don’t wanted that long just because it doesn’t fit.
And underneath is the site title. The tagline, the coffee lovers tagline. So we still have a little bit more time. Let’s see what we want to add. I think that the one thing that I want to show you is how to add in these, maybe any of these widgets. Let’s just say, we want this video widget. So how are we going to add that right here?
We have a bunch of them right here. Let’s going into our backend and we are going to go into appearance and we are going to go into widgets. We will see the sidebar. That’s what our sidebar is. If you want to add or remove any of them, simply just delete them. Archives just delete that. Recent comments, say we don’t it, we will delete that, maybe Meta we don’t want that, we will delete that.
But the one that we do want is we want that video widget. So we are just going to drag it over and drop it in. it’s extremely simple. Just going to drag it over and drop in. and so I actually found out what the video was, it’s this one right here, the idioms challenge. So we are just going to paste in the URL, the idioms challenge, and we are just going to save it.
And when we save it, we are going to see when we refresh it, we are going to see, down below we are going to see the idioms challenge right here. And when they click it, they can watch it right there. They can extend it. Whatever they want to do.
So now that’s around 4 minutes and 50 seconds, I think that’s pretty good. That’s pretty good. I guess for the last thing just in case you have extra time, let’s add this about Wilson widget. So how are we going to do that? There is really no option for that. Well it’s going to be in, actually it’s going to be text.
So we are just going to add that in right here and then we are just going to do that. And we just say about Wilson. And it can be whatever your name is, that’s what you would want. And we are just going to refresh that again. And so when we scroll down, we are going to see that, in fact the same about Wilson is right there. The video is right there as well.
And obviously you can just add more posts. More posts more content and also more pages as well and as you can see, we are right on track in the time. We added a little bit extra because we had a little bit extra time. And there you have it. That’s how you design a website using wordpress and obviously, there is many themes to choose from, many options that you can go with. I will probably have a link in the description below of that same page of the free themes.
But yeah, go ahead if you were following along before or if you were just watching it for fun, go ahead and go over to hostgator and you can sign up for your hosting account and use the code wpforalltrial and you can save quite a bit of money. At least if you just want to try it out and see how it works.