How to make a website on WordPress

Hi guys ,

0:00

In this video I'm going to show you

0:03

how you can quickly make a website, using wordpress

0:09

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

0:11

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

0:15

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

0:18

to learn how to do it.

0:19

Okay!

0:20

So, I'm Bryan from WebsiteLearners

0:21

and Let's start making our website using WordPress!

0:25

Okay!

0:25

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

0:28

below this video.

0:30

So I'm going to click this link.

0:35

And, It will take you to this page.

0:38

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

0:40

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

0:42

Now, I have already picked a name which is

0:44

"pixelsimply.com"

0:46

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

0:53

And then click "check availability".

0:58

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

1:04

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

1:06

which is to get the domain name and hosting.

1:11

Now this name is called as a domain name

1:14

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

1:16

enter, to reach your website.

1:20

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

1:22

are stored on the internet.

1:23

Like your website’s images & text.

1:28

So to get your hosting and this domain name,

1:31

let's scroll down

1:32

and click get hosting

1:38

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

1:42

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

1:46

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

1:54

Now here it will ask us to choose a plan.

1:58

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

2:00

You can choose a plan here.

2:03

I want to build 1 website

2:05

so I’m going to choose this plan.

2:12

And it will take you to this page.

2:14

Now here

2:15

enter the same name which you selected before

2:18

So I'm going to enter pixelsimply.com

2:23

and click 'next'.

2:28

Now as you can see our domain is still available.

2:30

Now to get this domain and hosting

2:34

Let’s fill up these details

2:43

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

2:47

and our hosting.

2:49

Now this hosting will be valid for 36 months

2:52

which is 3 years

2:54

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

2:57

internet for the next 3 years.

3:00

Now, if you want you can also click here

3:06

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

3:15

but I'm going to choose 36 months

3:17

so that I get the lowest price.

3:25

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

3:36

And as you can see our price has been reduced.

3:39

Now to get our domain & hosting

3:41

Let’s enter our payment details

3:49

And click submit.

3:54

So, now we've successfully made the payment,

3:57

and we've got

3:57

our domain and hosting.

4:00

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

4:02

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

4:06

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

4:10

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

4:13

We can go to step 3 of launching your website,

4:16

Which is to create your account on bluehost

4:20

So to create the account.

4:22

Let’s click here, then enter a password,

4:35

And click ‘create account’.

4:40

Okay!

4:41

Now our account is created.

4:43

So let’s login

4:48

And then enter the same password.

4:54

And login.

4:57

Okay!

4:59

So once, we have created the account

5:01

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

5:05

which is to Install Wordpress.

5:07

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

5:12

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

5:15

Just click 'skip'.

5:19

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

5:24

And it’s DONE!

5:27

Okay!

5:28

So Wordpress is now installed.

5:31

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

5:35

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

5:39

So let’s go to our inbox,

5:44

And then open this mail

5:50

And click ‘verify’

5:56

Okay!

5:56

So now we’ve successfully verified our email address

5:59

Now to launch our wordpress site.

6:02

let’s click home

6:07

And then click ‘login to wordpress’

6:12

Now if we click ‘launch your site’

6:19

you can see that, our website is live!

6:22

now if you open a new tab

6:26

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

6:30

And press enter

6:32

you can see that,

6:33

we now have a brand new website,

6:35

on the name which we selected.

6:37

And anyone in the world can access this site,

6:40

By going to this address.

6:43

So!

6:43

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

6:46

Now once, you’ve launched your site,

6:47

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

6:51

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

6:54

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

6:57

And we can make changes to this site.

7:01

Now if we visit this site from a different browser

7:07

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

7:11

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

7:16

Okay!

7:17

So to control this website

7:20

Let’s go here and click ‘dashboard’.

7:28

It will take you to this page.

7:30

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

7:33

everything about your site.

7:36

So for example,

7:38

Here you can see that we have a sample page

7:41

Now in our admin area, if we go to pages

7:48

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

7:52

Now if we delete this page

7:58

and click refresh

8:03

You can see that the page is deleted

8:07

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

8:12

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

8:16

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

8:21

make this default wordpress site

8:22

Into a professional website like this.

8:25

So to make this into a professional website,

8:28

we’re going to do 2 steps.

8:30

The 1st step is to import the design

8:33

Now instead of creating our website from scratch.

8:36

We're going to import a design,

8:38

and then Edit it, to make our own site.

8:41

Okay!

8:42

So to import a design into our site,

8:44

first we're going to install a theme in wordpress

8:48

Okay, so to install the theme,

8:51

Let’s go to our dashboard.

8:53

Now go to appearance,

8:56

And click themes.

9:01

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

9:05

Now to add a new theme,

9:06

Let’s click here

9:11

And you will find different themes which are available for WordPress

9:15

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

9:19

And then search for ‘Astra’,

9:27

And you will get this theme.

9:28

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

9:35

Now to install it,

9:36

Let’s click install.

9:41

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

9:48

And as you can see

9:49

The astra theme is now active on our website

9:52

Okay!

9:53

So once, you’ve installed the theme,

9:56

Next we need to choose a design for our website.

10:00

So to choose the design,

10:01

Let’s click ‘get started’

10:06

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

10:08

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

10:12

Now we recommend that you choose elementor here.

10:15

Which makes it easy to edit your pages.

10:18

So, I’m going to select ‘elementor’

10:24

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

10:28

So have a look at these designs,

10:31

And select the one you like.

10:33

I’m going to choose this one

10:37

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

10:45

Now to import, this design, into your site

10:47

Just click ‘Import Complete Site’

10:52

And then click import.

10:58

Okay!

10:59

So now the design has been imported

11:01

now if we go back to our site

11:06

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

11:09

Now if we click ‘refresh’

11:14

You can see that,

11:15

We have got the exact design which we selected

11:24

And we also have these other pages

11:30

which also has these demo content

11:33

Okay

11:34

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

11:37

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

11:40

Which is to edit the content.

11:43

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

11:53

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

11:58

To edit any page on your site.

12:01

You just have to go to that page

12:03

and click Edit with Elementor.

12:05

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

12:07

Just click ‘home’

12:12

And then click "edit with elementor".

12:18

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

12:21

can edit any part of this page.

12:23

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

12:25

you just select the text,

12:30

And then start typing anything you want

12:33

So I'm going to type Hello!

12:35

I Just made Launched A New Website!

12:40

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

12:43

just select it

12:48

And then enter your text

12:51

So in the same way, you can edit any text

12:54

you want on this page

12:58

Just select the text.

13:03

and then start typing.

13:05

So this works throughout the website.

13:12

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

13:18

select the image here

13:23

And then drag and drop an image from your computer

13:30

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

13:41

And all your changes will be saved.

13:44

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

13:54

you can see that all our changes have been applied

14:04

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

14:07

your site

14:08

Next we're going to see

14:09

how you can change the Header

14:11

area of your website.

14:13

Now by choosing elementor you will able to change

14:16

this part of your website.

14:17

But if you want to change this area,

14:19

which is the header

14:22

you can do it by going to the customize option.

14:25

So let's go to customize.

14:31

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

14:35

Now if you want to change this logo,

14:37

just click this "Blue Icon"

14:42

and you can change the Logo here.

14:45

Now in the same way you can change the menu section

14:48

by clicking this icon.

14:50

So everything can be edited by using these blue icons.

14:54

Once you are done with the changes,

14:57

just click "publish"

15:01

and they will be published on the site.

15:03

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

15:06

Now, lets close this

15:11

Okay, so we saw how to edit the header area

15:16

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

15:19

It's very simple.

15:21

All you need to do is, go to new,

15:27

And click page.

15:32

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

15:34

your website

15:36

you need to first enter a title.

15:43

and now to start creating your a page just click

15:47

edit with "Elementor".

15:50

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

15:54

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

15:59

First you can either use these elements

16:00

which are here.

16:02

and then drag and drop them into this area.

16:06

So for example, if you want to add a heading

16:10

you can drag and drop this element here.

16:18

and then enter your text.

16:22

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

16:29

So drag & drop here and start creating your page

16:35

Now the 2nd way to create a page

16:36

is by using ‘blocks’.

16:39

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

16:44

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

16:48

Just click here

16:54

And now if you go to ‘blocks’

16:56

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

17:03

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

17:10

Then click ‘import block’

17:15

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

17:20

Now let’s add 1 more block here.

17:22

So let’s click here

17:26

Then choose the next block.

17:31

And import it

17:36

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

17:41

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

17:44

Like we did before,

17:46

Just select

17:52

& then change the content

17:57

To change this image, let’s click here

18:03

Then select your image

18:08

And add your image.

18:13

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

18:21

You can also find more block designs by clicking here

18:27

And then choose a block from here

18:36

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

18:40

is by importing a page template.

18:45

So let’s delete these blocks

18:54

And now we’re back on the blank page

18:56

Now to import a page template…

18:59

Just click here

19:03

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

19:10

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

19:17

Now if you want to use any design

19:20

just click it.

19:25

See how its look like.

19:30

And if you like it,

19:31

just click ‘insert’

19:36

And as you can see

19:38

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

19:50

Again, like we did before, you can change anything

19:52

on this page,

19:54

Just by selecting it and typing anything you want.

20:02

This is how it works.

20:05

Once you are done with the changes,

20:06

Just click publish

20:12

Then click here

20:16

And select view page

20:22

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

20:37

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

20:41

Now here you can see that

20:42

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

20:48

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

20:52

to your menu.

20:54

So to add this page to your menu

20:56

Let’s go back to ‘customize’

21:00

And click this blue icon

21:06

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

21:10

Now to add this new page to your menu

21:14

Just click ‘add items’

21:19

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

21:22

Now if we click on this page,

21:26

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

21:30

Now to move this menu item here

21:32

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

21:42

And As you can see, this page now appears here

21:46

Now to save this

21:48

Let’s click ‘publish’

21:54

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

22:03

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

22:07

Now if we click ‘home’

22:12

It takes us to our homepage

22:17

And if we click ‘our services’

22:22

We can now see our service page.

22:27

This is how you can add new pages to your menu

22:30

Okay!

22:31

Now you know how your site looks on computers

22:35

But how will this page look on a mobile phone.

22:38

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

22:45

So now if we take our mobile

22:47

And then go to our website

22:53

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

22:58

And this is how it looks.

23:06

Now if we click here

23:09

You can see our menu on the mobile phone

23:12

Now if we go to services

23:17

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

23:27

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

23:32

How do we do that?

23:34

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

23:39

So let’s go back to our computer

23:41

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

23:45

And click ‘edit with elementor’.

23:52

Now scroll down to the place which you want to edit

23:57

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

24:06

And then change to mobile

24:11

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

24:15

Now to change this text on mobile

24:18

Let’s click here

24:22

And make sure you’re on the style tab

24:25

Now next to typography click ‘edit’

24:31

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

24:35

So to change the size

24:37

All you have to do is

24:38

Just drag this slider

24:44

And the font size will be changed on mobile phones

24:48

Now to save your changes

24:51

Just Click ‘update’.

24:55

And Now if we go to our site on mobile

24:59

And refresh the page

25:05

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

25:09

So that’s it guys!

25:10

This is how you can edit your website for mobile.

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

25:16

By getting a domain & hosting.

25:19

Import the demo content.

25:21

and then edit it to make your own website

25:25

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

25:27

Just click here.

25:29

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

25:31

which is choosing your domain.

25:33

So just pick your domain and start building your website.

25:36

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

English