[0:06]Hi everyone. In this session we are going to design a page. So basically we will be starting with the builder. Now, let me just tell you what is a builder in WordPress. So, see guys, basically WordPress is a no-code website builder. Okay? Or it is also a CMS. CMS means content management system, okay? We are not going to use any programming language to code in WordPress, right? So, in WordPress, okay, if you want to build a website, you need a website builder. Website builder, right? And the builder we are going to use is Elementor. Elementor website builder. We also have Divi builder and other builders, but Elementor is good for beginners and it is very easy to use, okay? And it is also free. It has a free version to use, right? It also has upgraded version, but we don't need that, okay? Yes. So, let me just open WordPress. So how we can open the WordPress? Just find this local in your system, double-click on it. Let's wait for it to open.
[1:30]Yeah, once it opens, you need to click on your project. So, demo_one was the project that we created, so let's click on it. And then we need to navigate to WordPress admin. Let's click on it. So it has navigated us to the WordPress admin dashboard. See, this time it didn't ask me to log in because last time I was, I have given my ID and password and it is already saved. Okay? If it is not saved, you have to give your user ID and password and you have to log in, right? Once you have logged in, you will be in the WordPress admin dashboard page. Yes. So this is WordPress admin dashboard, and we have learned about all these options in the previous video, okay? If you have not gone through that video, please go through that video, and then you will be able to understand what we are going to do today. But if you have gone through the previous video, you can continue with this current session, right? So, let me just click on pages here. And here you can see all the pages that we have in our website right now. And if you remember in the last video, we have created this homepage and blogs page, right? So today we are going to start with the editing part. Before we start with the editing, one more thing that we need to do is we need to install a theme. Okay? What is a theme? Themes installs default styling for our font, colors, text, font family, line height, letter spacing, all those things, right? So, how we can install a theme? Left hand side, you can just click on this Appearance, okay? Click on Appearance. And you can see these are the themes that we have, okay, in our WordPress. So I will click on Add a theme, okay, at the top you have Add theme button, click on this Add theme. And you can search for Astra, okay? Astra. We are going to use Astra theme, right? Yes. If you search here, this is the Astra theme. Install it and activate it. Okay, just click on the install button. It's installing now, let's wait. Yeah, it's installed. Now I have to click on this activate button. Yeah. So we have successfully installed and activated the Astra theme. And once you install and activate, you will see all these options enabled: Design, Customize, Widgets, Menu, Theme File Editor, okay? And these are very very important options, okay? We will need these options, but not right now. We will learn this, learn about these options in the coming sessions, right? Yes. Once you have installed Astra theme, you can click on this plugins section, okay? Just click on plugins. Once you click on plugins, okay? Now this particular window is showing all the installed plugins. So we have not installed any plugins till now, that is why it is blank, okay? But if I click on Add plugin button here, Then you can see these are the plugins that we can install into our WordPress. And what are plugins? Plugins adds additional functionality to our WordPress website, right? So let me search for Elementor here. Okay? Search for Elementor, guys.
[5:24]Yeah. So this is Elementor plugin. As you can see, Elementor website builder, more than just a page builder. Yeah. Search for this plugin, install it, okay? And then once it is installed, activate it.
[5:57]It's taking longer than expected. Let's wait. Yeah, it's installed. Now I have to click on this activate button.
[6:19]Let me just dismiss this. And you can see in the installed plugins section, this is the plugin that we have. Okay? We have installed only one plugin. If you click on Add plugin, then you will be able to see all the other plugins which are available in the WordPress server, okay? But you need to install it to use it. If you click on installed plugins, then you can see all the plugins that you have installed in your WordPress, right? Now you can see here Elementor, then settings, deactivate. If you want to remove a plugin, if you don't want to use a plugin, you can click on deactivate, okay? And after you deactivate, you will get a trash option and you can delete it, okay? I will show you that removing, I will show you how to remove that plugin later. Right now, just focus on installing this plugin, activating it, and now we are going to see how we can use this plugin, okay? See, using this builder, we can build a website by just drag and drop, okay? It helps us to use drag and drop functionality and to build a web page using just dragging and dropping, right? Without writing a single line of code. Yes. That is why it is easy to build a website in WordPress. So, let me just click on pages and let me show you how you can use Elementor, okay? Click on pages, all of you, okay? And you can just navigate to this homepage and just move your cursor over the name and you will see edit option here. Click on this edit option. And as you have installed Elementor plugin, you should see this button here, edit with Elementor. Okay? You should see this button. Click on this edit with Elementor. And it will open this homepage in Elementor editor. Okay? Yes. So if you see this pop-up, you can just close it, guys. Any kind of pop-up you get, close it, close it, okay? This is Elementor editor, okay? And left hand side you can see layout and basic elements. Okay? Basically these are elements. You can see heading, image, video, divider, spacer, Google Maps, okay? So, once you are on this particular page, you need to first click on this page settings at the left hand side top, click on page settings, scroll down and you should find this page layout option. Instead of default, okay, make it Elementor full width. Okay? Yes. Make it Elementor full width. And now you can see this is our Elementor editor and we have selected our homepage and we can start building the page right now, okay? Yes. I will just show you how you can start with it. We are going to build a page in the next video. Okay? Let me just click on this plus button and let me just click on Flexbox, and let's click on this section of two. Select your structure. Basically, how do you want to structure this particular section? So let me just select this section of two. Okay? So, this is called as skeleton, okay, or section. How you are going to, uh, organize your content, right? On the page. These sections are going to help you, or these layouts are going to help you in structuring your content on the page, right? You have different types of sections here. Let me just add few sections, Flexbox, and section of four. Okay? It is dividing this rectangle into four different section. This one is dividing this, uh, rectangle into two different sections, okay? So accordingly we can use and if you want to remove a section, you can just click on this close button here, close, close, right? This is in this for this video, guys. Okay? We are going to start with the designing in the next video. Thank you for listening to me. Okay.
