WordPress Tutorial for Beginners 2019 ✅ [STEP BY STEP] 😍

Hi everyone, it’s Chet here from WebsiteWizard.tv.
In this wordpress tutorial, I’m going to show you how to create an awesome-looking website
using WordPress, step-by-step, from start to finish. Now it doesn’t matter if you’ve
never used WordPress before, or you’ve never set up a website before, because I’m going
to show you how to do everything in this video. So just follow along and apply the steps,
and you’ll have your website up in no time. This right here is what the finished website’s
going to look like. And as you can see, it’s a really cool-looking site. We’ve got a slider
on the homepage here. And this logo right here, this is part of the logo kit we’re giving
away at the moment. So if you want that, and you get a few others as well, then you can
grab that on WebsiteWizard.tv. Now over here we’ve got the About page. This
is where you can talk about yourself or your website and add a graphic right here. We’ve
also got a search box here, and then a contact page. Now on the contact page we’ve got a
contact form built in, so if anyone wants to email you from the website they can do
that right here. You can also list your phone number and address if you like. And then right here I’ve got a features page,
which lists the different features. Now if you want you can list your skills here, or
you can list services, or whatever you want. And then if you go back to the homepage, if
you see down here, these are the features again. And I’ve linked these back to these
pages here. So if you click one of these it will link to the page right here. Now on the pages as well we can also enable
comments. I haven’t done it right here, but I’ll show you how to do that in the tutorial.
And also this slider right here, we can put either a graphic here or a video, so that’s
up to you. And the best part of this website is that
it’s going to be completely responsive. So what that means is it doesn’t matter screen
size you’re viewing the website from, whether it’s a Smartphone or a tablet such as an iPhone
or an iPad, the size of the website will respond so you can see everything perfectly. And I’ll
just show you that right now. So as you can see right here, the website’s responded now.
And you can see exactly how it will look when you’re viewing this from a Smartphone. And
you can see everything clearly right here. And we’ve got this cool little navigation
menu right here. So that’s it. And one thing I forgot to mention is that
we’re also going to add some social icons down below here. At the moment I’ve just put
a Facebook one, but you can also put a YouTube, Twitter and a few others as well. So you’re probably wondering, well why WordPress?
WordPress powers around twenty percent of the websites online. Large organizations and
celebrities like eBay, Yahoo, Katy Perry, Kim Kardashian, all use WordPress. WordPress
is super SEO friendly. And so Google, Bing, Yahoo and other search engines all love a
WordPress site. And we’re going to cover this in the video. And I’m going to show you how
to set up your website for maximum exposure in the search engines. Okay before we get started let’s just talk
a little bit about how much it’s going to cost. WordPress is a free and open source
software. However, to get a website online you need two things: a domain name and web
hosting. The domain name is simply the website name, for example Facebook.com. The web hosting
is the place where you store your website so people can visit it online. The domain
name will cost around fifteen dollars a year, and the web hosting will cost around ten dollars
a month. And every website online has these costs. However, I’m going to show you a coupon
code in the video so you can get 25% off for your web hosting. And that’s it. We’re going
to build a website ourselves in this video, so you don’t need to pay a web developer thousands
of dollars to build a site for you. Let’s get started! So the first step to getting
our website online is to grab our domain name and our web hosting. And we can do both of
them over at HostGator here. Now HostGator is one the popular ones. And I’ve been with
them for over four years now, and they’re just perfect for beginners. When I started
out, I started off with HostGator. And they’ve got 24-hour support, where you can call any
time of the day, or you’ve got their live chat here. And I’ve always used the live chat.
I’ve never actually had to ring them. And live chat is just perfect. They always solve
your problems, and I’ve learned a lot just by talking to their live chat here. So I recommend
them for the beginners out there. Now what we want to do is choose our hosting
plan. Now we don’t need the business plan here, but we can choose between the Hatchling
and the Baby plan. Now the price difference between them is not much is at all. And with
the Baby plan, you can host unlimited websites. So if you’re going to have more than two or
three websites, then you only have to pay the one price here for the hosting, whereas
with the hatchling plan you’re only allowed to host one website. So it’s a better offer
here to go with the Baby plan, because the price difference is not much. Now you can ever do, if you choose to pay
yearly you can get a bigger discount here. However I would recommend, if you’re just
starting out then just grab the monthly one. So that way you’re not tied into any long-term.
Okay so if you just choose the, select monthly here then, and then click Order Now. I’ve left a link below the video, so if you
want to navigate straight to the correct hosting package, then you can use the link below the
video. So the first thing we want to do now is we
want to click Register a New Domain. Now I’m assuming you don’t already have a domain name.
If you do then just click this one here. So we’re going to click Register a New Domain,
and we’re going to choose our website name. Now for example I’m just going to use here,
myveryfirstwebsite, and the .com is selected by default. Now as you can see, the .com is
not available here. However they’re suggesting some alternatives down here which are available,
such as the .net, the .org, and .info and .biz. So if you want to go for the .net then
you can select the available one. Or you may, if you really want a .com, then you can try
another website name here. Okay so for example purposes I’m just going to select this .net
so we can move on. Okay, so our hosting package has already been
selected here from earlier. So we’ve got the Baby plan and the one month. So let’s scroll
down. So you now want to choose a user name and a security pin. Now you want to make sure
you note these down somewhere, or just make sure you remember them, because you’re going
to need them. Okay so you now want to enter your billing
information here. So you want to enter an email, first name and last name, address,
and contact telephone number. And then you can either choose to pay by credit card or
PayPal. I always choose PayPal here. Now you want to make sure you enter a valid email
address and contact number, because once you sign up they’re going to send you a welcome
email which is going to contain all of your important login information. Okay so by default they add on all these extras
here which will add in extra costs. So just make sure you uncheck all of these here, as
we don’t need any of these. Right, and also by default a coupon code is applied here.
However I’m going to give you another coupon code which will get you an even bigger discount.
And I’ll put a link to that below the video as well. So the coupon code you want to use
here is FlowerPower. And once you’ve typed that in you want to just hit validate, and
that’s it. As you can see here the total price has dropped all the way down to thirteen dollars
now. So to finish up just click to confirm here, and click Create Account. Once you click
Create Account, you’ll be taken to a welcome page which will inform you that you’re going
to get a welcome email. So once you receive your welcome email, you
will have important information there such as your hosting account information, and also
your login information. So when you receive your welcome email, this
is what it’s going to look like. And you want to note down three things here: your control
panel URL, your username, and your password. So what you want to do is just click this
control panel URL here to open that link in the web browser. And then what we’re going
to do is just login with your username and password. So let’s do that now. So what we want to do now is we want to log
into our hosting account so that we can set up our WordPress website. Now after you’ve
clicked the control panel link in your welcome email you should be on a page like this right
here. So all you need to do is use the username and password in that email to log in right
here. So I’m going to pause the video while I log in. Okay, so we’ve now logged into our hosting
account and we’re in the control panel here, which is often sometimes referred to as the
C panel. Now don’t be overwhelmed, because there’s a lot of things here, but you’re not
going to use any of these. There’s only a couple of things that you’d use in here anyway,
so don’t worry about that. So what you want to do is scroll down to Software and Services,
and click on Quick Install. Right, now you want to go to Blog Software and click on WordPress.
And then click Continue. Okay so you now want to put in your email
address here, and make sure you choose a good email here. Now this is the email address
that’s going to receive the login details, so make sure you’ve put in a valid email here.
Right, for the blog title just put your website name here. And then choose a username here
and just fill in your names. Right, when you’ve finished just click Install. Okay if you scroll down here you can see the
website has now been set up. And it’s got our username here which we entered up here,
and then it’s given us a password. So just make sure you note these down somewhere. And
then also it’s given us the login URL here. Now this is the URL you’re going to visit
when you want to log into your website. So let’s just note all three of these down here.
So I’m just going to copy my password here. And then I’m going to click on a link here
to bring us to the website login. So go ahead and do that now. Okay so now we’ve reached the login page for
our website. Now if you don’t see this login page right here, and you’re seeing some kind
of an error message, then that’s perfectly normal. All it means is that your new domain
name that you registered is propagating. Now that can take a couple of hours. So just wait
for that few hours or so and then try to visit that link again, and you should be seeing
this login page right here. Okay so I’m now going to log into the website here.
And that’s it, we’re now logged into the back end of our website. So we’re now going to set up the theme. So
let me just show you a brief of what we’re going to do. So the first thing we’re going
to do here is we’re going to set up the theme. Now what the theme is, is it gives a website
its overall appearance. So you can think of themes in WordPress as like an iPhone. With
an iPhone you’ve got the default appearance. However, you can use skins to give the iPhone
a completely different look. So that’s basically what themes are in WordPress. You can completely
change the look of an existing website just by changing a theme. The theme we’re going
to be using the in this website is the Traffica theme. So that’s traffic with an a on the
end. So let’s go ahead and start doing that now. So the first thing we want to do is come
on over to Appearance, and then click on Themes here. Okay so you now want to click on Add New here.
And then you want to use a search box here. So type Traffica here and then hit enter.
And as you can see, we’ve got the Traffica theme listed here. So then you want to, you
can even preview it, but I’m just going to install it because I know what it looks like.
So I’m going to hit Install there, and then click Activate. So the Traffica theme is now
live on our website. So I’m just going to go ahead and show you what that looks like.
So to preview your website you just come on over here, hover there, and you can even click
this, but what I like to do is I like to right click here and click open in new tab.
So as you can see, this is what our site currently looks like. And we’re going to go ahead and
make changes to customize all our pages and the text here, and the images etcetera. So
let’s just come back to here. So let’s go ahead and start creating the pages
for our website. So I just open this up here, and we’ve now installed a Traffica theme,
so I’ll go ahead and check that off. So we now here want to install the pages. So let’s
go ahead and start doing that now. So we want to start customizing the homepage
of our theme now. So if you click back here on this tab, with our theme preview, we’re
going to start customizing all the stuff here. So first thing we really want to do is upload
a website logo. So let’s just go back here, and then go into Themes, and then Theme Options.
So as you can see right here, we’ve got a few options available. So the first thing
you can do is upload a custom website logo. So I’m going to hit Upload Image and Website
Logo. So I’ll just show you quickly what that looks like. So if you just scroll down to
the bottom of the page and click Save All Changes. So now we move back to our tab here,
and then hit refresh. As you can see, we’ve now got the website logo there. Now as I mentioned
before, you can grab this logo on our website, WebsiteWizard.tv, and there’s also a few others
as well there. Now let me just head back to the Theme Options. So let’s just scroll down. The next thing
we want to do is we want to come in to slider settings. So what this is here, let me just
go back to the website, then we customize this part of the website here. So first slide
image, so let’s just go ahead and choose that now. So I’m going to click this one, the tablet
one. Okay now that’s uploaded, so I’ll just go ahead and show you what that’s going to
look like. So I’ll scroll down to the bottom, click Save All Changes, then go over here
to the second tab, and refresh the page. Now you can see image is right here. So I’ll go
back into the theme options. So the next thing we want to do is give our
first slider its heading. So I’ll just show you what that is, and also a description.
So I’ll just quickly show you. So this is the slider heading, and this right here is
the slider description. So let’s go ahead and customize that now. I’ve already got this
information saved so, just to make things a bit quicker. So I’ll just grab that now.
So here we go Slider Settings. So the first slide I’ve used the image. So here’s my heading,
so I’m just going to copy that, and then paste that in here. So that’s the slider heading,
and then I’ll grab the description as well. So I’ll grab the slider description, copy
that, and paste that here. And then you can also customize the slider button text. So
if I just show you that. That’s this Get Started button right here. So I’m going to change
that and give it, I’m going to call it Learn More instead. So I’ll copy that and scroll
down and paste that there. Now can also choose the destination URL for
that button. At the moment we haven’t created any pages, so I’m going to leave that blank.
But once we create some pages I’m going to put the link right here, so when people click
that button it goes to the correct page. Right, so I’m also going to do the second slide image
here. Or actually let me just update that. I’ll click Save All Changes, and then I’ll
refresh the page here, just to show you what that looks like before I do the second slider.
So that’s it. So we’ve got the image here, we’ve got the title here, we’ve got out description
here, and the Learn More button. Okay so I’ll go ahead and do the second slider
which if you click this right here, this is the second slider. We’ve got to do this one
now. So let’s go back to the theme settings, and up to here, second slider. Right, want
to choose image here so click upload image. If we can find the second image here, success,
and upload that. So now that’s uploading. I’m also going to put in the heading and the
description. And again the same button text. So let me just grab that now from my document
here. So we’ve uploaded the Success image. I’ll grab the heading here and paste that
in here. And then I’ll also grab the description and paste that right here. And then the button
text we’re going to keep that consistent, so I’ll just copy Learn More from here, and
paste that there. And then just hit Save All Changes and then head on over to the website
and click refresh. And there we go. We’ve got our first slider here, we have our custom
title and description, image and our button text. And if we click the next button here,
we’ve got our second custom image, and our custom title description and button text here. Now at the moment these links aren’t pointing
anywhere, but we’re going to fix that later. So now I’m going to go to the Home Page Featured
area tab, so click that. So now I’m going to start customizing this content. Let me
just minimize this for a second. So we’ve done the Slider Settings page, so I’m just
going to close this out, and now I’m going to open up Home Page featured image. Now this
is just the content that I’ve pre-written just to speed up the tutorial here. So let’s
open, maximize this again. So first, now we’re looking at Home Page sub heading here. So
I’m just going to grab that from the text document. And I’ll just copy that, and then
paste that here. So what I’ll do, is I’ll just save this, just to show you what that
is. So Save All Changes, then head on over to the site, click refresh, and now you can
see. So what we’ve created here is this custom content right here. Ok so I’ll now go back
to the site. And if you wanted to customize this right here, this heading right here,
I’m leaving it as it is because it’s relevant to the website I’m creating here in this example.
But if you wanted to change this part here, then you’d just change out this part here,
Main Heading. Okay so now I’m going to continue, so I’ll
just minimize this. So first featured image, I’ll just tell you what this is first. So
I’ll show you here on the website. We’ve got, these are the featured images here, so this
is the first featured image. Second featured image, third, fourth and this is the title
and description for each featured image. So let’s go ahead and start customizing that
now. So if I scroll down, so here we go, first featured image. So for the images, I’m just
going to leave those as the default ones here, but you can actually go ahead and customize
those images if you like. And the way you do that is you just come here, click Upload
Image, and then simply select your image. It’s as simple as that. So, I’m going to leave the images as they
are, but I’m just going to customize the heading and description here. So I’m going to grab
that from the text document I’ve got. So the first heading is going to be this. So I’ll
copy that, paste that right here in first featured heading, and I’ll grab the description
as well, and copy that and paste that here. And now for the link, again, because I haven’t
created the pages yet, I’m going to leave these blank. And once I’ve created the pages,
I’ll then come back here and make the changes. So I’ll just go ahead and do the… actually
let me just first show you, I’ll just, before I do the other featured images I’ll just go
ahead and save this, so you can see exactly what it’s doing here. So I’ve saved the changes
there. As you can see, the new heading I selected was Easy to Follow Video Tutorials, and then
the description: we walk you through step by step, making everything a breeze. So now
let’s just go over to the website here, click refresh, and this is what the title was originally.
And I’ve changed the title to Easy to Follow Video Tutorials. And then here’s our custom
description here. So I’ll go ahead and do the second, third
and fourth custom images there. So I’ll head back and scroll down to second featured image
here. So I’m leaving the images as they are. So I’m just going to go over here to heading,
second featured heading. So I’ll just grab that from the text document here. So I’ll
copy the heading here, and then paste that right there. And copy the description, and
then paste that right there. And then I’ll do the third featured area. So we’ll grab
the heading for that, which is right here, copy that, and paste that there, and grab
the description, and copy that, paste that in. And then finally the fourth one, which
is fourth featured heading, grab that and paste that here. And then finally the description.
So we’ll go ahead and paste that, and then save all changes, go back here to the website. As you can see, these are the original titles,
descriptions for the featured areas. So when I hit refresh here, you’re going to see the
changes. There we go. So now we’ve customized all of these featured headings and descriptions.
And I’ve chosen to leave the images as the default ones here. So that’s that. So we’ve now customized our logo, our slider
images, heading and description, and the title here and description, and then the featured
images, featured areas. Ok so that’s the homepage done then. So let’s just head back to the
site. So what we’re going to do now is we’re going to start creating the pages for the
website. So let me just minimize this and close out this Notepad file. And I’m going
to open up this Pages folder. Again, I’ve got the content pre-written just to help speed
up the tutorial. So the first thing we’re going to do is create the About page. So I’ll
just open up here, and I’ve got my content written there. So I’ll just open this up,
and then head up. And then, what we’re going to do now is, we’re
going to come out of the Theme Options here and go into Pages. So if you click Pages here,
now as you can see there’s already a sample page here. When you install WordPress, they
automatically give you a sample page. So what we can do is, we’re just going to delete this
one. You could also choose to edit that, but I’m just going to delete it here. And click
right down here, under Pages click Add New. So the first thing we’re going to do now is
give our page a title. So I’m going to call this About. And then you’re going to put the
content here for the page, which I’ve already got pre-written. So I’m just going to grab
that from the Notepad file, copy that, and then I’ll just close that out as well, and
just paste that here. And that’s it. Now, what you want to do… the thing is,
with WordPress pages and posts, it’s really easy to manage the content. So you literally,
let me just show you, you just type what you want to say here, and you can also just make
things bold for example, by highlighting the text, clicking bold, or highlighting here.
You can click a bullet point for example, or you can make stuff with quotes. So what
you want to do here is just click this right here. This is what’s commonly called the Kitchen
Sink. And if you click that, you get a whole lot more options. So for example, we can choose
to underline the text. But anyway, so that’s that. So I’m just going to delete that part out.
So when we’ve written our page title and page content here, what you want to do is come
over here and click Publish. So now go on over back to our site, and click Refresh.
And so what you’re going to see is we’ve now got our About page here. And if you just click
that. So you can see, here’s our page title and our description here, our page content.
So now we’ve done that page, let me just go over to the second page here, which is the
Contact page. So I’m going to go here. Now, what I’m going
to do is I’m going to use a contact form plugin to create a contact form. So what I’m going
to do is go over here and click Add New Page. Under Pages, click Add New. And I’m just going
to give this a title of Contact. And I’m going to leave this blank for now, but I’m just
going to click Publish here. And now if you head on over back to the website, hit refresh,
you can see our contact page is here. So if you just click that, and then you’re going
to see that it’s blank, because we haven’t created any content. So what we’re going to do now, is we need
to install a plugin. And a popular contact form plugin is the contact form 7 plugin,
so I’m just going to show you how to grab that now. So to install plugins, you want
to come over here to Plugins, and click Add New. And then you’re going to search here
for contact form 7, and then search plugins. So here is Contact Form 7. So then just click
Install Now. And that’s it. Now that’s installed. Click Activate Plugin. So now we’re going to go over here in the
sidebar under Contact. And come back over here under Contact, and click Contact Forms.
So, as you can see there’s shortcode right here. This is what we want to put in our page
that we created earlier. So if you just copy this shortcode here, right click and copy.
And then we want to go back to our page, our contact page we created earlier. So go back
over here to Pages, then All Pages, Edit under Contact. And then what you’re going to do,
just paste in that code right here. Ok, it didn’t seem to copy. I’m going to have to
grab that again. Let me just quickly do that now. Go back to Pages, All Pages, and then
Edit. Paste that right here. Ok I’ve realized what the problem is. You
need to click Text right here, the text tab, and then right click and paste. There we go.
Right, so now click Update here, and then go back to our website and click Refresh.
Now as you can see, our contact page is now a contact form here, so people can email you
from your website. Now you may also want to put your contact telephone number, or your
address for example here. So I’ll just quickly show you how to do that now. So if you go
over back to our Contact page, and I’ll just grab the pre-written content I’ve got here
for now. Oops, let’s get that out. Ok, so grab this content, and then paste that into
your contact page here. Now if you just paste that above the codes that we just put there.
So I’ve put a telephone number here, and an address. So I’m going to click Update over
here, then go back to the contact page and click refresh. And there we go. As you can see, we’ve got our contact form
here, and we’ve also got our telephone number here, and our address. You don’t have to put
this in, but I’m just showing you that’s an extra option to do if you want to do that.
So, let’s scroll back to the top now, and let’s see what’s next. Ok so let’s close this.
So we’ve done our About and Contact pages. So let’s just delete that. So now what we want to do is create some additional
pages just advertising some… now in this example I’m just going to advertise features
here. But for your website you might want to list services for example, or your skills
for example, or whatever. So I’m just going to open this back here and right here, and
go back to the website, and go back to the homepage here. So what I’m going to do here is I’m going
to create a Features page here, and that’s going to list the four features for the website.
And then what I’m going to do is I’m going to link each of these images here to each
features page. So when someone clicks right here, it’ll bring them to the relevant page.
So let me just go ahead and do that now. So come back into here. I’m going to create a
new page here, and I’m going to call that Features. And then I’m just going to click
Publish right here. So if you come back to our website, hit refresh, the Features page
is going to display right here. Now again, it’s empty at the moment, so let’s go back
here, go into the settings. So now let’s go ahead and create an additional page for each
feature. So I’ll go back here and click Add New. And I’m going to call the first featured page…
Let me just go back to the homepage here, and to Video Tutorials. Let’s just see. And
I’ll call this Video Training right here. So I’ll open that up. I’ll call this Video
Training. And then what you want to do here is, let’s go back to the website. What I want
is I want these features pages to be listed under here. So when you hover over features,
they’re going to all be listed. So to do that, when you’re creating this Features page right
here, you’re going to scroll down to Parent, and choose the Features pages that we just
created earlier as the parent. So, if I just click Publish here, I’ll show you exactly
what that means. Let’s come over to the website, and now if
you hover over, whoops let’s refresh that. So if you come back on over here, and hover
over Features, you can see now that the Video Training page is listed right under here.
So we created the Features page, and then we created the Video Training page, and we
listed this Features page as the parent. So what that does is, when we hover over this
now, it now displays the video training page. So let’s do the same thing for the other three
pages. Now at the moment we haven’t… actually let me go and put the content in here as well.
So I’ll just do that now. So if I open this up here, I’ve got pre-written content, which
I’ll just grab that now. And I’ll paste in the text there as well, and hit Update. So
now I’ve updated that page, let’s head back on over to the site, hit refresh. And then
under the features, if I click the Video Training page here. So there you go. So you’ve got
the title here and a description. If I go back to the page here, I’ll show you
that you can also include images as well. So if you want to include an image on this
page as well, so at the moment it’s looking pretty plain. I’m not actually going to add
an image on this page, but if you did want to, just head back here, and click right here,
and then click Add Media. And what you can do is you can select the file, or the Media
Library if you’ve already uploaded an image, then you can just click the Media Library
tab here and select your images. At the moment there’s none listed here. But I’ll go to Upload
Files, Select File. You can either click Select File here, or you can drag and drop it. I’ll
show you the drag and drop method right here. So just close this. So here we go. So it’s saying, drag files
to upload. So if I just grab this image right here, and drop it right there, and I’ll make
this screen so it’s bigger here. Right, so the image is now getting uploaded. Ok, so
the image is now uploaded there, as you can see. So all you need to do is click Insert
into Page here. Ok, so the image is now being uploaded, as you can see, and I’ll just go
ahead and click Update here. And then go back over to our website, click Refresh on this
page. And as you can see, the image is there. Now, you may want the text here to be displayed
right here next to the image. So to do that, come back to the page, click once on the image,
and then click on this pencil icon. So then right here, at the moment, there’s no alignment
associated with the image. So if you click left align here, and then click Update, and
as you can see, the text is now displayed on the side. So then go over here and click
Update here, and then over to the website page, and click refresh. So now you can see
the image is displayed on the left, and the text is aligned to the right. So, another thing I just want to mention here,
is if you hover over the image, you can see it’s a link here, so if I click that it will
show you the image. And you may not necessarily want that to be the case. So if I just click
back here, go back to the page, and then we’ll go over here to this tab. So to turn off the
link there on the image, just click the image again, click the pencil icon. So if you just,
actually we didn’t need that, that was the wrong thing. And there, it’s right here, Link
To. So click None here, and then click Update. And that’s it. So now update this page again,
and then head on back over to the website, refresh that, and there we go. If you hover
over the image now, you can see, if you click it, there’s no link on this image. So let me go back to the page now. So I’ll
just go ahead and delete this image out of here. And to do that just click on it once,
and then click this cross right here. And then update the page, come over to the tab,
refresh the page, and now the image is gone. So what I want to do, this is the page for
the first Features page. I’m going to go ahead and create the other three. So now I’ll minimize
this. And, so this one’s done now. So let me go ahead and take a look at what this second
features page is. I’ll go back to the homepage. I’ll scroll down here, so Ok, let me just
grab that from here. So, Website Success is the next page then. So I’ll just go ahead
over to here, and underneath Pages, click Add New. So then right here, Website Success
is the title, and then I’ll go ahead and grab the content, which I’ve got pre-written here.
I’ll cut that out there, and paste that here. Whoops, Ok as you can see I can’t paste that
here, but that’s because it’s in Visual. So you want to click the Text tab, right click
and paste, and then click Publish. And let’s go back to the website, over here, refresh
the page, add… Oh, I made an error there. As you can see, Website Success, the page
we just created, is listed on its own here. That’s because I forgot to list this as a
parent. So let’s go back and do that now. So just scroll back here. Underneath parent
here, select Features, then update. And if I go back here now and refresh the website,
you can see that it’s now listed underneath there, under the Features page. So let’s go
back here. And now I want to create my third Features page. So I’ll just minimize that.
Let’s close this and delete that one. So the next page is the Forum Support page. So I’ll
just grab this content here, open this up, so Forum Support. So I’ll create a new page
here, Add New. So Forum Support as the page title, and then I’ll paste in the text here,
and then go down here to Parent and make Features a parent, and click Publish. And now if we go over to the site, click refresh,
and under Features we’ve got Forum Support. And I’ll just click that just to show you
the page there. As you can see here, there’s the title of the page, and now the content
that we’ve put in. So now I’m going to come back to pages and underneath pages click Add
New. This is the final Features page. This is the fourth Features page. So I’ll close
that, and just delete that out. And then WordPress Skills. So I’ll just grab the content for
that. And so I’ll give that a title of WordPress Skills, and then paste in the content here,
and then make the parent this Features page here, and then click Publish. So I’ll go to the website, hit refresh. So
now we’ve got our four Features pages listed under here, under this Features page. So I’ll
just go back to the homepage. So what I want to do now is, I want to link these right here,
the four features on the homepage, I want to link them to the correct features page
up here. So the first one, Video Training, that’s what I’m going to have this one linking
to. So if I just scroll up, hover over Video Training, I’ll just open this up in a new
tab. And what I want to do his here is I want to grab the URL here. So I’ll just copy that,
and so we want this as the first featured area. So we’re going to go back to the Theme
Settings now and click Theme Options. So now go back to the Homepage Features area here
and click that. So now we’re going to scroll down to our first featured area. So we’ve
got the image, heading, description, and the first feature link. So what that is, is that’s
the place where this goes to when you click it. So just grab the URL from here, and I’ll
paste that right here, paste that there, and click Save All Changes. I’ll just save the
first one just to show you that. Now go back to the homepage, click refresh. So now, this is the Video Training page, and
now when I click this link, it’s going to go to this page right here. So I’ll just show
you that now. So I’ll click this. There you go. It’s gone to the Video Training page.
So now all I need to do is do the same thing for the other three featured area pages. So
I’ll just scroll up and find the second one. So the second featured one, so that’s where
this is going to go when you click it. And I want that one to go to this page right here.
So WordPress Skills, so I’ll just open that in a new tab, just to get the URL. So I’ll
copy the URL for that, just close that out. Now go into the second featured link here,
and I’ll paste that in there and then I’ll scroll down to the third featured link, which
is this one, where this goes, so that’s Q&A Forum Support. And I’m going to grab the URL
for that, so open that up here, and I’ll grab the URL. So copy that, and close that out,
and then paste that URL here. And then finally the fourth featured link. So that’s this one
here. So, Learn the Secrets of Website Success, so I’m going to link this here to this page
right here, Website Success. So I’ll just open that up in a new tab just to grab the
URL there. I’ll copy that, close it out, and then paste that right here. So now I’ve put all those in. I’m going to
click Save All Changes. That’s it. And I’ll go back to the homepage, click refresh, and
there we go. All these are now linked up. So if I show you this second one, so Quickly
Become a WordPress Pro, so if I click that, it goes to the WordPress Skills page. Go back
to the homepage. I’ll click the third one, the Q&A Forum Support. That goes to the Forum
Support page. And then finally the fourth one, which is Learn the Secrets of Website
Success. And that goes to the Website Success page. Right, so let’s go back to the homepage
now. So now we’ve fixed the links right here. I
also want to select where these links right here point. So we’ve got two sliders here,
where you’ve got this one, and we’ve got this one. So we’ve got two buttons here. So I’m
going to choose the correct page for those links. So WordPress Website Tutorials. So
I’m going to link that again to WordPress Skills, so I’m just going to open that in
a new tab just to grab the URL for that page. So I’ll copy that out and close that out.
Then I’ll go back to the Theme Options. If we scroll up here, and then go to slider settings,
so click Slider Settings here. So as you can see, we’ve got the first slider image, heading,
description, button, and then link URL, which we left blank earlier. And then again you’ve
got the same thing for the second one, second slider button and URL. So this first slider here which is this one,
whoops, this one, so I want that one pointing to this page. And I just grab the link for
that. So I’m just going to paste that in there. And then go back here, and for the second
slide here, grab our free website logo. I’m just going to link that to, just for example
purposes I’ll just link it to this page Website Success. So I’ll just open that in a new tab
and copy the URL, close that out, and paste that right here in Second Slider Button Link
URL. So paste that there and click Save All Changes. So now if we go back to the homepage
here, click refresh. So now you can see these buttons here. If I click this it’s going to
link to the page, there we go, WordPress Skills. If we go back to the homepage, so now we go
back to the second slider there, click the Learn More button, and then it goes to Website
Success. So that’s it. So we now completely finished the homepage
there. Ok, so we’ve now got the homepage done. So what you want to do now is, I just want
to show you that we’ve got our Features pages listed here. One thing to note though, is
this right here is also a page. So if we click that, you’ll notice that earlier we didn’t
actually put any content for that. So at the moment it’s just completely blank. So what
we want to do on this page, is we want to just briefly speak about each of these here.
And then what I’ll do is I’ll just link, put a link to each of those there as well. So
let’s just go back to our dashboard. Let’s go into Pages, All Pages, and this will just
list all of our existing pages. So if we scroll down to the Features page.
And this line here just indicates that these are child pages, and this right here is the
parent page. So I’m just going to click Edit here. So at the moment there’s no text for
that. So I’m just going to just put some example texts over here, Video Training, Website Success.
So I’m just going to say this is a short description about video training. And then again I’m going
to copy that out. Obviously this is just example text here, but you want to actually write
something that makes sense. So I’m going to say Website Success, Forum Support. So Website
Success, Forum Support. And then the last one, which is WordPress Skills. So I’ll just
put WordPress Skills. So now I’ve got the description there, so
what I want to do is also make these links, Ok. So what, I’m going to grab the URL for
the training page. So I’ll just come over here, hover over here, right click open in
new tab for the Video Training page, and I’ll just copy that URL, close that out, go back
here. So now I’m going to highlight Video Training there, and I’m going to click this
link icon right here. And then, actually, you can either paste in
the URL there, or another option which I can do is you can actually link to existing pages
right here. So to do that you just click this dropdown right here. And then you want to
just select the page that we’re linking to. So in this case it’s the Video Training page.
So just click that and then new link. So let’s just repeat that for the rest of them. Ok,
so click insert/edit link, and then select the Website Success page, add link, and then
here forum support, insert/edit link. Let’s click the Forum Support page, Add Link, and
then finally the WordPress Skills, so highlight that, insert/edit link, and then WordPress
Skills, Add Link. So now I’ve done that, just click on update,
then come back over to the website, and let’s refresh the page. So now if we come on over
to the features here and actually just click this Features page right here, you can see
now we’ve got some text, and then the link here. So I’ll just click that one. And it’s
linking to the page I’ll hit back. And there we go, Website Success, click that, and that
links to the Website Success page. So I’ll just go back. So on the Features page, you
can just briefly speak about each of the, in this case features. However, if you were
writing about your personal skills for example, and then you could write a brief description
about your skills, and then link to the actual skills page where you can speak about it in
more detail. So I’m just going to go back here. OK so now,
what you may have noticed, if I go back to one of the pages here, I’ll go to the About
page for example. What you may notice here, is we’ve got a search box, which is probably
a good thing there. And I’ve also got one of these recent posts. This Hello World post
right here, this is just another sample post that WordPress produces by default when you
install it. And then recent comments is an example comment. Archives, categories, and… OK, so what we do to get rid of or, to customize
this, we go over to the dashboard, go to Appearance here, and click Widgets. So, now what you’ll
see, let me just move that out of the way. So now as you can see, this primary widget
here has got a few things listed. And these things listed right here, is what you’re seeing
over in the sidebar. This is what’s referred to as a sidebar right here. So all these things,
as you can see, Recent Posts, if we go back here you’ll see there’s a recent post here.
There’s a search one. And if we go here, you can see the search box. And then recent comments.
If you go back, you’ll see the recent comments. And then archives, categories, and meta. So
if we come back to here, we don’t really want, a few of these we could do without, for example
this Meta. The categories, if you’ve got multiple categories on a site, then you may want to
have that there. In this case, this is a small site, so we don’t actually have any categories
at the moment. And archives just lists all the posts produced within a period. For example
May, if I click that, it will show me all the posts produced in May. So I’m just going to clean this out right
here. So I’ll leave the search box. All the rest of them just drag them over to the left
and drop click, hold down, drag over and drop. Click, hold down, drag over and drop. So just
repeat that, until, the only thing we want is a search box, so that’s done. So if we go back over to the page, refresh
that, and everything’s gone now. It’s just the search box right here. So, that’s that
done. So the website right now is pretty much complete. You’ve got our homepage here with
our slider, our Features links which are linking to our Features pages. And in your case you
may want to call this, if it’s maybe a blog or website about listing your skills, you
may want to call this skills, and then list your different skills you’ve got here. And
then on these skills pages you can talk about that in more detail. And a contact page here.
We’ve got the contact form here, so if anyone wants to contact you by email, they can complete
this form. And when they click send, you’ll automatically receive an email for that. Now the email that this is going to go to
is the one you selected when you set up, when you installed the WordPress site in our hosting
account. But you can actually change that. I’ll just show you that here. I’ll go back
to Widgets, and go to Contact here, click that. So now come back here, under Contact
Form click Edit. And if you scroll down here you go, mail to, so this is the, my email
address which is going to receive the mail that’s sent via the contact form here. So
you can customize that, and if you put a different email, just make sure you click to save the
changes, which is up here. So a few things I just want to briefly mention
is the Permalinks. So if you hover over Settings, and then go to Permalinks. We’ve got Post
Name selected here. Now what this is, let me just show you. If we go back to the website,
and open up the About page for example, you can see that the title we chose for this page
becomes the URL here. So if you see your URL looking something like this, ID=, and then
a random string of numbers or characters or whatever, then all you need to do is just
come into here into Permalinks. So Settings, Permalinks, and then click Post Name here,
and then click Save Changes. And what that will do, that will make the, let me just refresh
this page, refresh. So that will make this page, the title of this page will become the
URL, which is the most SEO-friendly way to have your URL structure. Another thing you want to note is the site
title. If I just go back to our site here and go to the homepage, If you look up here
right here it says just another WordPress, and that says site. So we need to come over
here into Settings, and then click General. And then what you want to do, you want to
give your site a title here. So you can just call this the website name. So I’ll just call
it Website Wizard. And then, on the tagline you can either leave this blank, or you can
just give a short description about your website. So I prefer to leave that blank most of the
time. So once you’ve done that, scroll down, hit Save Changes, and then come on over to
the website and refresh the page. And as you can see, now it’s displaying our website name
up here. So that’s that done. So let me just check my text document. So
now I’ve done the Permalinks and Premium Theme. Ok so, just open this back up. Ok so this
Traffica theme that we’ve been using is a free theme. However you can grab the premium
version of the theme if you like. So I’ll just show you over here some of the features
of that. And what I’ll do is I’ll leave the link to the premium version below the video,
so if you want to grab that you can go ahead and do so. So there’s a few extra options with the premium
theme. You can display six images in the slider. If you look at our webpage, we’ve only got
a choice of two sliders. So if you want more sliders then you can do that. Another reason
why you may want to grab the premium version is to get rid of this powered by Traffica
at the bottom. If you’re using this for business purposes, then you may not want that to be
displayed there. You may want instead to have a copyright notice, which is what most websites
have in the footer of their website. So that’s a couple of reasons. I’ll link to this page,
put a link to this page below the video, and you can have a read through that. But for
most of you I’m assuming this is probably going to be Ok. But if you’re using this as
a professional business website or whatever, then you may want to go ahead and grab the
premium version, to give you more options. So that’s just an option there. So just to finish up here, I just want to
mention about these social icons that I forgot to show you in the tutorial. So if we go over
to appearance and Theme Options here, and then if you go down to social icons here,
then all you need to do is put, if you’ve got a Facebook page, then just put the URL
here. So http://www. Forward slash, whatever your Facebook page URL is. And the same thing
for Twitter, Google Plus, and the others as well. And then of course you’d hit save changes.
Actually, let me just show you that here. So http://www.facebook.com, forward slash,
I’ll just make something up like that. And then if I go down here, save changes, and
go over to the website, hit refresh, and then if we scroll down the page, now you can see
our Facebook link right here. So that’s it. That completes the tutorial
for this. What we’re going to do now is optimize our website for the search engines. So if
we minimize the screen now, what we’re going to see is my text document. So I’ve completed
this top part now. So now we want to install some plugins. So what are plugins? Well, plugins
extend the website functionality. So what that means is, for example, by default, with
your WordPress installation, the default WordPress themes don’t come with a contact form. So
as you saw earlier, we downloaded a contact form plugin, and that allowed us to have a
contact form on our website. So that’s basically what plugins do. They allow you to extend
the functionality of your existing website. So the first plugin we’re going to look at
here is the All in One SEO pack. So let me go and show you that now. To do that, we come
over here to plugins, and then Add New. Then just type in here all in one SEO pack. And
I’ll leave the information for these below the video. So click Search Plugins here, and
there we go, All in One SEO Pack. So just click Install Now, and Ok. And then what you
want to do is just hit Activate Plugin there. So now what you want to do if, I’ll just go
back to our website here. And for example, Ill go to this Video Training page here. And
what you want to do is optimize your pages for the search engines. So if you go back
to the plugin, and we can go to our page for example, All Pages. So you want to optimize
your page for the search engines. So let’s go to this page, which is the Video Training
page here, and click Edit. So now if you scroll down to the bottom of this page, what you’re
going to see is, you’re going to see this option here, All in One SEO pack. So this
one right here is showing you exactly how this page is going to display in the search
engines. So what you want to do… by default, Google just grabs any random text from this
page. So what you may want to do for your SEO optimization, you may want to include
your keywords here. So what a keyword is, it’s what you want your
website to show up in a search engine for, when people are searching. So this page right
here is about video training. So for example, my keyword that I might want to target here
may be video training. So what I want to do is include that in the title and description
here. So you can use an optimized title here. And that’s what’s going to, when you put your
title here, and description, that’s what’s going to show here in the search engines.
So you want to include your keywords in the title and description. So I’ll just do an example here. So I’ll just
say Video Training. And then if you want to have branding for you website, you may want
to put your website name at the end there. And then also the description: get the best
video training over on our website. And you may want to also include a telephone number
here if you like. It depends on what the website’s used for. You can even include a telephone
number in your description here, or maybe even at the end of your title. You may want
to include your telephone number here. So that’s up to you. So then the keyword here
is obviously what you’re trying to incorporate into the title and description. So that’s
it. So once you’ve done that, just head on down
up to the page and click Update. So that’s one way to make your website SEO friendly.
So you want to do that for all the pages on your website that you want to have optimized
for the search engines. So the next plugin we want to install now,
is the SEO Friendly Images. So let’s do that now. So again go back to Plugins, Add New,
and search SEO friendly images here, and click Search Plugins. So there you go, SEO Friendly
Images. So click Install there, and then Activate Plugin. So now if you scroll down you can
see the plugin’s activated here. So now go over to settings right here and SEO Friendly
Images. So we don’t actually need to do anything here,
but I’m just going to quickly explain what this is doing. So this is, let me just go
and show you one of the pages on our website. So in this video training page, this plugin
has automatically optimized all of our images with the video title and also our website
name. So what that’s going to do, is when people are going into search engines, for
example Google, and they’re searching via Google Images, then what it’s going to do
is when they’re using our specific keywords here, it’s going to help our images show up
there. So that can help bring us extra traffic to our website. So the next plugin we want to install then
is, actually this WP Super Cache is already installed. But what I want to just quickly
explain to you what it’s doing here. So I’ll go to Plugins, and then as you can see, WP
Super Cache is already active. And what that does, it just caches the content on your website.
So the content’s already pre-loaded, so it just makes the website load faster. And that’s
great for not only SEO, but also user experience too. So another plugin you want to install is the
Google XML Sitemaps. So what this will do is it will structure your content for search
engines, and help your new content on your website get indexed fast, so they can show
up in the search results. So to do that, go over to Plugins, and Add New. And search Google
XML Sitemaps. And click Search Plugins. And there we go, Google XML Sitemaps. Click Install
Now. Then click Activate Plugin. So that’s it. That’s all done for you, so you don’t
need to do anything else there. So finally, what we want to do here is we
want to do our, update our ping list. So let’s just do that now. So to update the ping list,
come over to Settings here and go to Writing. And if you scroll down the bottom of the page,
what you’ll see here is this Update Services. So what this does, is this ping list right
here, is it will update key websites that your website’s got new content. So what that
does, it will just help your website show up in the search results, so that you can
get more search engine traffic. So what I’ve done right here is I’ve opened up a website
which has got a ping list here. And I’ll leave the link to this below the video. But to find
this you just go into Google and search WordPress ping list 2014. So just scroll down and copy
all of these URLs. Copy that, and then go back into here, and then just paste it underneath
this existing ping URL. And then just click save. And that’s it. And you’re done now. Ok, I hope you enjoyed this wordpress tutorial
for beginners. I’ll leave all the relevant links below the video. And if you have any
questions, just feel free to leave a comment below the video.