WordPress Tutorial for Beginners 2016: Step by Step Build Your Website

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 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 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.


Filed under: Uncategorized

Like this post? Subscribe to my RSS feed and get loads more!