How To Make A WordPress Website - Simple & Easy

Hi guys,

In this video I'm going to show you

how you can quickly make a website, using wordpress

Now after watching this video, you will be able to make

any kind of website using wordpress, just like this, by using drag & drop.

So, don't miss out on this video and watch it till the end,

to learn how to do it.

Okay!

So, I'm Bryan from WebsiteLearners

and Let's start making our website using WordPress!

Okay!

So before we start, you need to First, Click the link,

below this video.

So I'm going to click this link.

And, It will take you to this page.

Now we're going to make our website in just 4 steps!

So the 1st step is to pick, a name for your website.

Now, I have already picked a name which is

"pixelsimply.com"

So I'm going to search for it...

And then click "check availability".

Okay, so you can see that, ‘the name’ is available.

Once you get your name, you can go to the next step,

which is to get the domain name and hosting.

Now this name is called as a domain name

It is the website's address, which people have to

enter, to reach your website.

And hosting is the place, where your website's files

are stored on the internet.

Like your website’s images & text.

So to get your hosting and this domain name,

let's scroll down

and click get hosting

Now This will take you to a website called ‘BlueHost’,

This is the place, where we're going to get our hosting & domain.

So to get it, let's click 'get started'.

Now here it will ask us to choose a plan.

So based on the number of websites, you’re going to build

You can choose a plan here.

I want to build 1 website

so I’m going to choose this plan.

And it will take you to this page.

Now here

enter the same name which you selected before

So I'm going to enter pixelsimply.com

and click 'next'.

Now as you can see our domain is still available.

Now to get this domain and hosting

Let’s fill up these details

Now, here you can see that we're getting our domain,

and our hosting.

Now this hosting will be valid for 36 months

which is 3 years

So, once we place this order, your website will be live, on the

internet for the next 3 years.

Now, if you want you can also click here

and choose 12 months, which will give you hosting for 59 dollars

but I'm going to choose 36 months

so that I get the lowest price.

Now here to reduce the price, let’s uncheck these items.

And as you can see our price has been reduced.

Now to get our domain & hosting

Let’s enter our payment details

And click submit.

So, now we've successfully made the payment,

and we've got

our domain and hosting.

So once you've get your domain and hosting from this link on our website,

You will also be able to get our complete WordPress course for free of cost

We will show you how you can get our course for free at the end of this video

Okay, So once we have got our domain and hosting,

We can go to step 3 of launching your website,

Which is to create your account on bluehost

So to create the account.

Let’s click here, then enter a password,

And click ‘create account’.

Okay!

Now our account is created.

So let’s login

And then enter the same password.

And login.

Okay!

So once, we have created the account

We can now go to the final step of launching our website,

which is to Install Wordpress.

Now once we install wordpress, we can start building our site.

So, To install wordpress, all you have to do is

Just click 'skip'.

And as you can see, wordpress is now being installed!

And it’s DONE!

Okay!

So Wordpress is now installed.

and this means, we can now launch our site on the internet.

Now, before we launch our site, let’s confirm our email address.

So let’s go to our inbox,

And then open this mail

And click ‘verify’

Okay!

So now we’ve successfully verified our email address

Now to launch our wordpress site.

let’s click home

And then click ‘login to wordpress’

Now if we click ‘launch your site’

you can see that, our website is live!

now if you open a new tab

And then enter your website address which is ‘pixelsimply.com’

And press enter

you can see that,

we now have a brand new website,

on the name which we selected.

And anyone in the world can access this site,

By going to this address.

So!

This is how, you can launch your wordpress site, on the internet!

Now once, you’ve launched your site,

next let’s see how you can control this website.

Now as you can see here, we've got a black bar,

so this means right now we're logged into wordpress,

And we can make changes to this site.

Now if we visit this site from a different browser

you can see that, we don't see this bar here.

which means others can't control your site unless they are logged in.

Okay!

So to control this website

Let’s go here and click ‘dashboard’.

It will take you to this page.

Now this is the wordpress admin area, where you can control

everything about your site.

So for example,

Here you can see that we have a sample page

Now in our admin area, if we go to pages

You can see that, we have the same sample page here.

Now if we delete this page

and click refresh

You can see that the page is deleted

So this is how you can control your site from the WordPress admin area

Okay, Now once it’s launched, this is how the wordpress site will look like, by default.

So NOW, let’s go to the second part of this video, where we see how you can

make this default wordpress site

Into a professional website like this.

So to make this into a professional website,

we’re going to do 2 steps.

The 1st step is to import the design

Now instead of creating our website from scratch.

We're going to import a design,

and then Edit it, to make our own site.

Okay!

So to import a design into our site,

first we're going to install a theme in wordpress

Okay, so to install the theme,

Let’s go to our dashboard.

Now go to appearance,

And click themes.

Now here you can see the default themes which come with wordpress.

Now to add a new theme,

Let’s click here

And you will find different themes which are available for WordPress

Now we are going to install a theme called Astra, So lets go here

And then search for ‘Astra’,

And you will get this theme.

This is the theme which is going to help us import the design on our site.

Now to install it,

Let’s click install.

And to apply this theme on your site, click ‘activate’.

And as you can see

The astra theme is now active on our website

Okay!

So once, you’ve installed the theme,

Next we need to choose a design for our website.

So to choose the design,

Let’s click ‘get started’

And now, it will ask you to choose a ‘page builder’

Now these are the tools which will help you edit, your design.

Now we recommend that you choose elementor here.

Which makes it easy to edit your pages.

So, I’m going to select ‘elementor’

And now you can see all the designs, which can be applied to your site.

So have a look at these designs,

And select the one you like.

I’m going to choose this one

And here you can see a preview of how the design looks

Now to import, this design, into your site

Just click ‘Import Complete Site’

And then click import.

Okay!

So now the design has been imported

now if we go back to our site

You can see that, this is how our site was before.

Now if we click ‘refresh’

You can see that,

We have got the exact design which we selected

And we also have these other pages

which also has these demo content

Okay

So, Once you've got the design into your site

Next let’s go to step 2 of building your website

Which is to edit the content.

Now here you can see that we have all of this content.

Now how do you edit your page, to add your own content?

To edit any page on your site.

You just have to go to that page

and click Edit with Elementor.

So let's say you want to edit the homepage.

Just click ‘home’

And then click "edit with elementor".

And now it will take you to this editing mode, where you

can edit any part of this page.

So let's say you want to change the text here.

you just select the text,

And then start typing anything you want

So I'm going to type Hello!

I Just made Launched A New Website!

And now if you want to change the text on this button,

just select it

And then enter your text

So in the same way, you can edit any text

you want on this page

Just select the text.

and then start typing.

So this works throughout the website.

Now if you want to change this image, just click it.

select the image here

And then drag and drop an image from your computer

So once you have done with the changes, you can save this page by clicking update

And all your changes will be saved.

So now if we go back to our site and click refresh

you can see that all our changes have been applied

Okay, so now you know how you can edit any page on

your site

Next we're going to see

how you can change the Header

area of your website.

Now by choosing elementor you will able to change

this part of your website.

But if you want to change this area,

which is the header

you can do it by going to the customize option.

So let's go to customize.

Now here you can see we have these "Blue icons".

Now if you want to change this logo,

just click this "Blue Icon"

and you can change the Logo here.

Now in the same way you can change the menu section

by clicking this icon.

So everything can be edited by using these blue icons.

Once you are done with the changes,

just click "publish"

and they will be published on the site.

So this is how you can change the header of your website

Now, lets close this

Okay, so we saw how to edit the header area

Now, what if you want to add a new page?

It's very simple.

All you need to do is, go to new,

And click page.

Now let's say you want to create a service page for

your website

you need to first enter a title.

and now to start creating your a page just click

edit with "Elementor".

And now, it will take you to this blank section.

Now here we have 3 different ways to create your page.

First you can either use these elements

which are here.

and then drag and drop them into this area.

So for example, if you want to add a heading

you can drag and drop this element here.

and then enter your text.

To add an image you can drag & drop this element.

So drag & drop here and start creating your page

Now the 2nd way to create a page

is by using ‘blocks’.

Blocks are ready made sections, which you can add to your page.

So let’s say you want to add a section like this to your page.

Just click here

And now if you go to ‘blocks’

You can see different types of blocks which you can add to your page.

Now to build your page, all you have to do is, choose a block from here

Then click ‘import block’

As you can see, we’ve got the block here.

Now let’s add 1 more block here.

So let’s click here

Then choose the next block.

And import it

And as you can see, we now have our page.

So now to complete this page, all you have to do is

Like we did before,

Just select

& then change the content

To change this image, let’s click here

Then select your image

And add your image.

So in this way, you can build your page using blocks

You can also find more block designs by clicking here

And then choose a block from here

Next let’s look at the 3rd & final way of building a new page which

is by importing a page template.

So let’s delete these blocks

And now we’re back on the blank page

Now to import a page template…

Just click here

And instead of block Let’s go into ‘pages’.

and as you can see you will find a lot of page designs here.

Now if you want to use any design

just click it.

See how its looks like.

And if you like it,

just click ‘insert’

And as you can see

we've now got the entire design into our page.

Again, like we did before, you can change anything

on this page,

Just by selecting it and typing anything you want.

This is how it works.

Once you are done with the changes,

Just click publish

Then click here

And select view page

As you can see, we have published a brand new page, on our website.

So This is how you can add new pages, to your wordpress site.

Now here you can see that

this page which is called ‘our services’ is not on our menu yet.

So next let’s see, how you can add this page

to your menu.

So to add this page to your menu

Let’s go back to ‘customize’

And click this blue icon

Here you can see that we have all the pages, which we have here

Now to add this new page to your menu

Just click ‘add items’

And here you can see the new page which we just created

Now if we click on this page,

You can see that, this page has been added to your menu.

Now to move this menu item here

Just drag this item and then drop it where you want.

And As you can see, this page now appears here

Now to save this

Let’s click ‘publish’

Now if we go back to our site and click ‘refresh’

You can see that, we have now got this page in our menu

Now if we click ‘home’

It takes us to our homepage

And if we click ‘our services’

We can now see our service page.

This is how you can add new pages to your menu

Okay!

Now you know how your site looks on computers

But how will this page look on a mobile phone.

So Next, let’s see how this page will appear on a mobile phone.

So now if we take our mobile

And then go to our website

you can see that, our site is automatically optimized for mobiles.

And this is how it looks.

Now if we click here

You can see our menu on the mobile phone

Now if we go to services

You can see that , this page is automatically optimized for mobile phones

Now let’s say you want to change the size of this text only on mobile phones.

How do we do that?

So next lets see how you can change how your site looks on mobile phones

So let’s go back to our computer

Now make sure you’re on the page which you want to edit

And click ‘edit with elementor’.

Now scroll down to the place which you want to edit

Now to change the size of this text on mobile, just click this icon

And then change to mobile

And as you can see we have got the mobile view of our website.

Now to change this text on mobile

Let’s click here

And make sure you’re on the style tab

Now next to typography click ‘edit’

And here you can see that, we can now change the font size on mobiles

So to change the size

All you have to do is

Just drag this slider

And the font size will be changed on mobile phones

Now to save your changes

Just Click ‘update’.

And Now if we go to our site on mobile

And refresh the page

You can see that, our font size has been changed.

So that’s it guys!

This is how you can edit your website for mobile.

So now you know, How you can launch your site,

By getting a domain & hosting.

Import the demo content.

and then edit it to make your own website

So if you're ready to start making your own website

Just click here.

And It will take you to the page which we saw in Step 1

which is choosing your domain.

So just pick your domain and start building your website.

So once you launch your website, to get our complete WordPress course for free, just send us a message using this Live Chat