How To Make a WordPress Website in 3 Steps 😍 (Drag & Drop) – 2019
Articles,  Blog

How To Make a WordPress Website in 3 Steps 😍 (Drag & Drop) – 2019


In this video I’ll walk you through step by
step how to make a website in under 30 minutes, using my simple, 3-step WTF system. The best part? You won’t need to write a single line of code. We’ll create your beautiful custom website
at lightning speed so you can have your website up today. Stay tuned. Hey what’s up guys? It’s Chet here from WebsiteWizard.tv. And today I’m going to reveal my powerful
3-Step WTF Process to create an SEO Friendly Website in under 30 minutes. This is the exact process I use to quickly
create professional custom websites for myself and all of my clients. In fact, thousands of people just like you
have already used my free step-by-step WTF process to build their very first website. Don’t forget to subscribe for more awesome
content like this. And for all of you new subscribers, let me
know who subscribed by leaving a comment below the video saying �I subscribed,� and I’ll
reply to each and every one of you. So what can you do with the skills you will
learn in this video? You can build your own custom website and
avoid having to pay a web developer thousands of dollars to build or manage your websites
for you. You can create a blog that generates a passive
income every single month. You can build a portfolio site and showcase
your work to prospects. You can create an online resume, and impress
your potential employers to help you get that job of your dreams. You can create your own eCommerce website
or online store and start selling your own products online today. And you can even build websites for clients
and start earning some extra cash on the side. The list goes on and on. As you can see, building your own site really
is a no-brainer. And having your own website online costs less
than a takeout each month! So there really are no excuses. So now you are ready to get started. Let’s look at what you’ll need. First you’ll need a domain name. This is simply your website name. For example, WebsiteWizard.tv is my website’s
domain name. The next thing you need is web hosting. And this is where we store our website files,
so that our website can be seen online. These are the only two costs we have. And we can grab our domain name and web hosting
for as little as $10 a month. And I’m going to show you a coupon code in
the video, so you can get 30% off. The last thing we need is WordPress to power
our website. And this is 100% free software. Now, some of you may have heard of WordPress,
or may have even tried it. But what I’m going to do is I’m going to show
you in this video, WordPress to its fullest. And you’ll see what I mean later on in the
video. Some people get confused between WordPress.com
and WordPress.org. And the main difference is that WordPress.com
has a lot of limitations. But we’re going to be using the free WordPress
software from WordPress.org, so that we are in full control and we can customize our website
exactly how we like. If you’re confused about this, don’t worry. When we grab our web hosting, installing WordPress
on our server is a breeze. And it’s done in just a couple of clicks. It’s simple. Once we install WordPress on our server, this
allows us to quickly and easily build our site without writing a single line of code! WordPress is a super popular platform to build
a website with, and it powers around 25% of the websites online. And just take a look at some of the huge organizations
and celebrities that are using WordPress. Now that should give you some idea of how
powerful and how popular WordPress is. OK, so now we’re going to get into the step-by-step
walkthrough. If you have any questions at any point, be
sure to drop a comment below the video and I’ll get back to you. I’ve been building websites for a long time
now, so if you have any questions, I’m more than likely to know the answer. Let’s drive straight in. So, we’re over at HostGator here, and this
is where we’re going to buy our domain name and web hosting. Now I’ve been with HostGator for around 7
years now, and they’re perfect for beginners. Now another great thing about HostGator is
they’ve got free 24-hour live chat, and this is completely free. And any time you’re having an issue with your
website, all you need to do is contact them through their toll-free telephone number,
or you can just click their free live chat. I’ve always just done this. And this is 24 hours, so it doesn’t matter
if it’s three o’clock in the morning. If you’re having some kind of an issue and
you need assistance, click on live chat and you can chat to someone directly online, and
they’ll troubleshoot the issue for you. So we’ve got three hosting packages to choose
from here. There’s a Hatchling Plan, Baby Plan and Business
Plan. You don’t need the Business Plan, so don’t
worry about that one. But you can choose between the Hatchling Plan
and the Baby Plan. The only difference between these two is with
the Hatchling Plan you can only host one website, whereas with the Baby Plan you can host unlimited
websites. In this tutorial we’re just setting up one
website, so let’s go for the Hatchling Plan. So click on Sign Up Now. And I’ll leave a link to this correct hosting
package below in the video description so you can navigate straight to the correct hosting
package. So the first thing we want to do here is choose
our domain name right here. So in this tutorial we’re purchasing our domain
name and our web hosting. So we’re going to click the first tab here,
and then enter our domain name here. Now if you’ve already purchased a domain name
elsewhere, then you would just click this tab here, �I Already Own This Domain,�
you would enter your domain name here. In this tutorial we’re purchasing our domain
name and our web hosting, so click on the first tab, �Register A New Domain.� So what you want to do here is enter a domain
name. So this is the name you want for your website. So let’s try myfirstlittlewebsite.com. So on the right here you can select the domain
extension. I recommend you try and go for the .com if
possible. So select .com. As you can see, this is available, myfirstlittlewebsite.com. So I can add that as my domain name. Or if it wasn’t available, then all I would
need to do is select an alternative down here that is available. Or I can change the domain extension to something
like .net or .org, and then choose that as well. So once you’ve selected your domain name here,
scroll down to the next step. So as you can see, Package Type we’ve already
selected the Hatchling Plan in the previous step. So, we want to go down here to Billing Cycle. So as you can see, by default they’ve selected
3 years payment in advance. Now, I recommend you hit the dropdown, and
choose monthly here. So that way you’re not tied in to anything
long term. However, you do get a slightly bigger discount
if you pay for 12 months in advance. So if you want to pay month-to-month, select
one month here. If you’re comfortable and want to commit to
the 12 months, then you can select 12 months here. And I’m going to give you a coupon code for
both of these. So select one month here or 12 months. I’m going to go for the one month here. And you just want to choose a Username and
Security PIN here. And make sure you remember them, because we
will need them at some point. So scroll down to the next step. And you want to enter your billing information
here. You can choose to pay by PayPal or credit
card. So if you’re paying by PayPal, click PayPal,
fill in your details over here. Or if you’re paying by credit card, select
Credit Card, and enter your credit card details, and then enter your personal details here. Now one thing to keep in mind is make sure
you’re entering all valid details here. Because once we sign up here with HostGator,
they’re going to send us a welcome email here, which is going to contain all of our login
information. So make sure you enter in valid details here,
and scroll down to the next step. As you can see, there are some additional
services here. These are just extra add-ons that we don’t
actually need. And by default they’ve actually added some
of these on. So you want to uncheck all of these extra
add-ons here, as we don’t need any of these. Now the one here, Domain Privacy Protection,
you may or may not want this. Basically when you purchase a domain name,
your details get associated with that domain. So if you don’t want that to be the case,
select this add-on here. However, I’m going to keep all of these unchecked
here in this tutorial, because these are extras that we don’t actually need. So I’m just going to leave all of these extras
unchecked and scroll down to the next step. So right here enter a coupon. I’ve got two coupons for you here. The first one is flowerpower. So enter flowerpower here with no spaces and
then click Validate. And as you can see, the amount due here has
dropped all the way down to $12.96. Now the FlowerPower coupon is the best coupon
to use if you chose to pay month-for-month. However, if you chose to pay for 12 months
in advance, then I’ve got a better coupon for you, it’s EasyPeasy. So remove this and type ‘easypeasy’ with no
spaces, and click validate. Now as you can see, this has gone up now because
we’re actually paying month for month. So the best coupon in our case is flowerpower
with no spaces. Click Validate, and there we go. And I’ll leave all of these coupons below
the video, in the video description. So once you’ve done that, you just want to
click to agree to the terms here, and then click Checkout Now. Once you click Checkout Now, you’re actually
going to be sent a welcome email which contains all of your login details for your hosting
account, so that we can log into our hosting account and start setting up our website. So check to agree to the terms, and click
Checkout Now. So once you’ve received the welcome email
from HostGator, it’s going to look like this right here. And make sure you don’t delete this email,
because it contains all of your important login details for your hosting account. So all you want to do is you want to click
on the control panel here to open that in the web browser. And then you want to use your Username and
Password here to log in. So go ahead and do that right now. So after clicking the Control Panel link in
your welcome email, you’ll be on this page right here. So just go ahead and use your username and
password there to log in. So we’re inside our control panel here. So what you want to do is you want to scroll
down to the Software section here, and then you want to click on Quick Install. So now what you want to do is you can click
on WordPress here, or you can use this option, One-Click Installs. I’m just going to do that one. Click on One-Click Installs, and then click
on WordPress. So what you want to do here, on the dropdown
you want to select your domain name. So select your domain name here, and then
click Next. So the first thing we want to do is we want
to enter our website title here. So you can just put your domain name here
as the website title. And you can actually change this later on
anyway, so it’s not a big deal. So in my case my website is WebsiteWizard.tv,
so I’m just going to put Website Wizard as the website title. Now for the website user you want to choose
a username that you’re going to use to log in to your website. And then you can put your first name and last
name here. And then you want to choose an Admin Email. And make sure the email you enter here is
a valid email that you have access to, because once you install WordPress here you’re going
to get the details for your website at one of the emails to this address here. And then click to agree to the terms. And then click Install now. Ignore all of this stuff down here. This is just some upsell. We’re installing WordPress ourselves for free. So ignore that. So once you’ve filled in your details here,
go ahead and click to agree to the terms, and then click Install. So as you can see at the top here, WordPress
is now installing on our server. And there you go. You can see now the installation is complete. So what you want to do is you want to make
note of the details right here. You want to make note of your Username, and
then also the Password. You’ve been given a password for the username
we just selected in the previous step. Make sure you copy these down somewhere so
you don’t lose those. Because these are the details we’re going
to actually use to log into our website. So once you’re ready to log into your website,
click on this link right here. So go ahead and do that now. So we’re now on our website. So we want to actually access the login page. So what you do is enter your domain name here. And then you put /wp-admin. And this is the URL you use when you want
to log in to your website. So it’s your domain name followed by /wp-admin. Visit that URL, and we’re now on the login
screen for our website! So this is where we log into our website. So use the username and password we just noted
down, and log in to your website. So there we go! We’re now inside the back end of our website. So we can now start to customize our website
and set everything up. Now you just want to click �I don’t need
help� here. This is just another upsell. We don’t need that. We’re doing everything ourselves for free. And again let’s just close this upsell here. We don’t need that. So we’re now inside our WordPress dashboard. Now on the left hand panel here, this is where
we make all of the changes to our website. So to get started let’s just clean out some
sample data that’s created when we installed WordPress. So hover over Posts here and click on All
Posts. And then you want to check this check box
right here Hello World, and then click Trash. And then you want to hover over Pages, and
then click on All Pages. And then you want to select the check box
next to Sample Page, and then click Trash. Then you want to hover over Plugins, and then
click on Installed Plugins. And as you can see, there are a few plugins
that are installed by default. We want to delete all of these, so we can
start out fresh. So to select plugins you can select those
individually here, or just come up to the top right next to Plugin, select this check
box, and that will automotically select all of these plugins. Hit the dropdown here and choose Deactivate,
and then click Apply. So now that we’ve deactivated all of those
plugins, we can now go ahead and delete them. So we’re going to select all the plugins by
clicking this check box at the top next to Plugin. Hit the dropdown, and this time select Delete,
and then click Apply. And then click OK to confirm. And you can see those are now being deleted
from our website. So the first thing we want to do is make sure
our website is optimized for the search engines, so it’s search engine friendly. So hover over Settings, and then click on
Permalinks. And you want to select Post name here, scroll
to the bottom, and click Save Changes. And this is the most optimal URL structure
for our website so that it’s SEO -friendly. So what you can do is you can now download
the assets for this website that we’re going to create. And I’m going to put a link to that on the
screen right here and also in the video description. So you can download all of the assets that
I’m going to be using in this tutorial, and you can follow along with me using those. And as you can see right here, I’ve already
downloaded the assets to my desktop. So what we want to do now is we want to give
our website its overall appearance. So we’re going to be using my Pow theme I’ve
created for you guys in this tutorial to set up our website. And again I’m going to put the link on the
screen right here, and also in the video description so you can download the Pow theme. And if you already downloaded the website
assets here, you can open that up, and the Pow theme will already be inside that folder. So I’m going to select that from here. So what I’m going to do is, I want to hover
over Appearance and then click on Themes, and then I want to click Add New at the top
here. And then what you can see with WordPress,
this is a beautiful thing about WordPress, you have hundreds and hundreds of different
website themes. So you can literally completely change the
look of your website just by changing a theme here. And these are all free as well. So this is amazing. So what we’re going to be doing is we’re going
to be using the Pow theme. So we want to click on Upload Theme here,
and then click Choose File. And then click on the Website Assets folder
here. And then you want to click on powertheme-child
here. Now you want to make sure you leave it in
the zipped format. When you download the power theme here, don’t
unzip it. Leave it exactly how it is. So I’m going to double-click on the powertheme-child
zip file here, and there we go. So now I’ve selected that right here, and
so I want to click on Install Now. And then once you’ve done that you want to
click on Activate. So there we go. We’ve now installed the Pow Theme right here. Now one thing to make note of is the Pow Theme
here is a child theme, and it’s a child of this Twenty Sixteen. The Twenty Sixteen theme is the parent of
this child theme. So, the reason I’m telling you this is because
you want to make sure that you do not delete this. If you delete this Twenty Sixteen theme here,
it will actually prevent our site from working, because our current theme here, the Pow theme,
is working by connecting to this theme. So just make sure you don’t delete these themes
here. So let’s go ahead and check out our website
right now. So to do that you want to hover over your
website name at the top, and then click Visit Site. And there you go! This is what our website currently looks like. There’s nothing going on here at the moment. So we’re going to customize all of this. Now we’re going to go back to the WordPress
dashboard by hovering over our name and click Dashboard. So what I’m actually going to do is I’m going
to click this Dashboard here open in one tab, and then I’m gonna open the website in a second
tab. So hover over the website name and right-click
on Visit Site, and open that in a new tab. So that way we’ve got our live website in
the second tab, and in the first tab we’ve got our WordPress dashboard where we can make
all of the changes to our website. We want to now install a couple of plugins. So hover over Plugins and click on Add New. And then you want to type Beaver Builder here
in the search box at the top. And as you can see, the Beaver Builder here
is right here. Now this plugin is amazing. It’s going to make our website completely
drag and drop. So it’s going to make everything super easy,
and it’s going to really allow us to customize everything exactly how we need. So what you want do now is, now you’ve typed
Beaver Builder here, you want to click on Install Now on this one right here. So now that that’s installed, click on Activate. And what I’m going to do is I’m going to leave
the details for all of these plugins in the video description. So we want to install a second plugin. So come on over to Plugins, click on Add New,
and in the search box here type �wp add custom css.� Again, I will leave the details
for this plugin in the video description. So type �wp add custom css.� And you can
see that right here. So go ahead and click on Install Now. And then now you want to click on Activate. And what this plugin will do is it will allow
us to just use some custom CSS just to change a few styling features. And I’m going to give you the code for that
so you don’t need to worry about anything. And again, everything is going to be inside
the video description, and also in the Website Assets folder right here. So let’s start by adding our website logo. So hover over Appearance and click on Customize. And then you want to click on Site Identity
here. And then you want to click on Select Logo. Now inside the Website Assets folder here,
I’ve got a sample logo you can use right here, but actually if you sign up on our website
at websitewizard.tv you can actually sign up to our newsletter, and you get access to
our free customizable logos. So you don’t have to pay someone a few hundred
dollars to create a logo. You can actually use our customizable logos,
and you can edit those with your own website name. So if you want to get access to those, go
ahead and sign up on our website at websitewizard.tv. Let’s click on Select logo, and then let’s
click Select Files and go inside our Website Assets folder, and then let’s select logo. So double-click on that. And there we go. That’s now finished downloading. So you want to just click on Select in the
bottom right hand corner here. And you want to crop this. So drag this out to the left and then also
to the right, and then just from the bottom up, and then from the top downwards, just
to get as close as possible to the actual logo right here. So that’s about right. So you want to just click Crop Image in the
bottom right here. So there we go. We’ve got our website logo here. Now we’ve also got our website title here
and it’s �Just another WordPress site.� Now you want to get rid of that �Just another
WordPress site.� And for the website title, because we’ve got our logo here, we can get
rid of our website title. So you want to uncheck this Display Site Title
and Tagline. So uncheck that, and there you go! We’ve now got our website logo. So what we want to do now is we just want
to click on Publish to save those changes. So what you want to do now is just hit this
back button right here to jump out of here. And then you want to click on Header Image
right here. So what we can do is we can actually add a
header image to display on our website. So I want to click on Add New Image. And then I’m going to click on the Upload
Files tab here, and then click on Select Files. And inside our Website Assets folder you’re
going to see this Header here. So go ahead and double-click on Header. And once that’s finished uploading, as you
can see the image is appearing here so it’s finished uploading. So in the bottom right we’re going to click
Select and Crop. Now this time you just want to drag this so
hover the cursor in the middle like this. And you just want to drag this down. So don’t change the size. Don’t drag the edges or change size. Just keep it at how it is. Drag from the center, and just get that in
here, something like that, and then click on Crop Image. And as you can see, here’s our website header. And then once you’ve done that, you want to
click on Publish at the top here to save the changes. So if we go back to our live website in the
second tab and click the Refresh button, you can now see our website headers, which is
really cool. So let’s head back to the WordPress dashboard
in the first tab. So what we can do now is let’s jump back out
of here. So hit the back button here, and then click
on Background Image. So again, inside the Website Assets folder
I’ve got a background image. So let’s click on Select image here, then
click on Upload Files, and then click Select Files. And inside the Website Assets folder we can
choose the background image right here, as you can see, Backgrounds. So let’s double-click on that. There you go. So it’s finished uploading. So what we want to do in the bottom right
is we want to click Choose Image. And there you go. You can see around the edge here we’ve now
got our background on our website. So you want to click on Publish to save those
changes. So what we want to do now is we want to actually
create our homepage for our website. So let’s click across here to jump all the
way back to the WordPress dashboard. So we want to create our website page here,
our homepage in this case. So let’s create our homepage. So hover over pages and click Add New. So let’s give our homepage its title. I’m going to say �Planning Your Wedding.�
So this is where you enter the page title right here. So what we can actually do here is we can
click Page Builder here. And this is going to give us a drag-and-drop
interface, which is awesome. So we’ll just click �No Thanks� here,
and then click Cancel at the bottom here. So we’re now ready to use the drag-and-drop
functionality to add some content to our webpage. So what you want to do is you want to click
on Row Layouts. So you can see you can choose different columns. We want to go for two columns here. So I’m going to left-click on this and drag
into this area right here where this blue bar is. Drop that there. So as you can see I’ve just added two columns
here in this area. So what we can do is we can add an image in
the left column, and then we can add some text in the right column. So let’s do that right now. So what we need to do is, under Basic Modules
here, let’s grab the Photo module here, drag to the left. And as you can see, while you’re still holding
down the button on the mouse, you can release this in different areas. And you can see where it’s released by the
blue bar. So we want to put our image right here. So I’m hovering over this blue bar here so
I’m going to release the mouse and drop that right there. So what you want to do is you want to click
Select Photo, and then click Upload Files, and then click Select Files. And inside our Website Assets folder there’s
a Home folder. So go inside the Home folder and you’ll see
this image1. Double-click on image1. And there we go. That’s now uploading. So this is our image. So in the bottom right click Select Photo,
and then click on Save. So there we go! We just added a photo here. So let’s add some text on the right here. So click on Add Content at the top here, underneath
Basic Modules. If you click that it closes that. Let’s just click it again to open that up,
and let’s grab the Text Editor here. So left click, drag that into this area here. So I’m going to drop it right here, and there
we go. So we can enter some text here. Now let’s click on this end icon here, as
that opens up some extra formatting options. So inside the Website Assets folder I’ve got
the text. So I’m going grab that. So I’m going to reduce the screen size here. And inside the Website Assets folder here
I’m going to go inside the Home folder, and then open up this right here, �Text.�
So this is Text Block 1. So I’m just going to copy the text here, and
I’m going to paste that inside this area here. And there you go. So let’s just increase the screen size here
so we can see what’s going on. So all I essentially did is pasted some text
in here. You can actually just type that out, type
whatever you want. I’m just pasting that. So I’m going to paste that here. And then I’m going to click Save. So there you go. Now, I want the same thing below. So I can actually just hover over this whole
area here. So it’s not these individual columns. You want to actually hover over the big area
here at the top. And you can see this icon right here. This is the Duplicate button. So if I press that, there you go. I’ve just duplicated this area here. So actually what I want to do is I want the
image here, text here, and then in this one I want text and then image. So all I need to do is hover over this icon
here at the end, and just drag that to the left. You can see from the blue bar, I can see where
it’s going to place that when I release the mouse. So I’m going to release the mouse right here,
drop the text in the left hand column. And I’m going to grab the image here, hover
over the first icon and drag it all the way to the right in the right column here, and
then release that right there. Now again, I want one more row with an image
and text. So I’m actually just going to duplicate the
first here. So I’m going to click the Duplicate button
right here. So I’m just going to now hover over that,
and then grab this icon here, and drag that all the way to the bottom right here so the
blue bar is underneath this column here. Release that. There we go. So we now have got three rows. Now obviously I want to change up these images,
because they’re using the same ones right now. So let’s go to the second one here, and let’s
just change the text. So I’m going to click on the text here. So we can change out the text. We can type that in manually, or I’m just
going to paste that text right here. There you go. And I’m going to click Save. So I’ve changed the text here. I need to change this image. So again just click on the image, and then
click on Replace here, and then click Upload Files. And then click Select Files. I’m inside my Website Assets folder and then
in the Home folder. So I want to select image2. So double-click on the image2 here. There you go. The image is appearing here. So that’s done. So in the bottom right click Select Photo,
and then click on Save. So there you go. We’ve now changed the image and text here. So we want to do the same thing in this final
row here. So just click on the image, click on Replace,
and then click on Upload Files, click on Select Files. And now inside our Website Assets folder and
then inside our Home folder we can see image3. So double-click on image3 right here. And wait for that to finish uploading. There you go. The image is appearing here so it’s done. So in the bottom right click Select Photo. And then click Save at the bottom right. There you go. We’ve now changed the image. We just need to change the text here. So click on the text area, and I’m going to
change the text here. You can actually just type that manually if
you like. And now we’re just going to paste the text
right there, and click Save. So there you go! So what I’m going to do is I actually want
to give these rows some background color as well. So what you want to do is hover over the first
row here. And these are the two columns, so not this
part. You want to hover up to the top here and this
right here. So you want to click on this spanner icon
right here, or wrench. And if you scroll down to the bottom you can
see this background here. So underneath Type you want to select the
dropdown and click Color, and then scroll down and you can see this Background Color
option that is now appearing. So you can click this eyedropper icon here. And you can actually just click on different
colors here. So you can choose different colors here. Now what I’m actually going to do, is because
I know the hexadecimal code — this right here at the top here, this is called the hexadecimal
code, or hex code. And that basically is just the code for a
particular color. I’m going to paste the hexadecimal code here. And there you go. You can see the color there has changed. So I’m going to click Save now. So there you go. I’ve changed the background color on this
row here. So I’m going to leave the second row white,
but I want to use the same background color for the third one. Hover over the row containing these two columns,
click on the wrench icon, or spanner, and then scroll down to Background here. And underneath Type, hit the dropdown, and
select Color. And you can now see the Background Color option
here. So to the right of the color you want to click
the eyedropper here, and we’re just going to paste in the hexadecimal code at the top. And you can see that same color right there. So I’m going to click Save. So one thing you may have noticed on the homepage
here is that we’ve got this sidebar on the right. Now I don’t want this sidebar on our homepage,
so I’m actually going to get rid of that. And I’m going to give you some CSS codes to
use to get rid of the sidebar so that this is full width right here, so that it comes
across the whole page. So to do that, head on over to the assets
folder. So open up the assets folder, and then go
into the Home folder, and then you’ll see this CSS code. So open that up, and then just copy all of
this code right here. Close that. Let’s open the web browser to full again. So what you want to do now is, we actually
want to save what we did here first. So let’s click Done at the top here, and then
click Publish Changes. What we’re going to do now, is we want to
hover over the top here and click Edit Page. And if you scroll to the bottom you can see
this Custom CSS. So we want to right-click and paste the CSS
code I just gave you. And scroll up to the top and on the right,
click on Update right here. So what we want to do now is we actually want
to make this page our homepage. So to do that, we want to go to Settings and
Reading. And then you want to click here Your homepage
displays. And you want to select �a static page�
here. So select that, and on the homepage here hit
the dropdown and choose that page we just made. I called my page Planning Your Website. So whatever you called that page, so let that
here, scroll the the bottom and click Save Changes, hover over the website name and click
on Visit Site. And there you go. You can now see our homepage. It has now got our logo, our banner, and we’ve
now got our three rows here, and we’ve now lost the sidebar. So let’s head back to our WordPress dashboard. So hover over the website name and click on
Dashboard. So we can now create a Contact Us page. Now again, we’re going to be using a plugin
for this. So hover over Plugins and click on Add New. In the search box at the top here, type �contact
form 7.� And again I’ve got all the details for these plugins in the video description. So you can see here Contact Form 7. So just click on Install Now, and now click
Activate. So we’ve now activated the contact form plugin. So underneath Contact Form 7 click on Settings. And you want to left-click on the Shortcode
here, right-click and copy. And now that we’ve copied the shortcode, we
can use that on our Contact Us page that we’re about to create. So let’s create our Contact Us page, and we
can paste this code on that page, and that will generate a contact form. So to create our Contact Us page, hover over
pages, click Add New, and let’s give our title here �Contact,� and then click Page Builder. And again just click Cancel for these templates. We don’t need those. And we want to click Row Layouts and drag
a 2 Columns here to the left and drop that right here. So we’ve now created two columns. So I want to paste that code in the left column
here. So you can click Add Content. Underneath Basic Modules, we want to grab
Text Editor, drag to the left and drop that right here in that column. And you just want to right-click and paste
in that shortcode that we just copied, and then click Save. And there you go. Look at that! We’ve now got a contact form on our website. So if anyone wants to contact us, all they
do is they fill in their details here, press Send, and this message gets sent directly
to our email. And that will be the email you used when you
installed WordPress. So on the right here we can just add some
extra details. You can add your telephone number, your email
address, your physical address. And we can also add a Google Map. So at the top click Add Content, drag Text
Editor to the left, and drop it in the right column here. And then you can type Phone, and then put
your phone number here. You can also put Email, and then just put,
and then you can also put your physical address. And if you want you can just highlight this,
and use the formatting option here. So click bold button, highlight this, and
click the bold button, highlight this, and click the bold button. So you can see here, the way you format text
here using these editing options here is exactly the same as Microsoft Word. So if you highlight all of this and click
the Center Align button, that will center align the text. And you’ve got and Undo and Redo button here. So if you make a mistake you press Undo, and
if you want to redo that, press the Redo button. So once you’ve put your details here, you
can click on Save. Now one other thing you might want to do is
put a Google Maps here. So let’s head on over to Google. So I’m just going to type maps in Google and
click on the Maps button here. And then what you want to do is you want to
enter your physical address here at the top. Now I’m just going to type in London here. I’m just going to quickly grab any map. And I’m going to click on the Share button
here. And then I’m going to click Embed Map, and
I’m going to choose a small one here. So select small from the dropdown, and then
right-click on the code and copy. I’m going to close that, and head back into
here, click on Add Content, drag this HTML here, and drop that below here. And I’m just going to right-click, and paste
in that code, and click Save. There you go! Now we’ve got a Google Map on our Contact
Us page. So now we can save this page. So at the top click Done, click Publish Changes,
and there you go. Here’s our Contact Us page, which is awesome! So what we want to do now is we want to add
a navigation menu to the top of our website. So hover over the website name and click on
Dashboard. So you want to hover over Appearance and click
on Menus. Let’s give our menu a name. I’m going to say My Menu, and then click Create
Menu here on the right. So what we can do is we can add some pages
to our navigation menu. So if you click View All here, you can select
Home, you can select About, and you can select Contact. So I’m going to select those and click Add
to Menu, and I’ve now added those to the navigation menu. So this Planning Your Wedding page is actually
my homepage. So if I hit the dropdown here, I can just
rename that and just call that Home. And let’s just close that there. And you want to select Primary Menu here. And then click Save Menu. So let’s now head on over to our website to
check out our new menu. So hover over the website name, click Visit
Site, and there you go look at that! We’ve got our cool little navigation menu
here. So what you’ll notice is we’ve still got our
sidebar here. So we want to customize this. And you can see we’ve got Recent Comments,
Archives, Categories and Meta. So let’s customize the sidebar. So head back to the WordPress dashboard by
hovering over the website name and clicking Dashboard. Hover over Appearance and click on Widgets. And then the stuff here that you’re seeing
is what we’re seeing in our sidebar. Let’s get rid of Archives, Categories and
Meta. So hit the dropdown and click Delete to get
rid of the first one, underneath Categories, hit the dropdown and click Delete. And for Meta, hit the dropdown and click Delete. So now in our sidebar we’ve just got a search
box, we’ve got Recent Posts, and Recent Comments. So that completes this tutorial on how to
make a website with WordPress! If you like the video, let me know by clicking
the Like button. And if you have any questions, feel free to
drop me a comment below the video and I’ll get back to you. Also let me know in the comments section if
there’s anything you want me to cover in my next tutorial. Be sure to also subscribe, so that you get
notified when I release new videos. OK guys, it’s competition time! Congratulations on making it to the end of
the video. What I’m going to do now, is I’m going to
give you the chance to Win a $100 Cash Prize! So if you want to take part in the competition,
all you need to do is Like and Share the video, and then leave a comment below the video saying
�Pick Me.� And once we receive enough comments below the video, I’m going to randomly
choose one person as the winner. Thanks for watching.

64 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *