How to Make a Website in 10 Minutes – Step by Step

How to Make a Website in 10 Minutes - Step by Step

Hi guys, I’m Ibrahim Khan from sattarpro.com and in this video I’m going to show you how you can quickly make a website in just 10 minutes. Now after reading this article, you will be able to make any kind of website just like this, by using drag and drop. So don’t miss this article out and read it till end to learn how to do it. Okay.

I’m Ibrahim Khan from sattarpro.com and Let’s start making this website.

So before we start, you need to first, Click the link So im going this link And, It will take You to this page. Now we’re going to do this in just 5 steps!

Find out who is hosting any website

Ok! So the 1st step is to pick a name for your website. Now, I already have piked a name which is “Quiketeachy.com” so I’m going to search for it. And then click “check availability” . Now we can see that the name is available. Once you get the name you can to the next step. Which is to get hosting and domain? Hosting and domain are the 2 things which we need for lanching our website. Domain is the name of your website. So to get hosting and domain, let’s scroll down.

Get hosting with free domain, click here this link. This will take you to godaddy.com. Where er’re going to buy the hosting. So lets you get started. Now enter the same name which you chose earlier. I’m entering my website name and click search. Now I’m click select and continue. Okey this our card, now you can see here that we’re that we’re getting the domain for 959 rupees. Now, if we change the duration from 2 yaers. You can see that, we’re getting the domain for free. So, now let’s proceed to checkout. If you have a godaddy acound you can login and your haven’t account crate a account. and fill in these details. Now, chose your payment option and click continue. Okay so, this is going to cost us around 99 rupees per month. Let’s place the order. and, the plan will be valid for 1 year. Lest place order and make the payment. So I’m going to quickly complete the payment! Okay! So now we’ve completed the payment and we have got our domain and hosting.

WordPress Install

Now let’s go to STEP 3, which is to install WordPress. Now we’re going to use wordpress because it makes. It very easy to build a website without knowing any programming or coding. So let’s install wordpress, e’re going to scroll down and then click managed wordpress. Okay! So we’ll click here and then click get started. Now Selected your own domain and click next then again click next. Now you need to enter a username and password for wordpress. You will nedd this to login into wordpress. So I’m going enter my name and password then click install.

Okay! So wordpress is installed! Now, let’s click get started. and then click no thanks and okay. Okay, so tis is our wordpress Dashboard! Now from here you’ll be able to control your website. Now if you want to access. The (wordpress) dashboard anytime again, you just simple go to your website address and type /login. So, once you reach your wordpress dashboard, this means your website is LIVE. So to check that let’s go to our website address. Now as you can see.Our website is live. So! This is how, default site, looks like. So next, In order to easy edit our website.

Theme Install

We’re going to install a new theme. So the new theme is called “Astra”. So to install the theme, let’s go here. Let’s go here and click themes. Now click ‘add now’ and search for Astra. So we’re going to install this theme Just click install and click activate. Okay! So the theme is activated. Next, we’re going to install a plugin which comes with this theme. So by installing the plugin we’ll be able to easily. Customize our theme. So to install that plugin, let’s go to plugins. And then click ‘add new’.

Plugin Install

Now search for a plugin called “Astra” and install then click activate. So the Astra sites plugins is now installed! Now, this plugin has a set of Designs for your website which you can choose and then apply it to your site. So to see those designs let’s click see library so these are the designs. Now, before you choose a design, just click elementor. This will make it easier for you edit the design and now you can choose any design you like. If you want to apply this design to your site just click install plugin and then click import this site. Now the design and the demo content will be and then click import into your site. Once it’s done! We can now see the site. So let’s click “view site”. Okay so as you can see, the demo has been imported into our website and this is how it looks. And you can also see these other pages which also have the demo content. So once you’ve got the design into your site. You can now go to the final step which is to edit the content. So  edit any page of your site.

Elementor

You just have gone into the page. And click edit with Elementor. So let’s say you want to edit the homepage, you just click simply home and then click edit with Elementor. And now you will go into this editor section. So let’s say you want to change the next here you just select the text and then start typing anything you want. So I’m going to type (Hi! Welcome to my website) and now if you want to change the text on this button. You just click here and change text on this button here. So 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 you just click and change drag and drop. So once you’re done with the changes, you can simply save the page by clicking save. And all your changes will be saved. Now you can view the page by clicking here and then clicking view page. So, you can see that all our changes are here. Okay, so now you know how you can edited any page of your site. Next we’re going to see how you can change the header or the footer area of your website. Now by using elementor you will able to change this of part your website. But if you want to change area which is the header you can do it by going into the customizer option. So let’s go to customize, now you see that there area some “Blue icons”. If you want to change this logo just click this blue icon and you can change the Logo here. Now the same way you can change the menu section by clicking the icons. So everything can be edited by using these blue icons. And this will be same in footer area also. So let’s say if you want to change the text you just slick blue icon and start typing anything you want. Once you are done with the changes just click “publish” and they will be published on the site. Now let’s close this and go back to our site.

Okay. So we saw how to edit the header and footer area.

Add Page

Now, What if you want to add a new page? It very simple and click page. Now let’s say you want to create a services page for your website. You need to first enter a title and now to start creating a page just click Edit with “Elementor”. So now, It will take you to the blank section and now you have two options to create you page. First you can either use these elements which are over here. And then drag 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. And to add an Image you can drag and drop this element. So drag and drop here and start creating your page. Now the other way to create a page is by using templates. Now templates are ready-made pages which you can import into your site. So let’s choose a template and you will find a lot of designs here. Now if you want to use any designs, now simple click a template. See how it’s look like and if you like it, just click insert to get it into your pages. And now you can see that we’ve got the design into our page. Now 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 click save and view page.

Thanks .

Mr Ibrahim Khan

Hi, I am freelancer. Right now, I working graphic sector. I have Experiences. 1. Logo Design. 2. Banner Design 3. Business Card Design 4. Banner Ads 5. T-Shirts 6. 3D Mock-ups 7. Wordpress 8. SEO 9. Markeating 10. Web Development I always try to make things better. Because praise for a good job is the inspiration for the next job. Thanks

Leave a Reply

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