Hi guys .
Today , we are going to see how you can create a one page website in wordpress .
Now , a one page website is a simple website with only a single page where you can keep all your content .
So after watching this video , you will be able to create a one page website like this where you can add different kinds of sections like this .
And also you can create a menu for your site .
Now , when a clicks on a menu item , it will take them to that particular section of your site .
And then we will see how you can easily customize your site to any style you want just by using drag and drop like this .
Next , we will see how you can make your menu fixed on the top like this for easy navigation .
And finally , we will also see how you can add a contact form to your site so that your visitors can contact you easily by filling up this form .
Ok .
So having a one page website will help your visitors go through your content with much ease and we will keep them more engaged .
So make sure you watch till the end to learn how to do it .
This is a brand from website learners and let's start creating a one page website .
So to create a one page website , we are going to do two parts .
The first part is to launch a website .
Now , this is where we get a new website live on the internet .
So to launch a website , we're going to do two steps .
The first step is to choose a name for your website .
So to choose the name , just click the link below this video and it will take you to this page .
Now here , enter the name you want for your website .
I'm going to enter absolute mentor dot com and then click search .
And as you can see , our domain is still available .
Once you choose your name , you can go to the next step , which is to get this domain name .
And hosting domain is the name of your website which people need to enter to visit your site .
And hosting is the place where your website's files are stored , like your website's images and files .
So to get this domain name and hosting , click add to cart and then click continue .
Now , here it will ask us to choose a hosting plan .
Now , hosting is needed so that your website is visible on the internet and can be accessed by anyone .
And as you can see here , hosting provides the space to store your website on the internet .
So based on the number of websites you're going to build , you can choose a plan here .
I want to build one website .
So I'm going to choose this plan .
Now , here you can choose how long you want your hosting for , but I'm going to leave it as 12 months and click continue .
Now , here you can see that we're getting a domain which is absolute mentor dot com for free and a hosting .
Now , both of these are valid for one year , which means once we complete this purchase , our site will be live on the internet for one year .
So we get our domain and hosting .
Let's fill up these details .
Now , choose the payment method you want here .
I enter your details and click order .
Now , as you can see , we have successfully placed your order .
Now , if we click here , you can see that we have successfully got our hosting and domain .
OK ?
Once you got your hosting and domain , your website should now be live on the internet .
So to check that let's open a new tab and go to our site , you can see that we have a brand new website on the name which we selected and anyone in the world can access the site by going to this address .
Now , sometimes it takes a few minutes for the domain to become active on the internet .
So if it didn't work for you try refreshing after 5 to 10 minutes .
Ok .
So now we have successfully launched a site on the internet .
So once you launch your site , then you can go to part two of the tutorial , which is to start building a one page website .
Now , instead of building a one page website from scratch , we're going to first import the design and then we are going to edit it to make our own site .
So this is going to really speed up the process .
So to input the design , we are going to do four steps .
The first step is to log on to our website .
So to log into your site , all you have to do is just type slash WP hyphen admin next to your site's address .
No free press enter .
You can see that we have got the log in page of wordpress .
Now , here you need to enter your user name and password to log into your wordpress dashboard .
Now , once your site is active , you should have received the login details of wordpress in your email .
So let's go to Iron Works and you can see that we have got this email just open it .
And you can see here we have the user name and password now to log into our website , just copy these details and paste them here .
So let's copy the user name and paste it here , then copy this password past it here and then click log in .
You can see that we have successfully logged into our Wordpress site and this is our wordpress dashboard .
So this is the place where you can control your website .
Once you've logged in , we can now go to step two , which is to install a theme in wordpress .
So we are going to install a theme called Astra , which is going to input the design for our site .
So to install the , the just go to appearance , click themes , then click add new , not here , search for a theme called Astra and you will get this theme .
Now , this is the theme which is going to help us import the design .
So to install the theme , let's click install and then click add to it .
So now we have successfully installed the team .
Once you have installed the , the next we can go to step three , which is 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 the page builder .
No , we recommend you to choose element here which will make it easy for you to edit your website .
So I'm going to select element and here you will find different designs which you can apply to your site .
So have a look at these designs and select the one you like .
I'm going to choose this one .
Now , as we are creating a one page website , we are only going to import the home page .
So here you can see the preview of how the homepage design looks now to import this design into our site , just click , import home template , click next , then click skip and then click view template .
You can see that we have successfully got the home page design which we selected .
OK .
Once you have got the design into your site , next , let's go to the final step which is to edit the content of our site .
So to edit our content , just click , edit to the element or and now it will take you to this editing mode where you can edit any part of the space .
So let's say you want to change this text , just select the text and then enter your own text .
I'm going to enter , let your change begin here .
Next , if you want to change the text on this button , just select it and then enter your text .
Now , in the same way you can change any text you want on this page .
OK .
Next , let's see how you can edit this section .
So if you want to change the title here , just select it and then enter your text .
I'm going to enter James Allen and like we did before you can change the text here .
Now , if you want to change this image , all you have to do is just click on the image , then click here and drag and drop your image from your computer as you can see the image has been changed .
So now we have successfully edited this section .
Now , in the same way you can edit any section you want on this page .
Once you're done with all the changes , just click update and all your changes will be saved .
Now , if you click here , you can see that all the changes have been applied .
Ok ?
Now let's say you want to remove the section from your page .
All you have to do is just go back to the tap now to remove this section , just go here and click this icon as you can see the section has been removed .
Ok ?
Now if you want to add a new section , just click here and then go to blocks and here you will find different sections which you can add to your page .
Now , if you click here , you will get different categories .
Now , if you want to add a contact section to your page , just select contact and you will get different types of contact sections .
Now have a look at these sections and select the one you want .
I'm going to select this one now to add this section to your page , just click insert .
And as you can see the section has been added to your page .
Now , if you want to change this text , just select it and then enter your own text once you're done with the changes , click update .
Now if we go back to our site and click a verse , you can see that we have now got a new section .
Which we added to our page .
So now we have successfully edited the content of our site .
Now , if we open a new window and go to our website , you can see that we still have a default page and the page we created does not appear .
So now to display our page , you need to set the page you created as your default home page .
So to do that , let's go to our workers dashboard , then go to settings and click reading here .
You can see that our home page is set to latest posts .
Now to set the page we created as our default home page , select static page , then click here and select home , which is the page we created .
Once you select it , just click save changes .
Now , if we go to our site and click refresh , you can see that our page now appears here .
OK ?
So this is how you can edit the content on your site .
Next , let's see how you can add a logo to your site .
So to add a logo here , let's click customize now , click this blue icon and then a new logo here .
So let's click here and then drag and drop the logo from your computer .
And you can see the loba has been added .
Now , if you want to remove the site title , all you have to do is disabled this option and it will be removed .
Now to save our changes , just click publish .
Now if you go to a site and click the first , you can see that the logo has been added successfully .
OK ?
Once you have added the logo , now , if we look at our site , you can see that we have a default menu here .
Now , instead of this menu , what if you want to create a menu like this ?
So when a vista clicks on the menu , it will take them to that section which makes it easy for your visitors to find the topics on your site .
OK .
So next , let's see how you can create a menu like this .
So to create a new menu , let's go to customize , then click menus and click , create new menu .
Now to create our menu first , we need to enter a name for our menu .
So I'm going to call this menu as main menu .
Next , here you need to choose where our menu needs to appear .
If you want your menu to appear in this area , just choose primary menu and then click next .
You can see that the default menu has disappeared .
This means you can now add items to your menu to add your menu items here , just click our items and here you can see the pages which we have on our site now to add the sections to our menu , click custom links .
No , I'm going to add the section to the menu .
So just give a name here .
I'm going to enter about and here you need to give an ID to your section , just enter hash and then type the name of the menu item .
Once you're done , click , add the menu and it will be added .
Now in the same way , you can add all the sections here .
OK ?
Once you're done , you can see that our menu has been created .
Once you have created the menu , just click , publish .
Let's go back to our site and click refresh .
You can see that we have got the menu on our site .
So this is how you can create a menu .
OK ?
Once you have created the menu for your site , now if you click on the menu item , you can see that it does not take us to that section .
So to make it work , you need to link the menu with the section .
So to do that , just click edit to the element or now scroll down to the section which you want to link to the menu .
If you want to link the about section to the menu , just click here and then go to advanced .
Now here you need to enter the id of the menu item which you have given while creating the menu .
So let's enter the id without hash .
Once you have done that , just scroll down this page and like we did before , you can link the section to the menu .
So let's click here and go to advanced and then enter the idea of the menu without hash .
OK .
Now , in the same way , you can link the other sections to the menu .
Once you're done , just click update and the menu will be linked with the sections recreated .
So check it , let's go back to our site and click refresh .
Now , if you click on any menu item , you can see that it takes us to that section .
So this is how you can link the menu with the sections .
OK ?
Now , for Vita scrolls down this page , you can see that our menu is moved up .
So every time a Vita needs to scroll up to see the menu now instead of scrolling , what if you want to make the menu fixed like this ?
Next , let's see how you can make a fixed menu .
So to do that , let's go to customize and then click additional CS S now to make our menu fixed , we need to enter a code here .
So to get the code , just go to the video you're watching right now here .
You can see that we have given the code which will make your menu fixed .
So let's copy this code , then go back to customize and paste the code here .
Once you have done that , just click publish .
Now let's go to our site , click refresh .
And now if you scroll down the page , you can see that our menu is fixed .
OK ?
So this is how you can make your menu fixed .
OK ?
Next let's say you want all of your customers to contact you when they need any help .
How can you do that ?
So next , let's see how you can add a contact form to your site like this .
Now , to add a contact form , we are going to do three steps .
The first step is to install a plug-in in , wordpress .
So to install the plug in , let's go to our Wordpress dashboard .
Now go to plugins and click add new , not here , search for WP forms and you will get this plug in .
Now , this is the plug in which will help us create a contact form .
So to install the plug in , let's click install , then click activate and it will take you to this space .
So now we have successfully installed the plug-in .
Once you have installed the plug-in , we can now go to step two , which is to create a form .
So to create the form , just click create and you will find different types of forms which you can create as we want to create a contact form .
I'm going to choose this .
So let's go here and click , create .
And as you can see our form has been created now , click save .
Ok .
So now we have successfully created the contact form .
Once you have created the form , we can now go to the final step , which is to add the form to our site .
So to add the form to our site , let's go to element and then go to the place where you want to add the contact form .
Now , let's say you want to add the contact form here .
So just go here and search for WP forms and you will get this form .
Now , just drag this form and drop it here , then click here and select the form which we created .
And as you can see the form has been inserted once you're done , click update .
Now , if we go back to our site and click refresh , you can see that the form has been added to our site .
So this is how you can add the contact form to your site once you've added the form to your site .
Next , let's see how this form works .
Now for Mr to fills up these details , click submit , you can see that the form has been submitted .
So now if you go to Iron Box , you can see that we have got an email .
Now , if you open it , you can see the details of the visitor who has filled in the form .
I know if you have any issues with receiving emails from your visits , you can click here and watch our video .
Ok ?
So that's it guys .
This is how you can create a one page website in wordpress .
Now , if you're ready to make your one page website , just click here and it will take you to the page which we saw in the first step , which is choosing a name for your website .
So just choose your name and start building your website and also make sure you subscribe to our website learners to get more videos like this one .
Thanks for watching .
I'll see you in the next video .
Take care .
Bye bye .