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 websiteusing wordpress, step-by-step, from start to finish. now it doesn't matter if you'venever used wordpress before, or you've never set up a website before, because i'm goingto 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'sgoing to look like. and as you can see, it's a really cool-looking site. we've got a slideron the homepage here. and this logo right here, this is part of the logo kit we're givingaway at the moment. so if you want that, and you get a few others as well, then you cangrab that on websitewizard.tv.
now over here we've got the about page. thisis where you can talk about yourself or your website and add a graphic right here. we'vealso got a search box here, and then a contact page. now on the contact page we've got acontact form built in, so if anyone wants to email you from the website they can dothat 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, oryou can list services, or whatever you want. and then if you go back to the homepage, ifyou see down here, these are the features again. and i've linked these back to thesepages 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 enablecomments. 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'sup to you. and the best part of this website is thatit's going to be completely responsive. so what that means is it doesn't matter screensize you're viewing the website from, whether it's a smartphone or a tablet such as an iphoneor an ipad, the size of the website will respond so you can see everything perfectly. and i'lljust 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. andyou can see everything clearly right here. and we've got this cool little navigationmenu right here. so that's it. and one thing i forgot to mention is thatwe're also going to add some social icons down below here. at the moment i've just puta 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 andcelebrities like ebay, yahoo, katy perry, kim kardashian, all use wordpress. wordpressis super seo friendly. and so google, bing, yahoo and other search engines all love awordpress site. and we're going to cover this
in the video. and i'm going to show you howto set up your website for maximum exposure in the search engines. okay before we get started let's just talka little bit about how much it's going to cost. wordpress is a free and open sourcesoftware. however, to get a website online you need two things: a domain name and webhosting. the domain name is simply the website name, for example facebook.com. the web hostingis the place where you store your website so people can visit it online. the domainname will cost around fifteen dollars a year, and the web hosting will cost around ten dollarsa month. and every website online has these costs. however, i'm going to show you a couponcode in the video so you can get 25% off for
your web hosting. and that's it. we're goingto build a website ourselves in this video, so you don't need to pay a web developer thousandsof dollars to build a site for you. let's get started! so the first step to gettingour website online is to grab our domain name and our web hosting. and we can do both ofthem over at hostgator here. now hostgator is one the popular ones. and i've been withthem for over four years now, and they're just perfect for beginners. when i startedout, i started off with hostgator. and they've got 24-hour support, where you can call anytime 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 solveyour problems, and i've learned a lot just
by talking to their live chat here. so i recommendthem for the beginners out there. now what we want to do is choose our hostingplan. now we don't need the business plan here, but we can choose between the hatchlingand the baby plan. now the price difference between them is not much is at all. and withthe baby plan, you can host unlimited websites. so if you're going to have more than two orthree websites, then you only have to pay the one price here for the hosting, whereaswith the hatchling plan you're only allowed to host one website. so it's a better offerhere to go with the baby plan, because the price difference is not much. now you can ever do, if you choose to payyearly you can get a bigger discount here.
however i would recommend, if you're juststarting 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 youwant to navigate straight to the correct hosting package, then you can use the link below thevideo. so the first thing we want to do now is wewant 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 isnot 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 thenyou can select the available one. or you may, if you really want a .com, then you can tryanother website name here. okay so for example purposes i'm just going to select this .netso we can move on. okay, so our hosting package has already beenselected here from earlier. so we've got the baby plan and the one month. so let's scrolldown. so you now want to choose a user name and a security pin. now you want to make sureyou note these down somewhere, or just make sure you remember them, because you're goingto need them.
okay so you now want to enter your billinginformation 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 orpaypal. i always choose paypal here. now you want to make sure you enter a valid emailaddress and contact number, because once you sign up they're going to send you a welcomeemail which is going to contain all of your important login information. okay so by default they add on all these extrashere which will add in extra costs. so just make sure you uncheck all of these here, aswe 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 usehere is flowerpower. and once you've typed that in you want to just hit validate, andthat's it. as you can see here the total price has dropped all the way down to thirteen dollarsnow. so to finish up just click to confirm here, and click create account. once you clickcreate account, you'll be taken to a welcome page which will inform you that you're goingto get a welcome email. so once you receive your welcome email, youwill have important information there such as your hosting account information, and alsoyour login information. so when you receive your welcome email, thisis what it's going to look like. and you want
to note down three things here: your controlpanel url, your username, and your password. so what you want to do is just click thiscontrol panel url here to open that link in the web browser. and then what we're goingto 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 loginto our hosting account so that we can set up our wordpress website. now after you'veclicked the control panel link in your welcome email you should be on a page like this righthere. so all you need to do is use the username and password in that email to log in righthere. so i'm going to pause the video while i log in.
okay, so we've now logged into our hostingaccount and we're in the control panel here, which is often sometimes referred to as thec panel. now don't be overwhelmed, because there's a lot of things here, but you're notgoing 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 emailaddress here, and make sure you choose a good email here. now this is the email addressthat'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 hereand just fill in your names. right, when you've finished just click install. okay if you scroll down here you can see thewebsite 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. andthen also it's given us the login url here. now this is the url you're going to visitwhen 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 hereto bring us to the website login. so go ahead and do that now.
okay so now we've reached the login page forour website. now if you don't see this login page right here, and you're seeing some kindof an error message, then that's perfectly normal. all it means is that your new domainname that you registered is propagating. now that can take a couple of hours. so just waitfor that few hours or so and then try to visit that link again, and you should be seeingthis 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. solet me just show you a brief of what we're going to do. so the first thing we're goingto do here is we're going to set up the theme.
now what the theme is, is it gives a websiteits overall appearance. so you can think of themes in wordpress as like an iphone. withan iphone you've got the default appearance. however, you can use skins to give the iphonea completely different look. so that's basically what themes are in wordpress. you can completelychange the look of an existing website just by changing a theme. the theme we're goingto be using the in this website is the traffica theme. so that's traffic with an a on theend. so let's go ahead and start doing that now. so the first thing we want to do is comeon 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, youcan 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 nowlive 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 clickthis, 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 andmake changes to customize all our pages and the text here, and the images etcetera. solet's just come back to here.
so let's go ahead and start creating the pagesfor 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'sgo ahead and start doing that now. so we want to start customizing the homepageof our theme now. so if you click back here on this tab, with our theme preview, we'regoing to start customizing all the stuff here. so first thing we really want to do is uploada 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 thingyou can do is upload a custom website logo. so i'm going to hit upload image and websitelogo. so i'll just show you quickly what that
looks like. so if you just scroll down tothe 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 mentionedbefore, you can grab this logo on our website, websitewizard.tv, and there's also a few othersas well there. now let me just head back to the theme options. so let's just scroll down. the next thingwe want to do is we want to come in to slider settings. so what this is here, let me justgo back to the website, then we customize this part of the website here. so first slideimage, so let's just go ahead and choose that now. so i'm going to click this one, the tabletone. okay now that's uploaded, so i'll just
go ahead and show you what that's going tolook like. so i'll scroll down to the bottom, click save all changes, then go over hereto the second tab, and refresh the page. now you can see image is right here. so i'll goback into the theme options. so the next thing we want to do is give ourfirst 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 isthe slider description. so let's go ahead and customize that now. i've already got thisinformation 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, copythat, and paste that here. and then you can also customize the slider button text. soif i just show you that. that's this get started button right here. so i'm going to changethat and give it, i'm going to call it learn more instead. so i'll copy that and scrolldown and paste that there. now can also choose the destination url forthat 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 clickthat button it goes to the correct page. right, so i'm also going to do the second slide imagehere. or actually let me just update that.
i'll click save all changes, and then i'llrefresh 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 descriptionhere, and the learn more button. okay so i'll go ahead and do the second sliderwhich if you click this right here, this is the second slider. we've got to do this onenow. so let's go back to the theme settings, and up to here, second slider. right, wantto 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 thedescription. and again the same button text. so let me just grab that now from my documenthere. so we've uploaded the success image.
i'll grab the heading here and paste thatin here. and then i'll also grab the description and paste that right here. and then the buttontext we're going to keep that consistent, so i'll just copy learn more from here, andpaste that there. and then just hit save all changes and then head on over to the websiteand click refresh. and there we go. we've got our first slider here, we have our customtitle 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 pointinganywhere, but we're going to fix that later. so now i'm going to go to the home page featuredarea tab, so click that. so now i'm going
to start customizing this content. let mejust minimize this for a second. so we've done the slider settings page, so i'm justgoing to close this out, and now i'm going to open up home page featured image. now thisis just the content that i've pre-written just to speed up the tutorial here. so let'sopen, maximize this again. so first, now we're looking at home page sub heading here. soi'm just going to grab that from the text document. and i'll just copy that, and thenpaste that here. so what i'll do, is i'll just save this, just to show you what thatis. so save all changes, then head on over to the site, click refresh, and now you cansee. so what we've created here is this custom content right here. ok so i'll now go backto 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'lljust minimize this. so first featured image, i'll just tell you what this is first. soi'll show you here on the website. we've got, these are the featured images here, so thisis the first featured image. second featured image, third, fourth and this is the titleand description for each featured image. so let's go ahead and start customizing thatnow. so if i scroll down, so here we go, first featured image. so for the images, i'm justgoing to leave those as the default ones here,
but you can actually go ahead and customizethose images if you like. and the way you do that is you just come here, click uploadimage, and then simply select your image. it's as simple as that. so, i'm going to leave the images as theyare, but i'm just going to customize the heading and description here. so i'm going to grabthat from the text document i've got. so the first heading is going to be this. so i'llcopy that, paste that right here in first featured heading, and i'll grab the descriptionas well, and copy that and paste that here. and now for the link, again, because i haven'tcreated 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... actuallylet me just first show you, i'll just, before i do the other featured images i'll just goahead and save this, so you can see exactly what it's doing here. so i've saved the changesthere. as you can see, the new heading i selected was easy to follow video tutorials, and thenthe description: we walk you through step by step, making everything a breeze. so nowlet'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 customdescription here. so i'll go ahead and do the second, thirdand fourth custom images there. so i'll head back and scroll down to second featured imagehere. 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'llcopy the heading here, and then paste that right there. and copy the description, andthen paste that right there. and then i'll do the third featured area. so we'll grabthe heading for that, which is right here, copy that, and paste that there, and grabthe description, and copy that, paste that in. and then finally the fourth one, whichis 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 thechanges. 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 sliderimages, heading and description, and the title here and description, and then the featuredimages, featured areas. ok so that's the homepage done then. so let's just head back to thesite. so what we're going to do now is we're going to start creating the pages for thewebsite. so let me just minimize this and close out this notepad file. and i'm goingto open up this pages folder. again, i've got the content pre-written just to help speedup the tutorial. so the first thing we're
going to do is create the about page. so i'lljust 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'regoing 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, theyautomatically give you a sample page. so what we can do is, we're just going to delete thisone. you could also choose to edit that, but i'm just going to delete it here. and clickright down here, under pages click add new. so the first thing we're going to do now isgive our page a title. so i'm going to call this about. and then you're going to put thecontent here for the page, which i've already
got pre-written. so i'm just going to grabthat from the notepad file, copy that, and then i'll just close that out as well, andjust 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 makethings 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 whatyou want to do here is just click this right here. this is what's commonly called the kitchensink. and if you click that, you get a whole lot more options. so for example, we can chooseto 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 comeover 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 clickthat. 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 thecontact page. so i'm going to go here. now, what i'm goingto do is i'm going to use a contact form plugin to create a contact form. so what i'm goingto do is go over here and click add new page.
under pages, click add new. and i'm just goingto give this a title of contact. and i'm going to leave this blank for now, but i'm justgoing 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 goingto see that it's blank, because we haven't created any content. so what we're going to do now, is we needto 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 wantto come over here to plugins, and click add new. and then you're going to search herefor contact form 7, and then search plugins.
so here is contact form 7. so then just clickinstall now. and that's it. now that's installed. click activate plugin. so now we're going to go over here in thesidebar 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 pagethat 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 backover 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 tograb that again. let me just quickly do that
now. go back to pages, all pages, and thenedit. paste that right here. ok i've realized what the problem is. youneed 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 youfrom your website. now you may also want to put your contact telephone number, or youraddress for example here. so i'll just quickly show you how to do that now. so if you goover back to our contact page, and i'll just grab the pre-written content i've got herefor now. oops, let's get that out. ok, so grab this content, and then paste that intoyour 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 overhere, then go back to the contact page and click refresh. and there we go. as you can see, we've got our contact formhere, and we've also got our telephone number here, and our address. you don't have to putthis 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 additionalpages just advertising some... now in this
example i'm just going to advertise featureshere. but for your website you might want to list services for example, or your skillsfor example, or whatever. so i'm just going to open this back here and right here, andgo back to the website, and go back to the homepage here. so what i'm going to do here is i'm goingto 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 eachfeatures 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 anew page here, and i'm going to call that
features. and then i'm just going to clickpublish right here. so if you come back to our website, hit refresh, the features pageis going to display right here. now again, it's empty at the moment, so let's go backhere, go into the settings. so now let's go ahead and create an additional page for eachfeature. 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. andi'll call this video training right here. so i'll open that up. i'll call this videotraining. and then what you want to do here is, let's go back to the website. what i wantis 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 righthere, you're going to scroll down to parent, and choose the features pages that we justcreated earlier as the parent. so, if i just click publish here, i'll show you exactlywhat that means. let's come over to the website, and now ifyou hover over, whoops let's refresh that. so if you come back on over here, and hoverover 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 welisted this features page as the parent. so what that does is, when we hover over thisnow, it now displays the video training page.
so let's do the same thing for the other threepages. 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, whichi'll just grab that now. and i'll paste in the text there as well, and hit update. sonow i've updated that page, let's head back on over to the site, hit refresh. and thenunder the features, if i click the video training page here. so there you go. so you've gotthe title here and a description. if i go back to the page here, i'll show youthat you can also include images as well. so if you want to include an image on thispage as well, so at the moment it's looking pretty plain. i'm not actually going to addan 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 medialibrary if you've already uploaded an image, then you can just click the media librarytab here and select your images. at the moment there's none listed here. but i'll go to uploadfiles, select file. you can either click select file here, or you can drag and drop it. i'llshow you the drag and drop method right here. so just close this. so here we go. so it's saying, drag filesto upload. so if i just grab this image right here, and drop it right there, and i'll makethis screen so it's bigger here. right, so the image is now getting uploaded. ok, sothe image is now uploaded there, as you can
see. so all you need to do is click insertinto page here. ok, so the image is now being uploaded, as you can see, and i'll just goahead and click update here. and then go back over to our website, click refresh on thispage. and as you can see, the image is there. now, you may want the text here to be displayedright 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 alignmentassociated with the image. so if you click left align here, and then click update, andas you can see, the text is now displayed on the side. so then go over here and clickupdate here, and then over to the website page, and click refresh. so now you can seethe 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 willshow you the image. and you may not necessarily want that to be the case. so if i just clickback here, go back to the page, and then we'll go over here to this tab. so to turn off thelink 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, linkto. 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 hoverover 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'lljust 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 forthe first features page. i'm going to go ahead and create the other three. so now i'll minimizethis. and, so this one's done now. so let me go ahead and take a look at what this secondfeatures page is. i'll go back to the homepage. i'll scroll down here, so ok, let me justgrab that from here. so, website success is the next page then. so i'll just go aheadover to here, and underneath pages, click
add new. so then right here, website successis 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 thathere, but that's because it's in visual. so you want to click the text tab, right clickand paste, and then click publish. and let's go back to the website, over here, refreshthe page, add... oh, i made an error there. as you can see, website success, the pagewe just created, is listed on its own here. that's because i forgot to list this as aparent. so let's go back and do that now. so just scroll back here. underneath parenthere, 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 goback 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'lljust grab this content here, open this up, so forum support. so i'll create a new pagehere, 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 youthe page there. as you can see here, there's the title of the page, and now the contentthat we've put in. so now i'm going to come
back to pages and underneath pages click addnew. this is the final features page. this is the fourth features page. so i'll closethat, and just delete that out. and then wordpress skills. so i'll just grab the content forthat. 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. sonow we've got our four features pages listed under here, under this features page. so i'lljust 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 pageup here. so the first one, video training,
that's what i'm going to have this one linkingto. so if i just scroll up, hover over video training, i'll just open this up in a newtab. 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 themesettings now and click theme options. so now go back to the homepage features area hereand click that. so now we're going to scroll down to our first featured area. so we'vegot the image, heading, description, and the first feature link. so what that is, is that'sthe place where this goes to when you click it. so just grab the url from here, and i'llpaste that right here, paste that there, and click save all changes. i'll just save thefirst one just to show you that. now go back
to the homepage, click refresh. so now, this is the video training page, andnow when i click this link, it's going to go to this page right here. so i'll just showyou 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. soi'll just scroll up and find the second one. so the second featured one, so that's wherethis 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'llcopy 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, whichis this one, where this goes, so that's q&a forum support. and i'm going to grab the urlfor 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 onehere. so, learn the secrets of website success, so i'm going to link this here to this pageright here, website success. so i'll just open that up in a new tab just to grab theurl 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 toclick save all changes. that's it. and i'll go back to the homepage, click refresh, andthere we go. all these are now linked up.
so if i show you this second one, so quicklybecome a wordpress pro, so if i click that, it goes to the wordpress skills page. go backto the homepage. i'll click the third one, the q&a forum support. that goes to the forumsupport page. and then finally the fourth one, which is learn the secrets of websitesuccess. and that goes to the website success page. right, so let's go back to the homepagenow. so now we've fixed the links right here. ialso 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'mgoing to choose the correct page for those links. so wordpress website tutorials. soi'm going to link that again to wordpress
skills, so i'm just going to open that ina 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'vegot 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 forthat. so i'm just going to paste that in there. and then go back here, and for the secondslide here, grab our free website logo. i'm
just going to link that to, just for examplepurposes i'll just link it to this page website success. so i'll just open that in a new taband copy the url, close that out, and paste that right here in second slider button linkurl. so paste that there and click save all changes. so now if we go back to the homepagehere, click refresh. so now you can see these buttons here. if i click this it's going tolink to the page, there we go, wordpress skills. if we go back to the homepage, so now we goback to the second slider there, click the learn more button, and then it goes to websitesuccess. so that's it. so we now completely finished the homepagethere. ok, so we've now got the homepage done. so what you want to do now is, i just wantto show you that we've got our features pages
listed here. one thing to note though, isthis right here is also a page. so if we click that, you'll notice that earlier we didn'tactually put any content for that. so at the moment it's just completely blank. so whatwe 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. solet's just go back to our dashboard. let's go into pages, all pages, and this will justlist 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 theparent page. so i'm just going to click edit here. so at the moment there's no text forthat. 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 goingto copy that out. obviously this is just example text here, but you want to actually writesomething that makes sense. so i'm going to say website success, forum support. so websitesuccess, forum support. and then the last one, which is wordpress skills. so i'll justput wordpress skills. so now i've got the description there, sowhat i want to do is also make these links, ok. so what, i'm going to grab the url forthe training page. so i'll just come over here, hover over here, right click open innew tab for the video training page, and i'll just copy that url, close that out, go backhere. so now i'm going to highlight video
training there, and i'm going to click thislink icon right here. and then, actually, you can either paste inthe url there, or another option which i can do is you can actually link to existing pagesright here. so to do that you just click this dropdown right here. and then you want tojust 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 thenhere forum support, insert/edit link. let's click the forum support page, add link, andthen finally the wordpress skills, so highlight that, insert/edit link, and then wordpressskills, 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 overto the features here and actually just click this features page right here, you can seenow we've got some text, and then the link here. so i'll just click that one. and it'slinking to the page i'll hit back. and there we go, website success, click that, and thatlinks to the website success page. so i'll just go back. so on the features page, youcan just briefly speak about each of the, in this case features. however, if you werewriting about your personal skills for example, and then you could write a brief descriptionabout your skills, and then link to the actual skills page where you can speak about it inmore 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 aboutpage for example. what you may notice here, is we've got a search box, which is probablya good thing there. and i've also got one of these recent posts. this hello world postright here, this is just another sample post that wordpress produces by default when youinstall it. and then recent comments is an example comment. archives, categories, and... ok, so what we do to get rid of or, to customizethis, we go over to the dashboard, go to appearance here, and click widgets. so, now what you'llsee, let me just move that out of the way. so now as you can see, this primary widgethere has got a few things listed. and these
things listed right here, is what you're seeingover 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. soif we come back to here, we don't really want, a few of these we could do without, for examplethis meta. the categories, if you've got multiple categories on a site, then you may want tohave that there. in this case, this is a small site, so we don't actually have any categoriesat the moment. and archives just lists all the posts produced within a period. for examplemay, if i click that, it will show me all
the posts produced in may. so i'm just going to clean this out righthere. so i'll leave the search box. all the rest of them just drag them over to the leftand drop click, hold down, drag over and drop. click, hold down, drag over and drop. so justrepeat that, until, the only thing we want is a search box, so that's done. so if we go back over to the page, refreshthat, and everything's gone now. it's just the search box right here. so, that's thatdone. so the website right now is pretty much complete. you've got our homepage here withour slider, our features links which are linking to our features pages. and in your case youmay want to call this, if it's maybe a blog
or website about listing your skills, youmay want to call this skills, and then list your different skills you've got here. andthen 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 completethis form. and when they click send, you'll automatically receive an email for that. now the email that this is going to go tois the one you selected when you set up, when you installed the wordpress site in our hostingaccount. but you can actually change that. i'll just show you that here. i'll go backto widgets, and go to contact here, click that. so now come back here, under contactform click edit. and if you scroll down here
you go, mail to, so this is the, my emailaddress which is going to receive the mail that's sent via the contact form here. soyou can customize that, and if you put a different email, just make sure you click to save thechanges, which is up here. so a few things i just want to briefly mentionis the permalinks. so if you hover over settings, and then go to permalinks. we've got postname 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 pagebecomes the url here. so if you see your url looking something like this, id = , and thena random string of numbers or characters or whatever, then all you need to do is justcome 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 refreshthis page, refresh. so that will make this page, the title of this page will become theurl, which is the most seo-friendly way to have your url structure. another thing you want to note is the sitetitle. if i just go back to our site here and go to the homepage, if you look up hereright here it says just another wordpress, and that says site. so we need to come overhere into settings, and then click general. and then what you want to do, you want togive your site a title here. so you can just call this the website name. so i'll just callit website wizard. and then, on the tagline
you can either leave this blank, or you canjust give a short description about your website. so i prefer to leave that blank most of thetime. so once you've done that, scroll down, hit save changes, and then come on over tothe website and refresh the page. and as you can see, now it's displaying our website nameup here. so that's that done. so let me just check my text document. sonow i've done the permalinks and premium theme. ok so, just open this back up. ok so thistraffica theme that we've been using is a free theme. however you can grab the premiumversion of the theme if you like. so i'll just show you over here some of the featuresof 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 premiumtheme. you can display six images in the slider. if you look at our webpage, we've only gota choice of two sliders. so if you want more sliders then you can do that. another reasonwhy you may want to grab the premium version is to get rid of this powered by trafficaat the bottom. if you're using this for business purposes, then you may not want that to bedisplayed there. you may want instead to have a copyright notice, which is what most websiteshave 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 formost of you i'm assuming this is probably
going to be ok. but if you're using this asa professional business website or whatever, then you may want to go ahead and grab thepremium version, to give you more options. so that's just an option there. so just to finish up here, i just want tomention about these social icons that i forgot to show you in the tutorial. so if we go overto 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 urlhere. so http://www. forward slash, whatever your facebook page url is. and the same thingfor 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, andgo over to the website, hit refresh, and then if we scroll down the page, now you can seeour facebook link right here. so that's it. that completes the tutorialfor this. what we're going to do now is optimize our website for the search engines. so ifwe minimize the screen now, what we're going to see is my text document. so i've completedthis top part now. so now we want to install some plugins. so what are plugins? well, pluginsextend the website functionality. so what that means is, for example, by default, withyour wordpress installation, the default wordpress themes don't come with a contact form. soas you saw earlier, we downloaded a contact
form plugin, and that allowed us to have acontact form on our website. so that's basically what plugins do. they allow you to extendthe functionality of your existing website. so the first plugin we're going to look athere is the all in one seo pack. so let me go and show you that now. to do that, we comeover here to plugins, and then add new. then just type in here all in one seo pack. andi'll leave the information for these below the video. so click search plugins here, andthere we go, all in one seo pack. so just click install now, and ok. and then what youwant to do is just hit activate plugin there. so now what you want to do if, i'll just goback to our website here. and for example, ill go to this video training page here. andwhat you want to do is optimize your pages
for the search engines. so if you go backto the plugin, and we can go to our page for example, all pages. so you want to optimizeyour page for the search engines. so let's go to this page, which is the video trainingpage here, and click edit. so now if you scroll down to the bottom of this page, what you'regoing to see is, you're going to see this option here, all in one seo pack. so thisone right here is showing you exactly how this page is going to display in the searchengines. so what you want to do... by default, google just grabs any random text from thispage. so what you may want to do for your seo optimization, you may want to includeyour keywords here. so what a keyword is, it's what you want yourwebsite to show up in a search engine for,
when people are searching. so this page righthere is about video training. so for example, my keyword that i might want to target heremay be video training. so what i want to do is include that in the title and descriptionhere. so you can use an optimized title here. and that's what's going to, when you put yourtitle 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 justsay video training. and then if you want to have branding for you website, you may wantto put your website name at the end there. and then also the description: get the bestvideo training over on our website. and you
may want to also include a telephone numberhere if you like. it depends on what the website's used for. you can even include a telephonenumber in your description here, or maybe even at the end of your title. you may wantto include your telephone number here. so that's up to you. so then the keyword hereis obviously what you're trying to incorporate into the title and description. so that'sit. so once you've done that, just head on downup 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 optimizedfor 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 friendlyimages. so click install there, and then activate plugin. so now if you scroll down you cansee the plugin's activated here. so now go over to settings right here and seo friendlyimages. 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 goand show you one of the pages on our website. so in this video training page, this pluginhas automatically optimized all of our images with the video title and also our websitename. so what that's going to do, is when people are going into search engines, forexample google, and they're searching via
google images, then what it's going to dois when they're using our specific keywords here, it's going to help our images show upthere. so that can help bring us extra traffic to our website. so the next plugin we want to install thenis, actually this wp super cache is already installed. but what i want to just quicklyexplain to you what it's doing here. so i'll go to plugins, and then as you can see, wpsuper 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'sgreat for not only seo, but also user experience too.
so another plugin you want to install is thegoogle xml sitemaps. so what this will do is it will structure your content for searchengines, and help your new content on your website get indexed fast, so they can showup in the search results. so to do that, go over to plugins, and add new. and search googlexml sitemaps. and click search plugins. and there we go, google xml sitemaps. click installnow. then click activate plugin. so that's it. that's all done for you, so you don'tneed to do anything else there. so finally, what we want to do here is wewant 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 righthere, is it will update key websites that your website's got new content. so what thatdoes, it will just help your website show up in the search results, so that you canget more search engine traffic. so what i've done right here is i've opened up a websitewhich has got a ping list here. and i'll leave the link to this below the video. but to findthis you just go into google and search wordpress ping list 2014. so just scroll down and copyall of these urls. copy that, and then go back into here, and then just paste it underneaththis existing ping url. and then just click save. and that's it. and you're done now. ok, i hope you enjoyed this wordpress tutorialfor beginners. i'll leave all the relevant
links below the video. and if you have anyquestions, just feel free to leave a comment below the video.