Mastering WordPress: Create Stunning Websites with Ease

1. Intro: Either. Are you a student or a startup owner or a person who wants to learn how to create a beautiful and amazing website, but you don't have any technical knowledge or you don't have any coding knowledge if this is the problem, or if you want to learn how to create a beautiful website without any hassle in just a couple of minutes, I'll say a couple of steps, then you are at the right place. In this particular master class, I'll share with you how you can actually design a beautiful, good looking website. All together by yourself without even a single line of code. And I'm sure, by the end of this master class, if you watch all the videos and follow all steps as it is, you will be able to build your own website, whether it is a personal website, whether it is business website, blog website, ecommerce website, event management website, cafe website, online food ordering website, and much more. And that reminds me, Hey, guys, my name is Rahul, and I am a digital marketing trainer and a tech expert. I have trained more than 10,000 individuals in last five years to achieve digital skills like website development ACO, Facebook ads, Google Ads, and much more. If you want to learn a new skill, if you want to upgrade your skill set, then this is the right master class. Stay tuned with me, follow all the steps as it is, and I am assuring you that by the end of this masterclass, you will be able to learn a new skill with practical experience. Guys, let me tell you how this entire master class will go in the upcoming videos. So first, we will understand that which technology we will use in order to create a website without a single line of code. Then after we will understand the domain and web hosting, and what is the role of these two components in your website creation process and how these will help you. Then next, we will understand how to buy a domain and a hosting from different service providers, maybe whatever your choice, but we will learn what is the process, how you can make the payment, and how you can actually choose the right domain name for your business or for your website. Then afterwards, we will learn how to install Wordpress on your website hosting, web hosting. After that, we will learn how you can actually create your website by installing themes, plug ins, then templates, then, you know, various activities and stuff like this. And at last, we will learn how you can actually create an altogether full fledged business website from scratch using WordPress. Without even a single line of code. So that will be the hierarchy of this entire course, and this entire course will tell you how to create your own business website in Wordpress or using Wordpress. So stay tuned. I'll catch you in the next video 2. 3. what is wordpress: Hey, What's up beautiful People. I hope you all are doing well. Thank you so much for joining in my next video. So in this video, we will understand the technology which can help you to build your entire website without a single line of code. And yes, that is possible. The name of the technology is Wordpress. So Wordpress is open source content management system. You can call it as a framework as well. So it helps you to make your entire website just by some simple steps. Unlike the traditional website, it does not require any coding knowledge or any technical knowledge. Even if you are a non technical person or maybe a person who does not have any idea about technology, then also you can create your entire website by watching and following all steps as it is. So let's understand why we only choose Wordpress, why not other technologies. So let's dive into and find out how WordPress is powerful and how it can help us to build our website without any single line of code. First question, what is Wordpress? So as I mentioned earlier, Wordpress is an open source technology and it is also called as content management system CMS. So what CMS signifies, CMS signifies that you can manage your entire website with a user friendly admin panel that I'll show you in the upcoming videos, and I will also tell you how you can use this entire admin panel very easily. So that's why it is called content management system. You just need to manage the content, rest each and everything will be taken care by the pre made templates, plugins and themes, et cetera. The second point is why this content management system? I mean, why not traditional technologies like HTML, CSS, JavaScript, PHP, bootstrap? Why not to go with those technologies? So basically, this entire Wordpress is a framework which is based on these technologies itself, because a website cannot be built without HTML or maybe JavaScript or maybe CSS based on your requirement. So this is a framework which is based on the technology, but it enables you or it empowers you to build your website, but without learning these technologies or without having, you know, knowledge of these technology. So that's why it is called powerful content management system. And the next and the best feature which I like about this word press that you can manage your entire website by yourself. Unlike the other website where you need either an agency or a freelance developer, you can easily manage and perform day to day or you say smaller tasks like content updation, image updation, and stuff like this. So you can add or maybe publish new post by yourself, you don't need or you are not dependent on any other third party. And that is the best part which I like about. And the main question, why we select only Wordpress? Because Wordpress is the best or I'll say, one of the most popular content management system for beginners. Because other content management system available in market, they are a little bit complex as compared to WordPress and WordPress also provides you more customization options as per your need, as per your requirement. So that's the best part which I like about Wordpress. The second question comes here. Does anyone else also use this technology or are we the only one? No, you are not alone, my dear friend. There are not only one, two, or three or four. There are 37%. Now this number has been increased. So almost 40% of entire website. Let's say in the entire world, there are 100 millions of websites. So out of those hundred million, just, for example, if we consider that there are 100 million websites in the entire world, then 40%, it means 40 million websites are built on WordPress. They are empowered by Wordpress, and that is the power of Wordpress, which you can easily, you know, see by this fact or by this fw. So that's why it is the most popular technology because of the three reasons which I mentioned earlier, it is easy to use. It is open source, and you get more and more customized option customization option as per your need. So this is absolutely best choice for beginners to start with if you don't have any technical knowledge. Now, if I talk about the advantages of Wordpress, I can show you some advantages, but I have already explained them. But if you want to learn in detail, you can go through these slides. So I'll just take you through one by one point in a very brief manner. So first is easy to update. So as I mentioned that you don't need any technical knowledge or you are not dependent on any third party developer, you can do it by yourself, so it is easy to update. Second, professional templates. Unlike the traditional website where you need to code each and everything by yourself, you get professional and ready to use templates in this Wordpress platform. There are multiple themes, multiple templates which offers you, you know, you know, free of cost, pre made professional template which you can directly use in your website. Third thing is incredibly powerful. As I mentioned that almost 40% now when I'm recording this video, almost 40% of total websites are empowered by Wordpress, and that is the proof of its popularity. Next is full control and ownership. So unlike the other builders or other website builders in the market, you get full control on or maybe see full ownership of your website, in form of code, in form of data. You can export the entire website. You can go to another maybe hosting provider or somewhere else, and you can install the same data. You can import the same website. So you get the full ownership. You are not dependent on any third these are the advantages which make the entire Wordpress easy to use, most popular in demand technology and best for beginners. So that is the reason why we chose WordPress over other technologies. That said, guys, for this video, I'll catch you in the next video till then take care bye bye. Have a nice day. Mm. 3. 4 Components in website development: Beautiful people. I hope you all are doing pretty well and thank you so much for joining in. Guys, in this particular video, we will understand the three main components before building our website. So there are three components which are compulsory or which are required in order to make your website and to launch it so that everybody and anybody from any part of this world can access your website and you can spread awareness about your product or services or for your personal brand with your target audience. So number one thing, you need a proper domain what is a domain name? Domain name is a name for your website, just like facebook.com, youtube.com, google.com. What these are, these are called domain name. It tells user what is the address of your website. Just like a physical place having an address, similarly, an online business online store or an online website requires a particular domain. So number one domain name. Now the second component is web hosting. Web hosting is a space on Internet which you buy or purchase for a certain amount of time in order to store your website files, website data. What data like your text content, images, videos, and other files? It is required to have a web hosting. Otherwise, you will not be able to publish your website online and nobody will be able to access it without any web hosting. You can just relate it with the same thing that if you want to, you know, construct a building, you need a proper. So that land in digital world is called a web hosting. So this is similar to that. And number three, you need a website technology. In this master class, we are using WordPress as a website technology, and Wordpress is a powerful CMS that we have already discussed in our previous video. So these are the three major components in order to create your website and to launch now in next video, we will understand how you can choose the right domain name. What are the various factor involved with the domain name. Then after we will understand which web hosting is the best for WordPress and how you can actually buy a web hosting, and then we will understand how to install and how to create a beautiful website in the upcoming videos. So stay your and if you're liking my content, if you're liking my videos, then don't forget to share your valuable feedback in the review section so that I will improve my upcoming courses, upcoming classes, as per your feedback. So thank you so much for joining in. I'll see you in the next video. 4. 5. Domain name explained: Hey, beautiful people. Thank you so much for joining in. Guys, in this particular video, we will understand what is a domain name and everything that you should know about a domain name in order to launch your website and make it public for your target audience. So, guys, as I mentioned in my earlier videos, that domain name is an identity of your website. Just like your name, your website also requires a name, address, which users can easily remember so that they can access your website. Okay, so domain name, you can understand in a nutshell that it is an identity or it is an address for your website. Just like facebook.com, youtube.com, or maybe google.com. So whatever website you visit, it has a proper domain name. And with this domain name or with a particular domain name, a user can easily access a website. Now, the question arises that why is domain name required? I mean, what was the need of this domain name? So previously or initially when Internet was launched and the websites were not so popular, so initially, in order to recognize website or in order to provide them an address, the IP protocol was used. That is Internet protocol. So it was a numeric value, as you can see on my screen. So let's say if the website we want to give it a name. So previously, we used to give them an IP address. That was something like 50 60 three.201 dot 97. But this was hard to remember. For every user, it is not possible that you remember ten address like this or maybe 20 addresses like this. It is not possible. If you remember your previous days when mobile was not invented, anline was there, there used to be a phone directory in which everybody's number, everybody's telephone number was mentioned, and we used to keep that phone directory, you know, in our house or in our office because we could not remember these many numbers. Similarly, people could not remember this kind of address having so much numbers and almost ten or 12 digit numbers, so people were facing problems. Then this concept of domain name was introduced that instead of this, they can easily remember the English or maybe the human readable format of address. That is like facebook.com, youtube.com or google.com. So that's why it was introduced, and that's why nowadays, in order to access any website, you don't need to remember the IP address. You just need to remember the domain name and by using that domain name, anybody or everybody can access your website from any part of the world. So that is the advantage of having a domain name. Now, let's understand various parts of a domain name or I would say various parts of a UR. On your screen, you can see that I have noted down a domain name, and I have differentiated all parts of it by using some annotations. So if you start from bottom, so the entire part, which is written starting from HDDP and ending with HTML, this entire word entire line or you can say entire phrase is called a URL. That is uniform resource locator. This is a complete address or this is a complete path of any resource on Internet. Now, let's break down the part of this URL. So on the left hand side, if you go little above, on the left hand side, you can see HTTPS so, HTTP means hypertext transfer protocol, and denotes security. So these are the set of rules which are called protocols in order to interact with the Internet. So there are certain rules, but you as a non technical person, don't need to, you know, dive dive into it much detail because these are not very, very essential in order to create a website. You just need to have a look at them, or maybe if you want to just, you know, get some basic knowledge about the various parts of a URL, you can do that. Otherwise, it is not necessary to understand each and everything in detail. Now let's go on one step above. That is subdomain. So if you see that TEST test, it is called subdomain. It can be anything XYZ, A, B, A, B, C, it can be short as one letter, it can be long as much, you know, you want to make it. So this is called subdomain. Now, on the right hand side, this is called the domain name, just like facebook.com, youtube.com, google.com. This is called the main domain. And after that, if you see there is some text after slash that is services dot HTML, it can be anything. It denotes a particular path or particular section or particular page web page on your website. It shows the user that there is a page, there is a web page called services dot HTML. These are the various parts of a URL. It includes domain name, transfer protocol, subdomain, path, and everything else. I have explained everything in detail so that you should know which part M stands for what meaning. 5. 6. Rules for selecting right domain name: How to choose the right domain name or how to select a good domain name. So there are a couple of things or couple of thumb rules which you need to remember. Number one, the domain name which you are selecting or which you are about to finalize should be easy to remember. It should not be very complicated. It should not be very long so that people can't remember it. It should be very easy to remember so that people can easily recall its name and can visit your website. Number two, it should be small. When I say small, it doesn't mean that it has to be only two letters or three letters. Small means that people should not face any problem to write it, to enter it because if they want to visit your website, they need to type the, you know, website name or say domain name. So if this domain name will be so long, then the problem will definitely come in front of your users or maybe audience in order to type it. It will take too much time. And sometimes, you know, it feels very irritated to type so much of, you know, characters for a domain name or maybe to visit a website. So it should be a third point, it should reflect the domain should reflect what you are offering. If you're creating a website for yourself for personal brand, then definitely your name will be the right domain name. So for example, my name is Rahul Single. So if I want to create a website for myself, rahingle.com will be the perfect suit. But if you are creating a website for your business, then the name of the business can become the domain. Or maybe a domain name should reflect what kind of services you are offering, or maybe it should be that eye catchy so that people, you know, can easily relate to it. People can easily remember it, and people can easily recall its name again and again. It should not be very difficult to remember. It should not be very, you know, long and it should be relatable to your business. So these are the three major factor or these are the three thumb rules which you should know while selecting the domain name. Don't worry about that in upcoming videos, I'll tell you more about domain names that how you can actually select. What domain name will work best in what scenario that everything I will cover in my upcoming videos. So that's it, guys, for this video, I'll get you in the next video, and in that video, we will understand web hosting. So stay tuned. Thank you so much. 6. 7 web hosting: Hey, beautiful people. How are you doing? I hope you all are doing pretty well, and thank you so much for joining in. Guys, in this particular video, we will talk about web hosting. In my previous video, we understood and discussed about domain name. Now the second element in order to create and launch your website is web hosting. So what is web hosting? Guys, web hosting is a space on Internet, which you buy for a certain period of time in order to store your website, files or data. The information includes text data, visual inform of videos, audio or maybe picture, and some other documents as well. So these are the part of your website, and this requires a space to get stored. If you don't purchase or if you don't put your website files on web hosting, then nobody will be able to access apart from you because it is on your local computer. So in order to make your website live, you need a space on Internet that is called web hosting. Let's say you want to construct a building. If you want to construct a building, you need a land. Without a land or without a piece of land, you can't construct a building because the building the base of the building will be on that land itself. The blocks, the building materials, you know, the cement, everything, whatever material you are using, whatever construction you are doing, the base will be and similarly, if you are creating a website, if you're constructing a website, then space is required. But this space is in digital world. It's on the Internet. That's why it is called web hosting. It is called web hosting that you are, you know, hosting your website. You are storing the data of your website on web servers on, you know, web world that is called web hosting. So web hosting is required in order to make your website live. Although you can create your website on a local computer, but I don't really recommend that because there are multiple challenges when you actually create your website on your local computer. First of all, you need a good hardware computer. If you are running on a low configuration laptop or maybe PC, then it will be a very challenging thing for you to create a heavy or maybe good website on your local computer. Second, if you are creating a website on your local computer or system, then you will not be able to show it to other person without having your laptop. You have to carry your laptop each and every place whenever you want to share it with someone else. Third, by chance, let's say if your Windows gets corrupted or maybe your PC uh, is breakdown. Then in that case, your data, whatever your website you have built, that website data will be lost and you can't recover it. In that case, your entire energy time effort will be of no use because you don't have the access of that website anymore. So what I recommend is to have a good web hosting for WordPress so that from anytime, anywhere from any device which has a browser and Internet connection, you can easily log into your website and you can start working on it. You can create it, you can make it live, and you can manage it entirely without any dependency on any hardware and any computer system. That's why we will buy a good web hosting for our website. We will buy that. We will install WordPress, and then our entire work, our entire project will be done on the same web hosting. And that is something which we will learn in my upcoming video in the next video. So stay tuned. Take care. I'll catch you in the next video. 7. 8. buy hosting and onboarding process: So once you click on that button, after that, you will redirect to the blue host. This is our web host through which we will buy the web hosting. And, guys, as per your country and currency, you can change it. So on the right top, you can say right now, my currency is set to INR because my country is India, but you can change as per your preference, and then it will work accordingly. All the steps will remain same as it is apart from the Bing currency option. So once you are on this website, you need to click on this button that is get started. So just click on this. And this is the most affordable web host that provides hosting for your Wordpress website, and there are three magical reasons. First is that it is officially recommended by wordpress dot arg the platform which we are learning. So it is recommended by the official platform provider. Second is, it provides you 24 into seven support, chat support, call support, both whatever country you are in, it will provide you both kind of supports. And third is, it provides multiple features in a very affordable cost that no other web host is providing as of now. So if you want to buy it, do check out my link so that you get the latest offers and discounts whatever are running on the website. So now, once you clicked on Get Started, you will come here. As for your country, as for your audience, you need to select a server. The options are USA and India. If your audience is from USA, mainly traffic will be coming from USA, then I will recommend USA. But in my case, the traffic will come from India, so I'll just keep it in. Changing the several locations, scroll down, and you can see, there are three packages, basic plus and choice plus. So in basic, it is Ropes 169 INR per month, and you can see in your currency, if let's suppose I convert into USD. So let me tell you what is the price in USD as of now. So if I go to View Plans, and if I show you, then it is right now 2.9 $5 per month, right? It is based on your time duration as well for how much time duration or how much period of time you buy the hosting. The final price will be on the checkout page. So again, let me change the currency from USD to INR so that I will be able to make the payments accordingly. Again, get started India and now. So right now, the basic plus and choice plus. Now the question comes which plan to go with. I will recommend the basic because as we are beginners and, as of now, we will be creating our fort website. So we don't require plus and Choice plus plan because they are a little bit expensive as compared to basic. So we'll go with the basic, and in basic plan, you will get every feature that is required as a beginner. So you can see right now you can create one website, one domain, 50 GB SSD storage, unmited bandwidth, 100 plus free WordPress themes, domain for one year. So it will provide you domain name for free for the first year. It means for the first year, you are not supposed to pay anything extra for your domain name. So that is the plus thing of this, you know, web house. Then it's provide free staging environment. I'll tell you what these are SSL certificate, automatic daily malware scan, speed boosting CDN, website stats, dashboard, email marketing tool, and WordPress website migration. So all these features are pretty handy and they are very useful. So I recommend you to go with the basic plan. I'll tell you when you need, plus or Choice plus in my upcoming videos. So right now, select the basic plan. And then you will need to enter your domain name. So in my previous videos, I have already described what is domain name, how to choose a right domain name. So for this, we have selected a domain name and we will book that. So that is the WP learners. So that is the domain name which we will buy along with this hosting that is absolutely for free. And here we will choose.com. I'll tell you the meaning of this dot dot codon and other extensions as well, but as of now, if.com is available, then I'm recommending you that go with the.com. Or if you have your own domain name already, then put your domain name here and then click on next. There is a third option as well that if you haven't decided your domain name, no problem. You can skip this part and you can click on. I will create my domain name later. It will allow you to purchase a domain name for free or I would say, redeem the free domain name once you purchase the account. So in our case, we have already discussed and decided. So the WP learners, guys, please remember, please check your domain name spelling, each and every letter because once the domain name registered, it can't be changed or edited. Then in that case, you will need to purchase another domain name and that will be paid, right? So do check out your domain name twice before moving ahead. Once it is done, all looks good, click on next. And now we are on checkout page, and it will show us as well, whether the domain name is available or not. Yes, it is available. The wplearner.com is available so that we can buy. Now there are option that we need to provide account information like first name, last name. If you are buying for your business and if you have a business, you can provide a business name. Otherwise, it is optional. You can leave it. Country, by default, it is taking India. You can select as per your own country. Then state address, city, state or provision, then pin code or postal code, whatever, you know, applies to your country. Then phone number and email ID. Email ID should be correct and phone number should be correct because these two things are very crucial when it becomes to your identity. So that please make sure that your phone number and your email address is properly inserted. Let me quickly fill up all these details and then I'll again scroll, scroll down. So once you filled all the details just scroll down. To the package information. So here, by default, it is selected to 36 months. Guys, based on your country, based on your currency, it may vary, so please choose accordingly. So right now, I will go for 12 month package that is the minimum duration available in my country right now. So I'll go with the 12 months package, so I'll select right now the price is double 348 INR for 12 months, including the domain name and all the features that we just saw on the last to last screen. So here, everything looks good, great. Scroll down. It says package extra. Right now, we are not supposed to choose any package extra because they will cost some extra amount. But here, the first option, domain privacy plus protection is one of the important option that you might be interested in because if you select this option or if you take this add on, it means your mobile number, your email ID will not be shared with any third party, and you will not get unnecessary calls or maybe, you know, data and email ID will be kept secret. Otherwise, if you don't take it, it will you know, these platform will definitely share and they will make it publicly available because that is a rule. It is not something that they are leaking your data, but that is a standard protocol that they need to follow. For that, they are providing an additional service that if you don't want to share your data with, you know, others, then you can take this privacy. In my case, I'll not, you know, accept it because this is a costly thing as compared to the hosting. I'll just bear, okay, a couple of calls, I'll be, and I'll just register. But if you want that nobody should call you, nobody should reach out to you and your details should be kept secret, then take this service. Apart from that, you are not supposed to take any service as of now, because you are beginners. As soon as we will grow and learn how to create a beautiful website, I'll tell you when to upgrade your package. After completing all the things in my country with Texas, it is INR 3,950.64, and right now, I can pay. So after checking all the details, just accept the terms and condition and click on submit. Once you clicked on Submit, it is processing. Now it will redirect you to the payment page, based on your country, I will give you possible options. In India, there are multiple options for online payment like credit card, EMI, payater wallet, UPI NET Banking, scan and pay wallets. So there are multiple options. Maybe you will only see credit card options as per your country. So whatever the option you have as the online payment method, just select that and make the payment. So I'll make the payment and I'll catch you just after making the payment. So the payment is done, and now it is processing, and now it will redirect us to the thank you page. Says your purchase was a successful your email whatever email ID you have set, they will send a confirmation along with a receipt on your email ID. So do check that out, and now it will ask you to create your password. Just click on this, click on this. And once you clicked on this, now here is an option to create a password, create a strong password that you should remember. So there are certain rules that it should have uppercase, lowercase number, special character, it should be eight character length like this. So I'll just create my password for now. You can change it later on as well, so no problem in that, but just follow the guidelines and repeat the same password in both the boxes. After filling out the password, you know, just click on the accept terms and condition and then create account. Just click on Create Account. And after clicking on Create Account, your account will be created, and it will show you a message that thank you so much, your account has been created successfully. And just after that, it will take you to the login page. By default, it will, you know, take you to the onboarding page, login page. So as per your country, if you see this kind of screen, so I'll tell you what are the steps. If you don't see a country if you don't see these screens or these steps, you will directly see the dashboard, which I will show you just now. So here, if you see the similar option, then click on create your website, create your website. Then skip this step as of now, skip this step, select your objective, whether it is a blog, store, business or portfolio, I am selecting as a business. You can also select if you want to create a business website or if you want to create a personal website, then go for portfolio or Resume. Then I'll click on Business website. Again, I'll skip this step, I'll skip this step also, and now it will ask you for a theme, so I'll just use one of the theme. Don't worry. It is not the final step to create a website. It is just a onboarding process which we need to follow. And now finally we are into our blue host account dashboard. This is our web hosting account dashboard in which we have purchased successfully purchased the hosting, and along with that, we have also purchased the domain which was free. So you can see your domain name here under domains. So your domain name is there, valid for one year and uh, hosting account is also valid for one year. If you have opted for 12 months package. If for 36, then it would be valid for 36 months. That's how you can actually purchase domain name and web hosting very easily, smoothly. I hope this was a very smooth process. I don't think so that you should face any problem. In case if you face problem, you can go and reach out to the customer support number that is being provided on their website. I hope this video help you for more videos, keep watching and keep learning. Thank you so much. 8. 9 how to Install wordpress on bluehost: Hey, beautiful people. I hope you are doing pretty well, and thank you so much for joining in. Guys, in this particular video, we will understand how you can actually set up and install WordPress using your Blue Host account. And that is pretty much easy. Blue Host has this functionality of one click Wordpress Install so that your time, energy, and efforts will be saved, and your objective of installing WordPress will be done within a couple of steps. So let me tell you how it is done. So for that, you need to login into your Blue Host account, and once you are into that account, you will see this dashboard. You need to go to my sites, you need to go to my sites. So initially, when you actually purchased the Blue Host account and you did the onboarding process, there was a website which was automatically created, which is visible here. But what we will do, we will delete this site, and we will again install the WordPress from scratch so that you don't have any confusions. In order to delete these files, we will go to Advanced. That is the C panel of this account. We will go to advanced settings. We will go to file manager. In case you are not able to see a pre made website, no problem. You can directly follow my steps. But if you see the same, you can follow these steps of deleting the files. So here the files are there, select all right click and click on Delete. And you can skip this, skip the trash and delete permanently and confirm. So that's how the files will be deleted so that we have clear space so that we can create a new website. Now, coming back to my website or my site section, now you will not be able to see that website or that Wordpress, which was initially installed automatically. And now you will see a blank screen under the site section. It says you don't have currently, you know, any WordPress sites. No problem. We'll do that. So we'll create and click on Adsite. We will create new site here, you need to provide a name for your site. It can be anything and it can be changed further as well. So right now, I am providing the site name as the WPL learners, right? I'm providing the name as WP learners, which is also my website name, and then site tagline option is there. For now, just leave the site tagline option and click on Next. I'll tell you what is Site tagline and how to set that up. Click on next. On the top of the screen, you will see the domain, the domain which you just bought in previous videos as I showed you how to buy a domain along with your hosting. So that is by default selected. If not, you can click here and you can search for your domain name. In directory section, mention nothing, leave it as it is. And if you see these boxes checked already, just uncheck or unselect them because they are add on plugins which we are not required, which we don't require initially, and we will, you know, install them manually if we require. So after doing these steps, just click on next. And it says Hold tight while we set up your website, it means it is installing WordPress, it is installing Wordpress files on our website because Wordpress is important in order to create the website. It is the platform. It is the technology that provides us or that empowers us to create the entire website without any single line of code. Yes, it says, What is the main purpose of the WP LOS, the specific this website. So in my case, it is Business. So I'll click on Business. And as soon as I clicked on Business, the next screen is congratulations, Wordpress installed successfully. Congratulations, WordPress installed. Successfully, the user name is there. The password password is hidden, of course. The website URL is here and the Admin panel URL is here. So these are the credentials specifically for this website. Again, I'm repeating these credentials are specifically generated system generated for your website or for this domain. Your web hosting credentials are different which you created and set up in last video, but this credential or these credentials are only for your website. Please remember every time you install WordPress on any of the domain name, you get a new credential altogether. Although you can set or, you know, change these credentials after words as well, but as of now, these are system generated. So what I'll do, I'll just open my notepad. I'll just open my notepad and I'll save it. I'll save it. So I'll just copy this. Obviously, copying this will result into star Star star. So what you need to do is you need to uh view the password, right? These are the very strong passwords. These are system generated password, and now I can easily copy it, and now I can save it in my notepad like this. So now I don't need to remember this. I have just noted down, and I'll use the same credential whenever I need to log into my Wordpress website. So go to this, and now it is done, again, go back to my site section. And here, now you can see the Wordpress is installed successfully. The WordPress is installed successfully. And if you visit this particular domain here, if you visit this particular domain here, it will currently show you coming soon. That is a blue host template of coming soon because we haven't done or we haven't added anything to our website. That's why it is showing coming soon. So, guys, that is it for this video. I hope this video help you a lot in order to understand how to install WordPress on your Blue Host account. I'll catch you in the next video till then. Bye bye. Take care. Have a nice day. 9. 10 How to login wp: Hey, beautiful people. Thank you so much for joining in. I hope you all are doing pretty well. And in this particular video, we will understand how you can actually log into your WordPress website. In my previous video, we discussed how you can actually install WordPress on your Blue Host account. And this was the website which was, you know, created or I would say, which was ready with the help of WordPress installation. Now, in order to login into this website, what I need to do is I need to open a new tab I need to open a new tab, and then I need to copy the domain name. I need to copy the domain name like this, so I'll just copy it. I'll just copy this. I'll go to the new domain. I'll go to the new tab, I'll paste it here, and afterslash Guys, please understand whenever you are working on a Wordpress website, by default, the Admin login URL of any Wordpress website is the website name. That is, in my case, the wplearns.com slash, you need to write WP hyphen Admin. WP hyphen admin, and then press Enter. This is the by default URL of your Wordpress dashboard. What is WordPress dashboard? That is the Control panel or you can say admin panel of your website through which you will manage the entire website. You will create the content, you will edit, publish, and do lots of stuff. So that's how the login page of your Wordpress website looks like. Right now, if I go to my website, that is this. So I'll just copy from here. Open the new tab, paste it here, and then press Enter. So if I open the website right now, it shows the Coming Soon page. It shows the coming So page because we only installed WordPress and we added or we modified nothing on this particular website. So in order to do that, we need to log into WordPress dashboard. And if you remember, in my previous video, I categorically mentioned that every time when you install WordPress, a by default username and password is generated and provided to you. And we saved that user name and password in one of our notepad files that is right here. As you can see, there is a user name. User name is this, so I'll just copy from here, go to the website, paste it in the first box. Come back again. I'll copy the password from here like this and then go back and enter the password. So now I have entered username and password. There is a checkbox called Remember M. If you click on this, you will not be required to enter the user name and password again and again. But I will not recommend this option until and unless you have your personal PC. If you're working on a public PC or, you know, friend's PC, then I would not recommend to save it because in that case, your website might get, you know, unauthorized access. So to avoid that, don't select this option. In case you lost your password, you can click on this option as well, but I'll tell you in the later videos. So, as of now, we have entered the username and the password, and then I click on login. So if your username and password is correct because we haven't changed anything, then you will be redirected and you will be logged in to your Wordpress dashboard that looks something like this. So this is your Wordpress dashboard. Here, an option is popped up, safe password. No, I don't want to save my password, say never. And this is the Wordpress dashboard. Once you are logged into your Wordpress dashboard, now if you go to the website, and if the dashboard and the website both are in the same window or same browser, then if you now reload it. So instead of Coming Soon page, you will see some content on your website because now you are in the Admin panel access. You have this admin panel Acess. That's why you are able to see what is their actual content on the website as compared to the normal user who will only see a coming Soon page on your website. Now, after login in, this is your Wordpress dashboard. On the left hand side, you can see there are multiple options. I'll tell you what is the meaning of these options and how you can actually use them one by one. And on the right tab, you see this is that website which everyone will be able to see once we will finish it and create it. So that is called the front end. This website is called front end, and this dashboard you can call it as backend. Bend means the admin panel or the control panel. I will call it as WordPress dashboard or most of the time only dashboard. So if I say dashboard, it means I am talking about this screen, and if I talk about website, it means I'm talking about this screen or maybe some other pages on the same screen as well. That's how you actually login into your Wordpress account by using your login ID and password. Now, let's suppose if you forgot your password, let's say you forgot your password, let me just log out from here. And as soon as I logo, if I again refresh the same URL, now, again, it is coming soon. Now, in case, if you lost your password, if you forgot your password, just click on Lost your password. And here you need to enter that email ID or user name that was created or provided to you. So once you will enter the email ID, a reset password reset link will be sent to your email ID that should be the related Email ID. That should be the same email ID which was used while you install the WordPress. In our case, that is the same email ID that we used in our Blue Host account. That email ID will be used in order to receive the Password resettling. And from that link, you can actually reset the password, come back again, and then you can login. So this video was about how to login into your Wordbss dashboard. What is Wortbs dashboard, how the website looks like. What is the difference in coming soon and that stuff? And if you lose your password, then what is the solution. So I hope this video helped you. If you're liking my entire master class or this course, then don't forget to leave your valuable feedback in the review section and you can follow me just by clicking on that follow button right on the top of this video. I'll catch you in the next video. Take care. I 10. 11 how to remove coming soon page on bluehost: Hey, beautiful people. Thank you so much for joining in. I hope you all are doing pretty well. Guys, now we will learn in this video that how you can actually remove that Coming Soon page. If you remember and if you have watched my previous videos, you must have noticed that initially there is a coming soon page on our website. So let me show you so this is my website name. This is my web website domain. So if I just copy this entire URL, if I copy it, if I go to an incognito mode like this and if I paste it here, so by default, right now, any user will see a coming soon page, something like this. A normal user who doesn't have my admin login URL, he or she will only be able to see this coming soon page, but not the actual content. But sometimes it become irritated for us also in order to see the, you know, modification or the changes or the updates that we so my recommendation is to remove this coming soon page, and that is something we will understand in this video. So in order to do the same, we will come onto our WordPress dashboard. This is our dashboard. And in order to remove this coming soon page, you can see there is an option on the right top that is coming soon. Just click on this one. Once you click on this, you will be redirected to this screen. I was already on this, so that's why I was not, you know, redirected to anywhere else. Once you are here, just scroll down a little bit, and you will see an option called launch with confidence. So just click on this option. And after clicking on this option, you will see last option that is called launch your site. If you click on this, now this coming soon page will be gone, and if you see the site status will be changed to life. If I just refresh this, if I just refresh it. So now you can see site status life. So if I now copy the same URL and go to Incognito mode again, and And if I paste it here, so now I'll not be able to see the coming soon. I'll see whatever content is there actually on the website. So this is the same content which I can also see as admin, and now users can also see. So it becomes, you know, comfortable sometime and convenient sometime to remove this coming soon page so that even if you want to show the current progress to someone else, via your website link? You can show them easily without that coming soon page. So that's it for this video, I'll catch in the next video till then take care bye bye. Have a nice day. H. 11. 12 Top Bar Overview: Hey, beautiful people. Thank you so much for joining in. Guys, this particular series has come to a very, very crucial part where we are gonna learn what is Wordpress dashboard, and we will check the entire overview of this so that we get to know what is there in this Wordpress dashboard and how we can actually use these options. So right now, I am on my Wordpress dashboard. I have already discussed in my previous videos that how you can actually log into your Wordpress dashboard and what is the process. If you haven't watched that video, go and check it out. Now, this is our WordPress dashboard, and on the left inside, you can see there are plenty of options. There is a top bar right on your screen, and there are some options as well. Now, let's understand the options one by one. So we'll start from top. So as you can see, there is a top bar, right? You can call a top bar or maybe Navbar or notification bar, whatever you call it, I like to call it as a top bar, right. So in the stop bar on the left hand side, there is a Wordpress logo. There is a Wordpress logo or you can say icon. And if you want to learn more about wordpress.org, that is the technology which we are using, then you can click on this and go to wordpress.org to learn support feedback, documentation. So these are some official documentation and, you know, the website which you can visit using this logo. This is the first option. The second option is the home icon and your website name. So this particular option enables you to visit the website from dashboard to your website. So right now I am on my dashboard. If I want to visit my website, then I just need to click here like this and I'll be redirected to the website. Similar way, if I'm on my website and I want to visit the dashboard, I just click on this and go to Dashboard. So this is the option which is used to switch between dashboard and your website. Now the third option is about the comments. Right now, there are no comments because we just created the website. No user is there, nobody commented on that. But if you have some comments on your website post or maybe some section, it will be visible here. Right now, the count is zero, right? Then here the plus and the new option is there. So there are a couple of things which you can create inside your WordPress dashboard that is new post, new media, new page, and new user. I'll tell you in the later videos, what is the meaning of all these options. But as of now, please understand this is a shortcut, you can say, because the same thing can be done using these options on the left hand side as well. But this is kind of a shortcut to the same thing. Here, the plugin called used is there, maybe by default, it may or may not be there, but if it is there, the icon is something like that. So it is a plug in, and I'll tell you what it is, you know, and what is the use of this. How can you actually control all other thing. Then we have caching. Cache is a very, very, very important part in the WordPress website. I'll cover this entire concept of cache in a separate video. But as of now, I just tell you that cache is something which enables your website to load faster in front of users. So whenever user is trying to access your website, your website files because of the cache gets loaded fast in order to, you know, reduce the loading time, and it is visible to the user in a very short span of time. And for Wordpress, the cache is very, very important. I'll tell you in a separate video the whole concept of this. But cache right now, we have two options, purge all and cache settings that we will understand later on in detail. Now the last option is needed help. If you want any kind of help, you can create you can click on this. Now your question maybe sir what kind of help? Help is nothing but the Blue Host kind of help. So since you have purchased from Blue Host, so Blue Host gives you this option called needed help. I will redirect you, you know, to the chat support of Blue Host, as of now, you don't require because you are watching my video, so as of now, you are not required for. The right hand side, you can see site status is live. It means there is no coming soon page. And right handside you can see the user that is currently logged in. It is you. You can see the user name, it profile, and logout option. From here, you can log out once your website, tasks are done, your changes are done, or whatever your activity once you are done with that, you can simply log out from here so that nobody else can get an unauthorized access of your website using the same browser, right? So this was about the top bar now, the same option is available on the website as well, but there are a couple of more options. The same top bar is also there, but more options are there. So the Wordpress logo is same. This thing is, you know, used to switch between dashboard and the website. Edit site. So this is called Edit site if you want to edit your site, let's say theme editor or maybe you want to make some kind of modification. So you can click on this, but as of now, will not be required because we'll use some more plugins and options advanced option in order to edit the site. Then we have customize. If you want to customize the existing options in your Wordpress website, you can do that, and this is very, very, very. I would say one of the very important features in overall website development using WordPress. So I'll use this option more often and will tell you how it works. Then we have this same comment option plus new option, setting, cache. Then we have some, you know, views over 48 Rs. It means that, how many visitors have come to your website, how many number of views your website has received. Till now, that is something it will tell you, but as of now, there is no you on our website apart from us, of course. So it is showing a zero need help, site status, and then, again, the profile icon, and the search bar is there. If you want to search something, you can search here, and it will pull the details for you. So this is about the top bar, and this is it for this video. I'll catch you in the next video and we'll tell you more about these options which are on the left hand side, and I'll tell you the concepts and the basic things to get started in order to create your website because right now the website is in very bad condition. It is not looking good professional website. Are some random text, and nobody likes a website like this. So I'll get you in the next video. Take care. Bye bye. Have a nice day. 12. 13 How to change password of wordpress: Hey, guys, thank you so much for joining in. Guys, in this particular video, we will understand how you can actually change the password of your WordPress dashboard. If you remember initially when we installed WordPress on our website, a P default system generated password was provided to us. That was very hard to remember. If you want to recall, I can show it right here. So these were the credentials which were generated, and you can see the password, the type of password. It is a very strong password, but it is very hard to remember as well. So if you want to change this password and want to keep something which is easy to remember for you, then how to do that, let's understand. In order to do the same, you need to login into your Wordpress dashboard. After that, you need to come here on the right top and you need to click on Edit Profile. So click on this. Once you click on Edit Profile, this screen will be visible to you and just scroll down a little bit, scroll down and you will see an option called password. You will see an option called account management and under that new password. Set New password, click on this option. Again, it will generate a system, I mean, strong password system generated password, which is, again, hard to remember. So you can just delete it you can just delete it. And now instead of this, you can set up your own password. So let's say, I want to keep a password or I mean, whatever you want to keep a password. So as per your convenience, which is easy to remember for you guys, just make sure that it is a strong password. That indication should be as strong so that your website so you know, should not be in danger of getting of, you know, receiving unauthorized threats or access. So once you mentioned the password, just scroll down and click on Update Profile and it is done. That's how you can easily, you know, change your password and you can change your password number of times. There is no restriction that you can change only one time or two times or three times. You can change your password number of times as per your convenience. But I don't really recommend that. I really recommend that change your password once or maybe twice in case you lost it, and then just remember that and use the same ID and password again and again. So that's it for this video. I'll catch you in the next video till then take care. Be Be. Thank you so much. 13. 14 Dashboard Quick Overview: Okay. Beautiful people, how are you doing? I hope you all are doing pretty well and thank you so much for joining in. Guys, in this particular video, we will understand the basic or we'll say an overview of this entire Wordpress dashboard of the options that are on the left hand side. We have already covered the options which they are on the top bar, but in this video, we will understand these options and what are the meaning. But before that, before that, I'll just clean up this entire dashboard so that the unnecessary option should not be visible to me. So I'll just clean up this dashboard step by step. You can also do the same thing because these are irrelevant information for me as of now. So I'll go to Dashboard, I'll go to Dashboard, I'll go to home. And on the home, you can see there are plenty of options, so I'll just click on Cross or dismiss what is visible, dismiss cross dismiss, right. And these are the options which I can remove just by going screen options and I can just, you know, uncheck all the boxes because these are not very, very essential and I like myself uh, to keep, you know, this dashboard very clear. So this is first thing. Then I go to post. There are some pre made or by default posts like this. I'll just move them into trash. Don't worry, we will create them again. These are just, you know, by default content or dummy content, you can say, so delete permanently. So I like to clean up all the things which are not pretty much of uses. I'll just remove all these pages as well. So just move them to trash and from trash also delete them. Permanently like this. So you can also do that so that your dashboard will be clear. And if I go to plugins, Install plugins, I'll go to Install plugins and then I'll choose all the plug ins from here. They are not very much of use and I'll just deactivate first. Once they are reactivated, I'll just delete them. And yes, they are deactivated. Go to recently, sorry, go to inactive, select from here, all these options will be selected and then click on Delete. So that's how you delete also the plug ins. So, yeah, that's it. So that's how we create deleted all the unnecessary options. Now you see the number of options on the left hand side are now lesser as compared to the previous one. Why? Because there were unnecessary plugins. And every time when you install WordPress, there are certain options which are by default there or maybe the plugins which are by default there, but you can easily remove them. Now let's understand the overview because these are the bare minimum options that you get every time when you install a WordPress. So this is the first option called dashboard dashboard means you will get an overview of all the things which are happening on your website at a glance or you can say just a glimpse of all the activities that are happening related to your site health, related to your activity, post pages, plug in updates, everything else. But I have just deleted all the things because once I'll start creating my website, then I'll like to, you know, get the notifications. But by default, there is no such there is no use of such notifications. Then the second option is updates. So whatever updates are available, whether it is theme, plug in, I'll tell you what these are. So whenever any update is available in your WordPress website, you will get the notification here in the update section and you can get the updates done. The second option is post. So in Wordpress, you get the functionality to publish content in form of post. Post is the article you can say, or you can say blog post. So initially, Wordpress was launched or created to publish content online more frequently. But the coding part was hard for, you know, most of the people. So this Wordpress CMS was introduced in order to make things easy in order to publish new content online without any coding knowledge. So you can see here all post, add new categories are there, texts are there and everything. So I'll tell you in details, but here we are just getting an overview, quick overview. Then we have media. So, you know, in your website, you will be required video files, image files, documents, and other stuff. So that is called media, and you can upload all the media files here. The library is there, which is by default, you know, having maybe some of the images or not, no media files because we are deleted. You can upload add new you can upload media files. As I mentioned, the images, videos, and documents, et cetera. Those will be stored here. The next is pages. So pages is again a form of, you know, feature that enables you to publish content, but the difference in page and post is that in post, you publish content more frequently, or you use post when you are supposed to publish more frequent content, but on the other hand, you use pages when the content or maybe the information is not to be updated very frequently, maybe, you know, just once in a six month or once in a 12 months. So for a longer period of time, if you want to publish a content and stay like this, then you publish the pages. Other than that, you publish post. Then we have comments. If we have comments on our post, then we will see them here. Then we have appearance. This option will enable us to customize the look and feel or the structure of our entire website. I'll add more and more options in this, but by default, there are only two options, themes and editor. Then we have plugin. So plugins is you can say, a small piece of software that enables us to perform a particular task. These are small, small softwares that are ready already built by the community developers and third party developers, and you can simply use of course, some of them are free, some of them are paid, but in most of the cases, we will use only free version of the plugins in order to get our task done and we'll create the entire website using the free plugins and themes. Theme is basically responsible for structure of the website, and plugins are responsible for the functionality of the website. You can remember like this. Now we have users. Since you are creating a website, so if you want to invite more users to work on the same website, if you want to add more users, you can easily do that and you can add new user, you can see the user's list, which are available right now. And this is called user management. So you can add more and more users, and you can assign them a specific role based on their requirement and based on their what do you say position as well. Now we have tools, so there are some by default tools available from Wordpress, which enables you to, you know, check the site health, import, export data, you know, erase or maybe import the personal data them file editor, plug in file editor. So these are some basic tools provided by WordPress itself in order to get your task done. I'll tell you in detail in upcoming videos. Then there is a setting options. Settings are settings, you can say, are the most important part of any website because these are some basic but very crucial information or very crucial option, which, you know, decides the URL structure of the website, reading structure of the website, discussion, perma links, media, privacy, and everything. So these are very basic but important part of your entire website. And we have last collapse menu. If you don't want to see these menus or option, you can just collape them like this and you will get more space in order to work. And if you want to again see them, you can just click on this arrow and they will be visible to you. So this was a quick overview of this entire Wordws dashboard, and we will also learn how you can actually clean up the dashboard very quickly so that unnecessary information are not visible to you, and they will not load the website in order to make it heavy. 14. 15 Types of user roles: Hey, beautiful people. Thank you so much for joining in. Guys, in this particular video, we will understand the different users role in your Wordpress website. As I mentioned in my earlier videos that you can add more number of people on your WordPress website so that they can work along with you in a different different roles. But what are those different different roles? That is the agenda of this video that we will understand about those roles. So in order to add a new person in a new user, you need to go to Users and click on Add NE. So in order to add a new user, there are some information that you need to provide, but before that, we need to understand the role, which is very, very, very important because this role decides what are the permission will be given to that particular user and what are the tasks that user will be able to perform. So if I just click on this drop down, by default, right now, there are five types of rules. First is subscriber, second is contributor, then author, then editor, then administrator. But in terms of superiority or in terms of, I would say the priority, the order is, you know, other way around. The first is the super user is called administrator, that is admin. This user is by default created when somebody installs a Wordpress on any website. So by default, someone who is installing WordPress that becomes the admin or administrator of that website. Administrator is the owner or you can say super user of the website, who can create or delete or you can perform everything. Every kind of task can be performed by an admin. Admin can create, delete, modify, publish, he can do anything, whatever is required. So Admin is the super user of any WordPress website. Number one. Number two, editor. Now the second is editor. If you're assigning someone as an editor, then in that case, that person will be able to create content, publish the content, modify the content, or delete the content. But as compared to administrator, the editor is not able to delete or edit, you know, multiple features, plug ins. He is not able to access all the features of the website. He has only limited access to the post and the pages, and the content, media library, all other stuff like this. So only particular option, only specific options are accessible to the editor, unlike the administrator who has the access of all kinds of options. So that is editor number two. Number three, author. Author, as the name suggests, if you want, you know, if you want to create a blogging website on which multiple authors are there, and you want to give access to each and every author so that they can create they can publish or they can modify their own content, but not anyone else. They can create and publish or maybe edit the content whatever they want as per their choice, but they are not allowed to modify others or they are not allowed to modify the functionality of the website unlike the administrator. So author is someone who can create, publish or modify the content. Then you have contributor. Contributor is someone whom you want to add content, but he cannot delete the content. Can only, you know, modify the existing content. He can, you know, edit the existing content, but he can't delete or he can't create or he can't publish. I would say publish is the right word, so he can't publish the content. He can just give his inputs and then administrator or maybe editor will decide whether that content needs to be published or not. The contributor is not having any kind of access to publish the content. And the last and not least is subscriber. Subscriber is someone who can only see subscriber is the person who can only see but can't perform any, you know, operation in terms of edit, delete, create, publish, modify, nothing. You can only see the content. Most of the cases, subscriber is least used user rule, but on a website that is on subscription basis. Let's say you are creating a news website where you are giving a paid subscription to the user so that only subscribers or only people having access of your website as a subscriber can read the content. Otherwise, nobody else will be able to read the content. In that case, subscriber is the right Guys, that's it for this video, I'll catch you in the next video, and in that video, we will learn how to add a new user. Take care. 15. 16 How to add New User: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand and learn how to add a new user. In order to add a user, you need to come onto user section and click on Add New. Once you click on Add New, it will ask you for a couple of information. The first information is username. So when you are adding a user, you need to provide a user name so that particular person can use this in order to log into your website. So you need to provide a user name. Let's say I provide user name is demo user. You need to provide a proper name of that person or maybe any user name which you want to create. Then email is compulsory. I'll just type demo dot user at the regmil.com just for learning purpose. First name, provide the first name of the user, demo, provide the last name demo demo, in my case. Website, as such, it is not compulsory option. The only compulsory thing is email, username and password. Now, if you want to set up a password by default, if you click on Generate Password, a system generated option or password like this will be visible to you. If you want to keep it like this, you can do that, or if you want to add some custom password, you can just delete it and you can set a custom password. So let's say demo password, add the rate one, two, three percentage, for example, right? A so you can set up a password. Now there is option called send user notification if you want that an email notification should be sent on this email ID so that the user whom you are adding, you know, can be notified and can reset the password if he or she wants, then you can check this option. Otherwise, you can uncheck it. And then at last rule, you need to select a rule whether that user which you are adding is subscriber, contributor, author, editor, or administrator, right? So that's why we are saying author. This is author, you want to send the notification, yes, and then click on Add new. And once it is done, the email notification will be sent to that user whom you just added, and now your user, I mean, the new user can also access the website as per the rule defined. So this was it about this video. I'll catch you in the next video till then, take care. 16. 17 theme & plugin explained: Term Hey, guys, thank you so much for joining in, and we are back again with another video. Today we will discuss about three major components which are very, very important before you start creating your website in Wordpress. The number one is theme that is Wordpress theme. Number two is Wordpress plug in, and number three is WordPress template. So what are these three components? Let's understand one by one. So as you can see on my screen, first, we will understand theme and plug in. What are the differences, what are the roles and how important these two components are in order to create our first website. So in order to understand theme and plug in, I would give a simple example before actually jumping into the definition. So imagine that you have a car, right, and the car, we can divide into two parts. The first one is the outer part, or you can say the interior part, the overall look and feel the color, the dashboard, the interiors, the seat covers, and everything, which enables the car to look good. So these are like body color, design, interiors and overall look. So if we consider this car as our Wordpress website, then these components will be handled by a Wordpress theme. So basically, a Wordpress theme is responsible to provide a structure to provide a look and feel to provide a designing element to a particular website that is called WordPress theme. On the other hand, if we talk about the plug in, so plugin is nothing but a small piece of software which are available and ready to use. And the plugin provides a functionality or a particular feature to your WordPress website, unlike the theme, which provides only the designing components. So if you take the same example of the car, so if we say that the designing part or the structural part is considered or the taken care by theme, then the functionality part in a car engine, accelerator, brake, clerg and the overall functionality. These functionalities are handled by the plugin in our website. So if you say that theme is what if you want to learn in detail, if you want to read out the definition, I have that with me. So what is a theme? The theme is defined as a design and layout of the website. Or simply put a theme determines the front look and feel of the website. The primary objective, guys, this is very important line. The primary objective of a theme is to provide a well integrated structure for your Wordpress website. The theme is responsible to provide a design, to provide a structure, to provide a good look and feel to your website. But there is a catch. Wordpress theme is not responsible or is not, you know, meant to provide you any functionality. And this is the note that you need to understand because this is the major difference between a theme and a plug in. So theme is only responsible for the look and feel, but it does not provide you any kind of functionality. Let's assume that you have visited a website, right? Now, if there is a slider or if there is a query form, which you fill and submit, that query form or that slider is there because of the plug in, not because of the theme. The theme responsible only for colors, the overall structure, you can say the typography, uh, you know, the designing pattern, the UI part, the theme is responsible for that part only. But the plugin is responsible to provide a functionality. So what is a plug in? Wordpress plugin have very little to do with the styling of the page. They are not responsible or they are not meant for this purpose. As the main objective of plugin is to provide you with some additional functionality. If you want to make your website interactive from users point of view, that any particular user can come to your website and can interact with the website in terms of search, in terms of slider, in terms of query form, in terms of pop up, in terms of, you know, buttons, then these all functionalities will be taken care by a particular plug in. For every functionality, you will have ready to use plugins, and that is the beautiful part about WordPress website. You are not supposed to create a plug in. You are not supposed to create a theme. All these components are available for free of cost as well as some of them are paid as well. But in this particular video and master class, we will only understand the free versions of both themes and plugins. We will not use the paid ones until and unless we have a specific functionality or specific goal to be achieved. We will use only the free versions of themes and plug ins. Now, the third component, after theme and plug in, the third component comes to picture is Wordpress template or you can say the premade template. As I mentioned in the earlier videos that in order to create a WordPress website, you don't need any technical knowledge or coding knowledge, right? That's the catch of this particular technology, then how your entire website will be created without any coding, right? So there is a cat. There is a hidden feature in every WordPress theme that whenever you install a theme, and if it is a popular theme like Estra or OceanwP. So these are a couple of examples of theme that provide templates for your website. What are the templates? The templates are ready to use websites. You can understand like this. Templates are ready to use websites with dummy content with all the pages, structure with the content, with the functionalities as well, with required plugin, as well, right? So they are the complete, ready to use websites for a particular industry. Let's say, if you want to create for a hotel, for a restaurant or a cafe, for a tourist and travel website, for a agency website, for a startup website, for anything. So all of the categories, all of the industries will have a relevant template from a particular theme. And you can just import that template and most of your task, I would say 90% of your entire task in a WordPress website will be done at that moment. And then after only 10% is remaining that 10% is customization. The customization as per your need as per your brand, as per your requirement, because the rest of the part has already been done with the help of theme, plug in, and template. And if you have watched this video till here, I'm sure that you have understood the difference in theme, plug in and template, and what are those? What are the responsibilities of these components in our WordPress website? So we will use these three components one by one in upcoming videos. So stay tuned and keep learning, keep practicing. Thank you so much. M. 17. 18 How to install, delete & publish wordpress theme: Hey, Eyvon, thank you so much for joining in. In this video, we will understand about themes. In my previous video, we have already discussed what is theme, what theme does, right, and what are the responsibilities of a theme. Now, in this video, we will see how we can install or delete or maybe activate a new theme in Wordpress dashboard. And to do so, we need to come to our Wordpress dashboard, so I have already logged into my Wordpress dashboard. You need to come to your Wordpress dashboard. And after that, you need to come here on appearance. And in appearance, you see there is an option called themes, right? Click on this option. So by default, whenever you install any Wordpress or you know, technology on your website, there are some predefined themes, based on the year, like it is 2022, right? So by default theme says 2022 is already installed and activated. Guys, please remember whenever you are adding a new theme or a plug in, you need to do two steps. First one, you need to install that theme, and second, you need to activate that theme, right? So install and activate, please remember these two step. These are very crucial. These will be applicable for any or every plug in or theme installation in any of your WordPress website. So here you can see that by default 2022 is there. 2020 is there, 2021 is there. It is based on the years. Next year, if you are watching this video in 2023, then it may be possible, you will see a theme called 2023. And these are the themes which are released by wordpress dot Rg. That is the official technology, I would say, provider for this particular, you know, website. Wordpress.org. This is a platform. This is a technology, and it has a network of developers. These themes which are available are being developed by the community developers, the network which wordpress.org has in its network, and these themes are provided for free. Of course, some of them are also paid, but most of the time you will see free themes, and in this video, we will use only free themes. But before that, we need to delete these pre installed theme. How to do that, let's understand. So for example, I need to delete this 2020. Now the question comes in your mind, sir, why do we need to delete them? Let them as it is know. You need to delete every unused theme from your WordPress dashboard, because every unused element on your Wordpress website will consume some amount of storage on your web hosting. And more and more unused data you will have, it will impact the website performance in terms of speed, in terms of loading times, in terms of user experience. So you need to make sure that you don't have any unused data in your Wordpress dashboard. So let's delete them. So for that, we need to click on theme details. And on the right bottom, you can see there's a button called delete. So just click on this and it will show you a pop up, click on Okay, and now this theme is being deleted. Same way, we will delete this theme as well because we will not use them. We will use a different theme altogether, and I'll tell you what they are. So now the only theme which is activated is 2022 Park. This is not that theme which we will be using. We will be adding a new theme. So in order to add a new theme, there are two methods. Either you add a new theme directly from the library of Wordpress, which is available inside your dashboard, or the second method is to manually upload. I'll tell you about the second method in my next video, but for this video, I'll just click on this Add New button in order to add a new theme. So click on Add NEW and here you will see a vast library of pre made themes. This is 5168 as of now. There are 5,168 themes available in this gallery, which is maybe either for free, some of them are free, some of them are paid. So it is a combination of both 51, six, eight. Most of them here, whatever theme you will find here, mostly they will be free, right? Because Wordpress never promotes the paid ones, right? Wordpress has the community of developers who makes the theme, who make the theme for free. So here, the theme which we will install and use is called Estra ASTRA, you can see here, ASTRA. Don't get confused with another theme called as Estra that is not something because if you come here and search for estra like this, if you can't find this theme directly, you can search for ASTRA stra, and this is the first theme ASTRA. So this is that theme which we will be using. Why this theme Because this is one of the most popular theme in WordPress community because of two reasons. First, it is lightweight. It does not add any unnecessary code into your website, which may impact your performance. And the second part is, it provides variety of pre made free templates, which will help us to create our own website. I'll tell you step by step. So as of now, you need to remember that you need to install the ETA theme, so just click on Install. And as I mentioned earlier, there are two steps install and activate. So first, it is installing. And once the installation is being done, you need to click on the activate button, which will be right here instead of install. So let it happen. So right now it is installing. It is based on your Internet space, speed, your maybe, you know, device connectivity. It may take, you know, a couple of seconds or maybe it will be done within fraction of second as well. So right now it is being installing. So I'll just wait for it. Maybe I guess my Internet might be slow. I'm not sure. So let's wait for this team to be installed. The installation is done and after installation, you will see a button called Activate, click on this. And now this particular theme called As ETA will be activated on your hotps website, and the previous one will be deactivated automatically. It will not be deleted. It will be only deactivated. And now if you come to the website that is a front end, previously, the look and feel was like this, but now since we have installed a new theme, let's refresh this, and now we'll be able to see a new look of this website in terms of colors, in terms of typography. You can see now the colors are different. The typography is different. The orientation of this page is different because of the theme. That's why the themes are responsible for the structure of the website, for the colors of the website, for the typography of the website, right? And as I said, that we don't want to keep any unused data in our Wordpress dashboard. So just delete this particular theme as well, like this way. And now we have only one theme that is called Astra installed and activated, and that's it, that is the first step to get started with your Wordps dashboard. So that's it for this video. I'll catch you in the next video, keep watching and keep learning. Or 18. 19 Free vs premium themes: Everyone, thank you so much for joining in, guys, in this video, we will understand a very, very important concept about WordPress themes. That is difference in free and premium themes. As I mentioned in my earlier videos, that in your Wordpress dashboard, when you are about to install a new theme or you are in a search of a new theme, most of the theme will be provided you for free. But there are also some themes which are available on third party platforms which are of paid. But the question comes here which theme should you should go with a free theme or a premium theme. Of course, premium theme is a paid theme for which you need to pay a particular amount. This amount will vary based on provider, based on the platform from which you are purchasing, based on the design, based on the requirement, based on the functionalities that this particular theme has, but that will be absolutely paid theme. So now let's understand the difference in a free and paid theme, and in which scenario, you should go with a free or theme. So here on my screen, you can see that there are two types of Wordpress themes. First one is a free theme for which you are not supposed to pay anything they are absolutely free to use, and the second one is premium or you can say paid theme. Now let's understand what is the difference. First, let's understand free themes. So as the name suggests, there are several professional web designers who design wordpress themes and make them available for free. Now the question comes into mind, sir, why do people favor this or I mean, why do they provide free themes? Is there something a scam or maybe is there something, you know, there is some hidden moto? No, no, no. See what happens in the tech industry or any industry. There is a community of developers. There are new developer, they are old developers. Everyone wants to gain some kind of attraction in terms of use or in terms of popularity, or they want to showcase their work, or they want to help the community. So for all these reasons or maybe for any one of the reasons, they create some product in terms of themes in terms of plugins in terms of softwares and they provide it to the general public for free for their use. And the motto behind this free service is to gain the popularity because once, you know, more and more people will start using their themes because it is good because it is lightweight, or maybe due to the functionality, the developer will also gain the popularity. And once that developer will gain the popularity, might be then they will create some product which will be of paid or which will be on the subscription basis, right? And then they will use their popularity, which they gained using the free themes of free services, and might be then they can utilize this popularity in order to sell their other products, and that's how they so there is no hidden motto. There is no hidden secret or a scam behind, you know, providing free themes. So don't be scared that if you use a free theme, something wrong will happen with you in future. No, nothing at all. But the only drawback that a particular free theme may have is that since it is a free theme, then more and more number of people will use. You might find the similar structure of other businesses having the same theme on their website as compared to you as. So might be, you will feel, Kiser, we don't have any unique theme. Everybody is using the free theme. Yes. If it is a free, then more and more number will use it, and you can't find out who or maybe who is that particular person who is using that theme. You can find out the number of total installs via some research, but you can't be able to you won't be able to find which particular person which particular website using that particular theme. So in that case, your website structure and someone's else's website structure might be same. Because the theme is for free. But in which scenario you should use it if you are just starting up, if you are a learner, if you are just a small business owner, if you are just using Wordpress or exploring Wordpress for learning purpose or for your small business purpose, there is no harm of using free WordPress theme. You can absolutely use a free WordPress theme. Not a problem at all. But what is a premium theme? Premium. As the name suggests, it is also called a paid theme because this is not being provided for free by Wordpress. It is being provided by third party developers or maybe some third party platforms for a particular cost. Now, this cost will vary. Generally, for a WordPress theme, you may find the cost between starting from maybe 20 or $25, maybe lesser than that, but generally 20, $25, and it goes up to 100, $150, maybe $200, based on the features or based on the functionalities that, you know, a paid theme or premium theme provides. So generally premium themes are paid, of course. Not all themes have the same price. However, the price may vary because of the functionality. The best thing about now, what is the advantage of a paid theme or a premium theme? The best part about a premium theme is that they come with a reliable code, as well as the premium customer support to help you with your issue and problem. Let's say if you face any problem. So there is a dedicated there will be a dedicated customer support for your queries, right? They will help you out in order to resolve. But in a previous theme in a free theme, there is no as such customer support available. If you face any problem, only two methods are there. One either you learn by your mistakes or you can search on Google. You can search on free forums for the similar kind of support. There are some popular forums like stack overflow or Wordpress forums or wordpress.org Forums. So you can find the solutions of your problem by your own. But in the case of premium theme, you will get customer support option, as well as also provide some kind of, you know, update support, right? For next six months, we will give you whatever updates or new future whatever new features we are coming with, we will give you for free for next six months. So these are kind of paid services. These are kind of premium services they provide along with the theme. And since it is a paid theme, so not everybody is using that. So most of the time, you can, you know, purchase a unique theme or you can get customize that theme as per your requirement. Now the question is, in what scenario we should use the scenario is that if you are running a branded business or if you are moving or upscaling your business, or if you want your website design to be completely unique, right? In that case, you should go with a premium theme or paid theme. I'll tell you in the later videos, what are the platforms from where you can actually get that, how to compare a paid theme, how to check whether a theme is a good SU friendly theme or not, all these things we will cover in the upcoming videos. But as of now, in this video, the objective was to understand the difference between the free and the premium theme, and I hope you must have understood that. If you have any question, leave that in the comment below. I'll help you in order to resolve your query. And 19. 20 How to upload theme manually onto wordpress dashboard: In this video, we will understand that if you have an external theme with you and you want to upload or you want to install it in your Word pass dashboard manually, then how you can do that. So for that, I would take an example. So right now, if I go to themes under the appearance section, I can find that there is a theme called Extra, which we installed in our previous videos. Now, let's say, if you want to install a theme without the, you know, gallery because if you click on the Ad new, you will find uh, you know, various number of themes available in the WordPress dashboard. Like, I guess, it is around five, three, one, six or something like that, 51, six, eight, yes. But if you can't find a particular theme or if you have another theme which you want to download, this method will be useful in that case, when you have a premium theme or when you have a paid theme. So let's say, I want to install a theme, so I would go to Google, and I would take a free theme example, but this same method is applicable for a paid theme as well because the steps are very similar. So let's say I want to download a WP Ocean theme, WP Ocean theme. I want to download this theme. This is free of cost available, and I can install it from the WordPress dashboard as well. But I'm just sharing that what if the theme is not available or if you want to install it manually. So first, I need to download this theme. So let's say this is the link. This is the wordpress dot RG website link where the repository is there. And there you can see there is a button called Download. So I'll simply click on this. And once it is downloaded, the zip file is there. So every time you download a particular theme, the zip file will be provided to you in this way. You don't need to extract this zip file. You just need to keep it as it is. Until unless there is a child theme or there's a parent theme, I'll tell you what these terminologies are. Once the theme is downloaded in form of zip file, come to your Wordpress dashboard again. And now instead of Add new, you will click on Upload theme like this. And here you will choose the theme or you can simply drag and drop it like Now, click on Install Now. So this particular theme will be automatically installed once it is done, but it will not be activated. You need to activate manually once the installation process is completed. Now it is based on the file size that you uploaded, your Internet speed that you are getting right now. These factors will impact the overall time that it will take in order to get completed. So, guys, as you can see, right now, it is saying unpacking the package, the zip file, the overall file, it is extracting the files. Then it is now installing the theme. The next process it is doing installing the and the next process will be either it is properly installed or maybe if there is an error, that will be popped up here. So right now two steps are done. Second step is in progress, installing the theme. Now, let's say what is the third step which will come in front of our eyes? Yes, theme installed successfully. So there is no error as such. If you face any error, you can probably Google it. If there is error, possibility, there is a glitch in your Internet connection. Because of that, you may face any error or maybe if your maximum file size is not permitted, then in that case, your error will be visible. Right now you can say the theme installed successfully, and if I go to themes again. So now I will be able to see this theme as installed but not activated. If I want to get it activated, I will just click on this button and the theme will be activated. So that's how you can eventually upload a theme. Maybe if you are downloading a premium theme or if you have downloaded a theme from an third party platform which is not available inside the Wordpa dashboard, then in that case, this method is useful. I hope you learn a new thing in this journey. I will see you in the next video and don't forget to leave your valuable feedback and reviews in the comment section or feedback section so that we can improve our courts and upcoming videos based on your feedback. I'll get you in the next video. 20. 21 How to install plugin in wordpress: Hey, guys, thank you so much for joining in. Guys. In this video, we will understand how you can install plug in. In previous videos, we understood what is theme, what is plugin, how you can install theme, how you can upload them. Now, it is the right time to understand how you can install plug in. So in order to do that, there is an option in your WordPress dashboard which says plugins. Just come onto this section, and there are three options. First is installed plug in. Second is add new and third is plug in File Editor. So now if you want to see the list of already installed plug in, you can directly click on this. So let's see how many plugins are already there. So you can see there are certain plugin. There are certain plugins available already installed. We can also delete them. But before that, let's understand how to install a new plug in. So either you can click on this button which says Add New or there's a same button on top of that as well. Click on any of these once you clicked on Add New now there is a library of all the plugins which are available from Wordpress. Now obviously, these are not developed by only Wordpress. There are community developers who build these plug ins. Now, whatever plug in you want to search, you can search here. Let's say I want to search for contact form seven. Contact, Form seven. This is one of the plug in. You can search for any plug in, and we will understand in upcoming videos how we can choose the right plug in, what are the advantages, disadvantages and everything. Right now you can say the Contact Form seven, this is a plugin, right? What is a plug in Plug in a small piece of software or you can say code that is ready to use in order to perform a particular functionality to your Wordpress website. So right now, it says already it is active, so it means it is already installed and activated. We, for example, we can add, you know, install any other plug in, so like this one. So if we want to install a plugin, there are two steps. First is install, second is activate. So click on this Install button. Click on this Install button. And once it is installed or the installation process is completed, then you need to click on the Activate button. So now, as you can see, this plugin is successfully installed. Now there is a button called Activate. We will just click on Activate. Try clicking on Activate This plugin is now ready to use, and by default, it may happen that it will redirect you to the settings page of that particular plugin. So you can see the settings or the possible available options. Or if you don't want to see that, you can just click on the back button. And come back again to the installed one. So plugin installed plug ins. And now that particular plug in which you just installed will be visible here. So that is WPForm light. So these are the plug ins which are available in my dashboard. 21. 22 How to deactivate & delete plugin in WordPress: Now, let's understand how you can inactive plugin or delete a plugin. That is very important. Right now, you can see there are a couple of options on the top, all active inactive updates available auto update disabled. So right now, if you see there are six plugins, but only four are active and two are inactive. Maybe, you know, if you don't need them, you can active them. But if you are really, you know, if you really don't need them, I will request to delete them permanently because that will save you some amount of storage from your hosting. So just select all of them. If you want to select one by one, you can do that, or if you want to select them all, you can directly click on this checkbox. Go here, click the delete option and apply. And okay. So now the plugin will be deleted one by one like this. Right now, we have only four plugins and all four of them are activated. So that's how you can delete the plug in, and if you want to inactive the plug in, so there is a simple method, there is option called deactivate, deactivate, deactivate, deactivate. Or if you want to deactivate all the plugins, select all click here, go to deactivate and apply. So all the plugins which are available will be deactivated like this. Now you can say inactive four, right? And if you want to again activate them in bulk, select all, activate and apply. So now all the plug ins will be activated successfully without any problem. So that's how you can install a plug in, activate, deactivate or delete plug in. Hope this video was helpful for you guys, and I hope you all are practicing properly. As soon as your website is ready, please don't forget to drop the website link in the project section so that we can review them, and I can personally share my opinion on that. I'll get you in the next video. Take care. 22. 23 How to upload plugin manually in wordpress dashboard: Hey, guys, thank you so much for joining in. Guys, in this video, we will learn how you can upload a plug in. Similarly, we understood in a theme section, let's say, if you are downloading a theme or any third party theme and if you want to upload on Watpos Dashboard, how you can do that. Similarly, if you have, let's say, a separate plug in, which is not available inside the directory, then how you can install or how you can upload that plug in. For example, I will go to Google. I will go to Google. I will search for element or plug in. I will search for element or Page Builder plugin. I will go to wordpress.org, although it is directly available, but I'm just telling you in case if any plugin is not available directly or any third party premium plugin is there. So you need to download that plug in, whichever you are supposed to install, so click on Download. And similar to the theme file, it is also in form of a ZIP file like this. So it is also in form of Zile it will give you and you don't need to extract this ZIP file. You just keep it as it is. Once the download is finished or done, uh, like this, go to Dashboard. Meanwhile, go to Dashboard. And now here you can see there's a button called Add New. Of course, we already know that. Click on this. But instead of searching from available plugins, we will directly click on Upload plugin like this and drag this zip file and drop it here. Or you can directly, choose the file and you can search in your computer as well. Then click on Install Now. The similar process will happen. This ZIP file will be extracted, the plugin will be installed, but it will not be activated. So now it is unpacking the package, that is ZIP file. That is the first step it is doing. Once it is done, it will show us the next step that is installing the plugin. Now, it says installing the plug in. So it is installing all the files which are there in your zip folder or ZIP directory. And once if everything goes well, it will show us that the plugin is installed successfully. It will not activate the plugin. It will just install the plugin. You will need to manually activate it by going into the installed plug in section. I'll tell you how to do. So the plugin is installed successfully, and it says, Activate plug in or go to plug in Installer. So we'll go to Installed plug in first and see whether this plugin has been installed or is visible or not. So yes, element or this is the plug in name. It is visible. By default, it is only installed, not activated, but we know how to activate just click on this button and the plugin will be activated successfully. By default, it may redirect you to the setting page or may not depending on the plugin to plug in. So that's how you can upload a third party plug in using your Wordpress dashboard. Hope this video helped you if you like Micon if you're liking my codes, liking my content, then don't forget to follow me just clicking on that follow button right on the top of this video. Thank you so much. 23. 24 Introduction to page builder in WordPress: Hey, Evan, thank you so much for joining in. Guys, in this video, we will discuss about Page Builder. First, let's understand what is Page Builder. If you remember in my previous videos, I categorically mentioned that one of the biggest advantage that Wordpress has, it doesn't require any coding knowledge. You can create entire website without any coding or technical knowledge, but a universal truth is a website can't be built without any code. Now, these are the two statements which are contradictory. On the first hand, I'm saying that you don't require any technical or coding knowledge. You are not supposed to do coding, but on the other hand, I'm saying it is impossible to build a website without coding actually. Now what is the catch? The catch is that you are not supposed to do the coding part or you are not supposed to write the code. But from your behalf, somebody else will do that. Now, somebody is not a human being here, it is a software, which is called as Page Builder. Now, this Page Builder is a Wordpress plugin. We have already discussed what is Wordpress plugin in my previous videos. If you haven't watched them, do check it out. So Wordpress has this plugin called Page Builder. Now, these Page Builder plugins are the backbone when it comes to entire website without any code because all the task which requires code or maybe coding knowledge can be done easily with the help of these page builders, because these has ready made widgets. Let's say you want to create a page, you want to create a website. Now there are certain elements in every website which are universal or common. Let's say heading, image, text, bullet points, liz slider, pop or butter. These are the sum or maybe there are multiple. These are some universal or you say common components which every website. Now what these page builder do, these page Builders enable you to just drag and draw those widgets. Let's say if you want to add a heading. You are not supposed to write the code. You are just supposed to use the widget that particular page builder has. You just need to use that widget and behind that, behind the scene, the code for that particular widget will automatically inserted into the website. That's how you are on the front end not writing any code, but at the same time, the page builder is writing the inserting code more, more and more as soon as you are building the website. That is a bridge. 24. 25 Elementor page builder brief: Hey, beautiful people, thank you so much for joining in. Guys, in this video, we will discuss and understand what is or which one is the most popular Page Builder, especially for beginners. In my previous videos, we understood and discussed what is Page Builder? What are the available options in market for Wordpress as a Page Builder. And now in this video, we will choose one Page Builder, which will help us to create our own website. So now the Page Builder that we are choosing here is called as Elementor or Elementor. It's your choice, how you want to call it. I would call it Elementor. So Elementor is, again, a page Builder. It is a WordPress plugin or Page Builder, you can say. It enables you or it empowers you to create your own website just by using the in built widgets that it has by using drag and drop feature. Are multiple other page builders as well, but as per my experience, I recommend elementor, and there are a couple of reasons for it. The number one reason is this is one of the most popular in terms of number of installed. It has already more than 5 million plus active installation. It means it already empowers more than 50 lacks or 5 million websites around the globe. So that is the number one reason. Number two, this is very easy to use, especially for beginners because this is something which provides you the live preview or live action for your website. So on the left hand side of your screen, you will see the widgets and all the, you know, options, and on the right hand side, you can directly work on your website. And in real time, it will show you all the changes, all the impacts on the website that you are create. And the number third is, it has a free good version. It has a paid version as well, but it offers a free version as well that has immense features. And there are supported plug ins as well for this page builder to take the maximum outcome from this plugin. Other plug in or other page builders have some limitations, and I personally don't recommend them, especially for beginners. I'm not saying that they are not useful. They are great at their own space. But for beginners to start with, I personally recommend element or Page Builder, and we will use the free version of Elementor in this particular series. So there are multiple advantages as well of Elementor, but I will not take much time explaining them. Rather, I will show you how that particular elementor works as a page builder, and that will clear out all your doubts that why we chose element or as a page builder. I'll see you in the next video. Take care. Have a nice day. I for me. 25. 26 Explore astra library & install template: Hey, everyone. Welcome back to the series. Ties in this video, we will discuss how you can start your website creation journey. In my previous videos or I say till now, we have discussed about Wordpress, web hosting, domain, themes, plugins, Page Builder, et cetera. Now it is the right time to start creating your website because till now, whatever we have done, the website looks like this, and this is not at all similar to or close to any website. This is just a random, you know, page on the Internet or this is a blank page on the Internet. No information is there, no beautification is there, nothing organized here. So this is not a website page as of now. So what we need to do is after learning that how to install a theme, how to install a plug in, now we need to understand how to install a template. We have already discussed what is template, and in this video, we will see how to install a template. And just after installing the template, how this boring or say, unused page will turn into a beautiful stunning website within fraction of minutes. Now let's understand. So the theme which we are considering in this entire series is estra ASTRA, let me show you we have already installed that theme and activated it. That is ASTRA stra theme. Astra theme provides you multiple free templates. That is the beauty of this theme, and that's why we selected it. So after installing and activating the stra theme, we will gum to Astra option inside the appearance here, Astra options. Click on this. Once you clicked on Astra Options, now you will have another screen on which you need to find an option called Install Importer plug in this one here. And you need to click on this. So this is a library of pre made templates which is provided by Astra theme, and you can select the free of cost. There are premium as well, but we will use only free ones. So you can select the template. You can import the data and your website as for your requirement, as for the industry will be ready in just a couple of minutes. And I'm going to tell you all the steps that you need to follow one by one, and your website with, relevant industry and content will be ready. So here, once it is done, it will redirect you onto this particular page. Sometimes it may happen that you will see only a blank screen instead of this. So in that case, don't worry, click on this extra icon, S icon on the top left and you will see this same screen. So after you landed on this particular screens, just scroll down a little bit and click on Build your website now, click on Build your website now, and you need to select a Page Builder. We have already discussed the Page Builder and the Page Builder is Elementor. There are other page builder as well that ETA supports that block editor and Beaver. So we will choose element, click here. And now you will see a library, a huge library of premade templates. Let's explore this library. So you can see there are certain options. So it says, What type of websites are you building, right? You can search for a template because all the templates, all the premade websites or, you know, template designs are categorized into different different categories. What are those categories? If you see here, business is a category in which multiple options are there as per the need. Local businesses, personal care, professionals, personal sites, community ecommerce blog. And, you know, you can see all or maybe if you want only premium, of course, premium are the paid ones, which we will not select in this particular series, and you can sort them with the help of popular or latest. So now you can see right now there are multiple templates, and these are actually websites. These are not just themes. These are actually websites. All the data, all the functionalities are already there as per the industry. So let's say if I want to search for a real estate or construction line. So let's say I want to search for a template which is related to construction. So I'll just type here construction, sorry, I'll just type here, construction. Like this. And now you can see related to construction, all the templates are here. Some of them are premium that is paid one, and some of them are free. The template which do not have the premium tag, they are free. You can use them without any paid cost. So you can see there are multiple templates, premium free, free. These are all free, right, depending on the category. So let's say this one, we select this one. So we'll not import right now, we'll just see a preview. Click on this. And now it will show you a preview of how this particular template looks like, looks like. So you can see that's how the homepage looks like. There are a couple of pages home about page properties. I will tell you what is page and post anything. Home about properties, agents FIQ contact. There is a beautiful, you know, message box. There is a line, there's a banner. I will tell you all these parts in details. Then it says, find your perfect home. There are properties. Then it says about us, about the company. Unique listings it's provide. Right. And then what are you looking for apartment, houses, offices? So it is completely created for construction industry or say, real estate industry. So this is cut back basically dependent on that particular industry as well. If you want to explore more, you can go back and you explore more. So just cross this, and you can also explore category. Let's say I want to search for hotel and travel. So I just clicked on that. And now related themes related templateorry, related templates, not themes. Related templates will be visible here. All these premium, but this is free. Let's say, click on this. So you say travel and tourism. The name of the template is travel and tourism, and that's how it looks like. You can see how beautiful it is. And all these data, all these pictures, all these content will be provided to you once you start importing this. Don't worry. All these data will be provided to you, all the structure as it is, nothing will be changed as it is, you will get this whole website. So for this particular series, we will be using particular that same construction example. So we will use the same construction example as of now, and then later on, we can see other examples as well if time permits. So we'll choose this one as of now because it has multiple options so that it will be helpful for you guys to understand much in detail. So click on this. And now here you can see the preview as we saw previously as well. So now how to import this, just click on left inside skim. There are options like you can change the logo width, but we will do it inside our dashboard manually. So don't worry about that. Skip and continue. Then default colors, you can change the color pattern as well, but we will again, see that in our dashboard. Click on Continue. And here, you can provide your details as well. Otherwise, you can just bypass this option and click on Summit and build my website like this. And now it is installing your website, sorry, it is building your website because it is installing and importing the templates with all the files, plug ins, content, and everything. So whatever was there in the preview, everything will be provided to you. Let me show you again. Right now, the website looks like this, the wplons.com. But once this process is completed, the website will be completely changed, and instead of a boring page, don't have any, you know, information. Your entire beautiful stunning website will be there in front of your eyes. So just wait for it to be 100%. And it is done. Congratulations. Your website has been built in 43 seconds. Now, if I go to the website if I refresh, please remember don't blink your eyes. Don't blink. Just see the magic if I refresh now. So instead of that boring page, a complete altogether new stunning website for real estate construction industry is now ready for you on your domain. Every single information that you saw in the preview is here, every single data about us, all the pages about page, property page, agents, FAQ, contact form, the logo, the pictures, and everything is there. So that's how you build a website, but the work is not done yet. We have to customize this as per our own choice. So I'll tell you step by step how you can customize each and every option inside this template and make it as per your brand guideline, as per your need or as per your requirement. So that's it for this video, I'll catch you in the next video till then take care bye bye. Have a nice day. Thank. 26. 27 General settings in WordPress: Hey, everyone. Thank you so much for joining in. Guys, in this particular video, we will understand the basic Wordpress settings that you need to follow every time when you create a new WordPress website. These settings are very essential from basic setup point of view, because every time when you create a new Wordpress website, there are certain options from users point of view, from, you know, setup point of view, from Wordpress point of view, that you need to follow. And every setting is crucial for a longer period of time, which may impact your website performance or appearance in terms of user experience. So in order to change the settings or in order to see the settings, what you need to do is you need to come onto your Wtpress dashboard. And inside here, you see an option called settings. And in this, there are multiple options. We will go through them one by one, and in this video, we will understand the general settings of Wordpress. So click on this. As soon as you clicked on general settings, now there are certain options. Let's understand one by one. First option is site title. So whenever you install a Wordpress or whenever you create a website, there is a site title which is visible here. So if you see here on my screen, so the WP learners, this particular one in your tab, the WP learners is my site title. My Wordpress blog is my tagline. So you can change the site title from here. This site title is by default applicable for all the pages on your Wordpress website. So if you want to change it, you can do that simply by editing this particular text. Next is tag line tagline is nothing but the same way. The first one is the WP learners. It is the tag line and then dash or hyphen. My Wordpress blog is the tagline of your website. So here, I need to change it, and I will keep, like, learn WordPress easily. So this is a site title which I can put site tag line, sorry, site tag line, which I can put for my website. You can change these two options as many times as possible if you want, but this is something which is, you know, meant to be static all the time because these are related to your brand identity, brand appearance, and about your business. So you don't need to, you know, change multiple times. Then the third option is Wordpress address URL and site address URL. Guys, please make sure that these two URLs should be identical because these URLs will tell user and the Wordpress CMS as well that which is the actual address of your website. If you see any mismatch in them, please make sure that both of them are correct from starting to end. There should not be any difference in both the URLs. And the third next option is administrator email ID. This email ID was inserted when you installed WordPress or when you install the Wordpress via Blue Host, it automatically detected the email ID. Although you can change it, but as soon as you will change, a particular email confirmation will be sent to this email ID, and once that is approved, then only it will be changed. This email ID is also being used if in case you forgot your password and you want to reset it, then, in that case, a reset password link or in form of email will be sent on this email ID and all the possible notification. Regarding anything happening on your website will be sent to this particular email ID only. So please make sure that you insert a proper and fully functional email ID on this particular section. The next option is membership. By default, it is off and you have to keep it off. Why I'm saying that Because if you remember, let's say, when I actually told you how to login into your WordPress dashboard. So if I go to Incognito mode and if I paste and show you the login page. So by default, the Wordpress login page looks something like this in which it asks for user name or email and password. There is no other option which says create account. There is no other option which says, create account. It means only those people who have the user ID password can log in. No third party or no unauthorized user can create an account. And that's what you want, right? You don't want any unauthorized person to get into your WordPress dashboard. It is a very big threat for your security purpose. So don't keep it on until unless your website is, you know, something like that that anyone can come and register. But most of the cases, it has to be switched off. Then the next option is new user default rule. If you select this option, then in that case, whatever user, whatever new user is coming and creating an account, that particular user will be assigned with a role. With a default role, you can set the default role as per your choice, maybe subscriber, contributor author. All these options we have already covered in the previous videos under the user management section. So if haven't watched that video, please go and check it out. Then next option is site language. As per your choice, as per your control as per your audience choice, you can change the site language, and all the possible options of languages around the world, around the globe are available here. So if your audience is comfortable in any particular language, let's say French or Japanese or Chinese or maybe something else, you can change the language as per your convenience, and the entire dashboard will also be converted in the same language. Right now, it is English US, and I'll keep it as it is. The next option is time zone. It is dependent on your country time zone. By default, it is set to UTC plus zero. You can set this time zone as per your country's time zone. In my case, it is UTC plus 530, so I'll just go and say UTC plus 530. That is the time zone which is applicable for India. Sorry. It is not minus. It is plus. So I'll just go and click on plus 530 like this. So UTC plus 530 is my country time zone. The next is date format in which format you want your date to be displayed by default, it is month, date, year. Default, it is month, date, and year. If you want to change the format, you can do that. It will not impact your website majorly. It is up to you in which format you want to keep the dates. The next is time format, whether you want to keep it like this or maybe capital PM or maybe thing like that, or maybe if you want to add your own custom format, you can do that. The next day week starts on for you what you want the starting date. By default, it is set to Monday if you want or Sunday, Monday, Tuesday. These are very essential when you have a membership based website or when you have a website where all these options are crucial from users point of view. Otherwise, it will not impact your overall website performance as such. Then we have started template. Since we are using extra theme, so there is an option as similar to the element or Page Builder, there is another page builder called Breezy. So if you want Breezy Page Builder templates, enable in started templates, you can do that. But as I mentioned, we will only use element for at least for beginning purpose to, you know, create our website. So we'll leave as it is, and user tracking, it says, Allow brainstorm force products to track non certain sensitive user tracking data. It is basically just to, you know, monitor whether you are facing any problem or not. If it is by default selected, you can do that. If you don't want to share the data keep it off and then save the changes. So these were the settings which come under the general part or general settings here. If you see any other option which is not covered in this video, you can let me know in the comment section or discussion forum. I will try to answer your every query. That's it for this video. I'll catch you the next video till then take care bye bye. Have a nice day. 27. 28 Writing settings in WordPress: Hey, beautiful people. Thank you so much for joining in. Guys, today we will learn about the second setting option inside the Wordpress dashboard. That is writing settings. So if you go to settings, the second one is writing. Previously we understood about general settings. So click on writing settings. Now under this section, there are a couple of information, couple of options that we get so first is default post category. So in WordPress, I'll also explain in upcoming videos. In Wordpress, there are two types of content publishing methods. First is post in form of post and second in form of pages. In my previous videos where we discussed about the quick overview of the dashboard, we discuss these concepts. In detail, we will also discuss. So whenever you are uploading a post, whenever you are publishing a post, which category you want to put by default. So right now there are no categories, so it is by default set to uncategorized. If we have the categories, more and more categories here in the post under categories, we can set any category to the default post category. Then default post format. So when you are publishing a new post, what kind of post format you want to follow. By default, it is standard, it means featured image, description, text, and everything will be there. Other than that, there are other format as well aside chat, gallery, link, image, code. I will tell in detail when we will, you know, jump into the blog section of the website. Then I will tell you what are these options, but by default, you can keep it to standard as well. Now it says post via email. So previously what happened was there, that initially when, you know, Wordpress was popular only mostly for blog purposes and article purposes. So every time when people used to, you know, people wanted to publish a blog, they had to login into the Wordpress dashboard, and then they need to publish the blog. There was a functionality which was introduced which says you can directly post or you can directly publish the article without actually coming into the WordPress dashboard just by using your email address. So what was there that you can set up your email ID. And every time when you are about to publish a post, you can just draft an email with a certain headlines, body text, and everything, and you can send it. And with the settings, it will be fetched from your email ID and the content will be posted on your website. But this method could not survive initially because last my experience, I never used this method because there are multiple drawbacks as well. Sometimes the picture alignment is not proper, the content alignment is not proper, content formatting is not proper. So any which way we have to log into our WordPress dashboard. So that's why this particular option is there, but generally no one is using nowadays, right? So if you want to know more about it, you can probably Google or maybe search of Internet, but as of now, there is nobody who is actually using. At least I have not seen in my experience. That's why I'm, you know, leaving these options. Update service is not, again, very important. It says when you post something, when you publish something, so there is update service which will notify someone. So I don't think because every time something is happening on my website, I have my email ID already there, which will, you know, notify me as a admin. So that is not, uh so there is not much about these options. The only important options under the writing settings is default post category and default post format, right? So these are the options. Once you are done with the changes, click on Save changes. Please remember every time you make any change, don't forget to save those changes. Otherwise, your data, whatever you modification you have done, will be vanished. So this is something which you need to understand. So guy, this was about writing settings. I hope you understood. If you have any query, you can let me know in the discussion form or in the comment below. I'll try to help you with your query solved. Thank you so much. I'll catch you in the next video. Bye bye. Thank you. I 28. 29 Reading settings in WordPress: Hey, beautiful people. How are you doing? I hope you all are doing pretty well and thank you so much for joining in. In this video, we will understand the third type of settings inside the WordPress dashboard, that is reading settings. So if you go to settings, the third one is reading settings, previous two settings that is general and writing, we have already covered in the previous videos. If you haven't seen those videos, go check it out after this video. So now if we come under the reading settings section, so there are a couple of options. Let's understand one by one. The first one is your home page displays. Guys, please understand when I talk about a website, the By default page, whenever you enter the URL, the main domain, this is called homepage. So by default, this page is called as Homepage. And if you can see this is also an option called home. So every time when a user is coming to your website, what type of homepage or what type of content you want to show on your homepage? Because in most of the cases, every website or most of the website which you visit on a daily basis or, you know, frequently, you will find that the homepage are, you know, the homepage is something which is never changed or which is very rarely changed. Every time you visit the same website, maybe one time, two times, three times, four times number of times, the homepage will remain. So this is something you need to decide as admin of the website which kind of content you want to show on the homepage. That is something this setting means. So it says, You homepage displays by default, it may be on your latest post, but if you are creating a let's say, business website or if you want to set up a homepage static, you don't want to change it you as you know, multiple times. Then I would suggest to go with a setting that says, You homepage displays a static page, not a dynamic page or not something which is changing every time, but a static page. And you can select homepage. So there is a dropdown. So as soon as you will create more number of pages, all the pages will be shown here, pages. I would say pages not post. So pages will be shown here. Now you can decide which page to be set as homepage. So right now you can see the homepage home, named as HOME home is set as homepage, but I can also change it. So let's say I want to change it to about and let's save it for a while and let's understand. So now what will happen if I go back again to my website and refresh now? Now, this particular page will not be visible to me as the homepage. Instead of that, about a page will be visible just like this instead of uh the previous one like this. Right now, the URL is not changed. It is still the same. But still because I have, you know, changed the homepage settings. So that's why every time when I come to this website, now this page will be visible to me. That is up to you which page you want. In most of the cases, the standardized method is that you create a page, name it as a home or homepage, and you set that page as the by default homepage, right? So naming the pages is very crucial, and we will discuss that also. The next page is post page. So if you are aware about the blog or the blogging website or the news websites, so what happens in those websites that they have a separate portion or separate section, which has multiple piece of content in terms of post in terms of articles, right? So that particular page, right now, we don't have that page. So if we say home about properties agent FAQ contact, we don't have any blog page. What we can do, we can create a blog page, and we can set up a blog page and select that because all the post, all the articles that we will publish will be visible or will be displayed on that particular single page. It will not be scattered and user can come and see a particular page. I will tell you the example. So let's say if I go to my wordpress.org website, if I go to wordpress dot arg, normal website, right? So if I go to this website, now on this website, you can see there are multiple options like community learn, learn Wordpress support forum news, right? So if I click on news, so all the articles which they published will be displayed on this single page like this. You can say post, latest post. So all the articles that they published recently or maybe in the past, they all are visible on a single page. So instead of showing them here and there, you can make a page and you can show them all the articles, all the post on a single page, and you can set that page as post page. I will tell you how to create a post page and how to set up that, but from here, you can do that. This is under the reading settings. Now next is blog page shows at most. It means this particular page should show how many number of posts. Right now, let's say this particular example, one, two, three, four, five, it is showing five post at a time. I can see all post by clicking on this button. Now it is showing me more number of posts. So you can limit the number of posts which is visible on a particular post page. Right now it is ten. You can either reduce it or increase it, but don't increase too much. Otherwise, your page that particular post page will become heavy and people will face problem in order to load that page. So either keep it ten or 20 or maybe reduce that as per your category. Then syndication feed shows the most recent. It means if you have RSS feed feature in your post, then how many posts there will be at a time, then ten items. I'll tell you what is RSS. So don't get confused right now. Just keep it as it is now. For each post in feed, include full text or excerpt. If each feed means if you go to this page, you can see this particular post has a title, has a category, has a date, and this is a small text. This is called excerpt, right? And then if I click on Read Me, the entire article will be open in front of my screen in front of my eyes. So this is called excerpt. So what do you want? Do you want to show only small piece of content in the feed and then full content, or you want to show the entire content. By default, we should select the excerpt. It means for each post in a feed. That is this order, only some amount of content or a small piece of content should be visible. And then if you click on Read post, the entire content should be visible then so we will choose Erupt and this is a very dangerous option, guys. I would not recommend from any point of time until and unless there is a specific need because this option, if you select this option, if you make this on, it will tell search engines like Google, Yahoo Bing, I will stell search engine, then don't show me in your search results. And that is something you don't want, of course. If you are creating a website for business purpose for you know, personal website or maybe just to, you know, showcase your work, then you want your website to be visible in search engines. Otherwise, nobody will be able to find you. So never check this option until and unless. Until and unless you specifically need that I don't want to show my website in search results, only people with a link of my website can access it. Then only you can check this option. But yes, there is a disclaimer. Even if you check this option, it is up to search engine, whether they accept your request or not. It may be possible that even after selecting this option, some search engines, maybe Google or maybe Yahoo or maybe all of them, will still show your website in their search result pages because this is just a request. This is not an order, right? It depends on. But never select this option. And after this, you can click on Save Changes and your changes will be time. So that's how you can change the reading settings, and all these settings are there. 29. 30 Discussion Settings in WordPress: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand the next setting option under the WordPress dashboard, which is about discussion. So let's click on this and let's see what are the options available. Mainly discussion setting is for majorly post section. Means your blog section, and majorly, it is focused on the comments or the users input that or that will be there on your page section. So there are multiple settings, and all are related to comment, post, post comment, post editing and everything. So let's understand so the first option is first setting is attempt to notify any blog linked from the post. So basically, these are the settings which are available when you ping back or link your entire blog to another website. So every time you publish an article, the Wordpress, the WordPress system will send up notification or ping a particular website which is linked to your blog post. It can be in the form of RSS feed or maybe in form of any other method. The second one is allow link notification from other blogs on new posts. It means those website which have the reference of your blog post, they will also get the notification and this functionality of Ping Back and track Back will also be there. You can Google it. You can search on Internet for more information because these are not very crucial when it comes to creating your own website. But yes, if somewhere in between the course, if I find them in use during the videos, I'll definitely explain them in detail. Otherwise, you will get confused more and more. The third is allow people to submit comment on your new post. It means if you check this option, people will be able to comment on your new post, whichever you publish and that you want, if you want interaction with the audience. Then, uh, then we have other comment settings related to comments. Comment author must fill out name and email. It means whoever is commenting on your post, they should fill out the details like name and email. Only then they will be able to comment so that we should know that who is actually commenting on our post. Then users must be registered and logged into comment. It is by default off because logged in, it means they should have account on your website. They should be a member of your website and each and every time it is not compulsory that if somebody is reading a blog and somebody wants to comment, they should be it is not compulsory that they should be the registered member of your website. So by default, it is off, keep it off. Until unless you have a membership based website, don't turn it on. Third one is automatically close comments on post older than 14 days. It says, if your post is older than 14 days, the comments will be off. No, we want to switch on the comments all the times. Next one is show comments, cookies, opt in checkbox, allowing comment author cookies to be set. It means there will be an option. It says, allow cookies. You must have seen on multiple websites, say accept cookies, decline cookies. So every time they are able to know they are about to comment on your post, they will see a pop up and they have to, you know, accept or decline the cookies. Next is enable threaded nested comment level deep. It means if somebody, let's say, comment on your post, and in reply to that comment if somebody wants to put something or somebody write something like say thank you or maybe thank you for posting. So like this, we can go up to five levels. The first comment, reply to that comment, again, reply to this comment, reply to this comment, reply to that comment. So these can be nested in terms of five levels. You can also increase the levels, but this is sufficient enough as of now. Then you have break comments into pages 50 top level comments per page, and the last page displayed by default. Comments should be displayed with the older comments at the top of each page. It means, let's say you have thousands of comments. Now, how will you prioritize or how the WordPress will priortize? It says, it will break down the pages into 50 top level comments per page. Per page, it will show 50 comments. You can decrease or increase the number of comments on each page and the last page displayed. By default, comments should be displayed with older comments at the top of each page. The older comments will be shown on the top of the page, and you know, the newer comment will be displayed on the lower of the page. But you can change the setting. You can say no, I want newer comments at the top of each page, and I want to keep it only ten, and I want to keep first page displayed by default. And you can check this option. Otherwise, you can leave it as well. Email me whenever anyone post is on comment. It means you will get an email notification when somebody comments on your post and comment is held for moderation. It is not something that as soon as somebody comments on your post, it will be approved. No, it will be held for moderation because that comment may contain some suspicious or maybe some harmful or abusive content. So before publishing that or before approving that content, it will be held for moderation. And by default, WordPress detects those words. Then it says, before a comment appears, comment must be manually approved, DSU should enable this. Otherwise, everybody will come simply post, and as soon as they post, the comment will be automatically approved, and you don't want to allow users to do that. Comment author must have previously approved comment. You can turn it on turn it off because sometimes it will happen that most of the users will come for the very first time via marketing effort. So it is not compulsory that they already have approved comment. You can either switch it off or switch it on as per your requirement, I'll just switch it off. Then it says comment moderation, it says, hold a comment in a queue if it contains two or more links. It means if somebody coming and trying to spam you or in the comment section with links. So you can say, if two links are there or more than two links are there, then you can hold them for moderation, they are not approved. And in that case, there is another option which I like pretty much. When the comment contains any of the word, it means a specific word, specific abusive word or something like that, they will automatically be held for moderation. They will not be published automatically. And since you have already allowed, no comment will be approved immediately. Disallow comment Keys OTA by default, every user will get an Athar, whoever is commenting on your post by default, the Athar is like this one. That is a mystery person. You can change the Athar as well. And maximum rating is G, PG x, RX, you can create all these things. And then once it is done, you can click on Save changes. So this was regarding the discussion setting. If you are creating a blog website, then in that case, these settings are very, very important. But if you are not adding any blog section, then it is not important. Thank you so much. We'll take care, see you in the next video. 30. 31 Media Settings in WordPress: Hey beautiful people, how are you doing? I hope you all are doing pretty well and thank you so much for joining in. Guys, in this video, we will understand the next settings option that is media settings. Now, inside media setting, media is related to your files that you upload. It can be JPG, PNG, image files, video file, you know, the document, anything. But most of the cases, it will be off the visual files. Now, the first option is image sizes. It means when you are uploading any new media image or image or maybe, specifically images in form of any JPAG, PNG, or any other format. So by default, there are three sizes which will be automatically created for every image that you upload, irrespective of the actual size of the image. So one copy will be created in form of a thumbnail size. It will be 150 into 150 pixel PX, right. You can change the size based on your need, based on your requirement. Then medium size will be created 300 into 300. That is, again, all these three sizes are one is one that is a square size. If you want rectangle or if you want to have a specific size, you can do that. And the maximum large size will be like 1024 and 1024 pixel. So whatever image you will upload, the three copies in terms of thumbnail, medium large image will be created of the same image, and actual image will also be stayed as it is. The next is uploading file, organize my upload into month and year based on folder. It means every time you upload a new media file, it will be stored in a particular order a month in order of month year, you know, in which month it was uploaded, in which year it was uploaded. For example, if I want to show you something, so if I go to library, and if I want to show you a path, I would say, URL of image. So it will tell you it will clear out how this particular organization works. Organizing method works in WordPress. So if I just go to library section, if I just click on Me Let's say this one. And if I copy the URL, and if I show the URL here, if I show the URL here and enter. So you can see the URL says upload slash 2020. It means the year in which it was uploaded while 2020, the month was 01, that is January, and this is the image name. So that's how your images will be organized if you keep this option, uh, this one checked, which is automatically on. If you don't want this particular structure, you can keep it off, and now the further images or the existing images will not be organized in such a way. All the uploads, not the images, all the uploads, right? So these are the related two media settings, click on the save changes once it is done. So this was about the media settings. That's it for this video. I'll catch in the next video till then Bye bye, Take care. 31. 32 Permalink Settings in WordPress: Hey, guys, thank you so much for joining in. Guys, in this video, we are understanding the next setting options that is Permalink settings. Permalink means the URL structure of the website. Let's say if you go to the website. So right now you are on the homepage. If I just refresh it again, this was changed for the learning purpose. So right now you are on the homepage of the website like this way. But if, let's say, go to another page, let's if you open another page, and if you see the URL, right now it is the wplons.com slash ABOUT Hyphen US. It means it is a human readable. Whatever the page name is, the URL is same. This is called the slug or say Permalink. This entire part is called a URL Uniform Resource Locator. We have already discussed initially all these options. So there are some methods through which you can change the structure of the URL and the Perma link. So what are those options? Let's find out. So first is common settings. So every URL on your website, every slug on your website will follow a particular pattern. Right now it is day and name. Right now it is Day and name. Let's say if you want to give it a plane. Plane means you can see the options. It says, query P equals to one, two, three. It will assign any random number. And guys, please understand as a user, you won't be, you know, satisfied. You won't be happy to see a plain number random number in the UR. You want it to be very crisp, clear, and up to the mark. It says About us page, so it should be visible in the URL about us. But if you change this, what will happen? Let's say plain. If you click on plane and save change, let's say what happens to the link. Right now it is about us. If I refresh, it is not found. Why? Because now the URL is changed, let's go to the main website. And click on about us. Now the URL has been changed and it is now page underscore ID equals to 433. It means some page ID has been assigned. It is not as it is not very user friendly way, and it is not at all SO friendly. I'll tell you what is SO in upcoming videos, but it is not at all SO friendly. So as per my recommendation, you should always go sorry, post name. It means whatever your post name, the same title will be assigned to the URL as well, slug as well. Or otherwise, you can customize the structure as per your need. I'll explain if anywhere we will require this custom structure. Otherwise, in most of the cases, post name is sufficient enough for your URL so permllin settings. So keep it as it is. If I change it, if I save it, and now if I go to the About us page, and if I refresh it once, so now you will see it has changed to about us, that is a post name. So whatever post or page name, the URL, the slug or the PermLnk will also be with the same name. Now if I go to the same option now it is optional. If you want to create a custom structure based on your category, based on your tags, you can do that. This will be helpful when you are creating a blog website or you are set or you are setting up a blog. So I will explain this setting in that video when we will set up a blog on our website. So now let's click on Save changes, and now this will be saved. And guys, you can see here tags are there. Like, if you want to add year in your URL, you can do that month number, day, minute, second, post ID, post name category authors. So these are the available tags which you can insert in your URL, and that accordingly will work with your Perma link. So I hope you understood the importance of Perma links. And in the upcoming, you know, master classes, I will also explain you SEO that in a different master class, I will also explain about SO. In that case, in that particular scenario, I will tell you what is the importance of Permalink and how you can actually create user friendly and SEO friendly URL structure. Till then, I'm hoping that you are practicing learning, and if you have created your website till here, please do share the website link in the project section so that I can review it, and I can share my personal feedback on it. Thank you so much. Take care. Bye bye. N. 32. 33 Privacy Settings in WordPress: Hey, guys, thank you so much for joining in, guys, this is the last video of this setting section. And in this, we are understanding the privacy settings. So by default, every time when you are creating a website, you have to make sure that users privacy should not be on the stake. And users should also be informed that whatever information they are, you know, giving you their name, their email ID, or maybe if you are browsing if they are browsing your website, what are the tracking that you are doing? So everything should be clearly mentioned in a page which is called privacy policy. So you should show user which one is that. So either you can create a new privacy policy page or you can set up already created page as privacy policy. So this will be shown to the user as a privacy policy, and you can put the content according to the laws as per your country that you are following these terms and conditions, and user should be informed. So this privacy policy page will be visible to user if I click on privacy slash PLC. If I visit this page, you'll be able to see this page that says privacy policy, who we are, comments, media, cookies, embedded content, and everything. So all the things will be there, and it also shows you suggested text, but you should follow the legal methods or legal rules or laws whichever applicable for your country, and you can set up this same way, policy guide is also there, so you can read out the policy guide that what is policy, what is WordPress policies and everything. So WordPress also helps you in order to create privacy policy, but you can search on Internet as well. There are plenty of templates, plenty of articles available, which will guide you to create how to, you know, write the content for your privacy policy page as per your country and as per the rules and regulations. These were the settings which we found under the setting section inside our WordPress dashboard, and these are very, very essential. Some of them are very essential. Some of them are, you know, not very urgent to do. So you can skip them as per my guidance. And then now is the right time to jump into the next part of this particular course, which is to start using the Page Builder and using Page Builder, we can customize the website that we have installed that is. This one, this was the template which we installed, and now it is the right time to customize this template and to learn how to customize all the information available on this template, using the Page Builder and the Wordpress options that we have in our dashboard. I hope to see you with this journey and if you are with me, I want to say thank you from my bottom of my heart that if you are following all the videos, watching all the videos, keep supporting and keep loving the course. If you have any suggestions, if you have any feedback, leave them in the feedback section or review section. I'll definitely work on and improve my course based on your suggestions. Thank you so much. Have a nice day. My 33. 34 What is responsiveness & how to check: Hey, everyone. Thank you so much for joining in. Guys, before starting the website customization, we need to understand one basic and important concept that what are those three views in which you can see a website? So by default, right now, since we are working on our computer systems, we are able to see the desktop or the computer version of the website. It means as per the size of the screen of our computer, we can see the website. But this website can be accessed using the mobile phones, I mean, smart devices, like mobile phones and tablets, as well. So we need to understand whether our website is looking proper on mobile devices and tablet devices as well. This is called responsiveness of the website. Responsiveness is that feature of the website in which the website content or website elements are automatically adjusted as per the size of the screen, and it does not distort the overall user experience. Now, how to check whether your website is responsive or not. There is a method for so, by default, you are in your computer view and DextroVew to right now the website homepage, for example, looks something like this. Now, if you want to check whether this particular page is looking good in the mobile view and the tablet view, so how to do that. So for that, right now, I'm using the Google Chrome browser. So this method will work in that definitely. So I will right click on this anywhere on the website and I click on Inspect. I will click on Inspect. And now, as you can see, my screen has turned into a responsive feature. If you're not able to see directly this thing, so what you need to do is you need to go to here and you need to select this option. That is Toggle Device Toolbar. By default, if it is switched off like this, you just need to click on this. Now the Window is like this and from here, dimensions, you can select any mobile model or tablet model which is available here. So first, we will see in tablet view, so iPad here, let's say, for example, so we'll click on this. Now, this is Tablet View. It means if someone accesses our website using a tablet device, then how the look will. This is almost, you know, 99% same look as compared to the actual tablet device. So if you see here, right now, you can see that content has been shifted or content has been aligned according to the screen size. Previously, if I just open this same website and again, my computer, so we will be able to understand the difference. So if you see right now in the text or you this particular text, Find Your dream home today is in two lines. But if I go to tablet view, it is in three lines because the width of the tablet is lesser than a width of a computer screen. But since our website and the template is responsive automatically, so the alignment of all the elements has been shifted or has been adjusted as per the size of the screen. And if we see every element, so what is the catch here? The catch is no two elements or more than two elements should override each other. That is called adjustment of elements, that is called responsiveness. So if that is happening, if any element is overlapping any other element, then it is a problematic thing. So let's figure out if this is happening in our website or not. So this is the second section, find your perfect home. No element is overlapping, but index of view, all four listings were in the same row, but since the screen size is reduced, so now it is two in a row. No problem, but no override is if you go now, so this section has been, you know, shifted or squeezed like this. No problem. No overriding is there. In the same no overriding is there. Everything is looking good, everything is looking proper, and there is no overriding as such. It means our website is properly visible and properly accessible with all the elements are in place on the tablet view. That is iPad Air. Most of the tablets maybe ten inch, 12 inch will be of the similar size. Now, if you want to check the third screen, that is mobile device. So let's jump into the mobile. So there are, again, different models for mobile devices. So let's say iPhone 12 Pro is something which we can select here. So now you can see as soon as we selected the mobile device, now the width of the mobile device is lesser than the width of a tablet. So now the content has been adjusted automatically according to the width of the mobile phone. So you can see here now the entire menu, now the entire menu, which was here, home about properties has been converted into a hamburger. I will tell you more details about this. So it is being converted into hamburger, and this is something which you also notice in your day to day life. So if you click on this, now all the options are visible, but since there was no enough space, they all are being converted into the toggle view or you can say hamburger. Now you can see the website. Again, let's check it out whether any of two elements or more than two elements are overlapping each other or not. So right now it is perfect, perfectly right, as per the mobile, perfectly alright, no problem. No overlap, yes, no overlap. Good. It is also looking good. Obviously, the screen size is lesser, so all the elements, you know, have been stagged in a vertical format as compared to the horizontal format. So it is also good looking good, looking good, going good, yes, and they all have been shifted to, you know, a vertical format, and everything is looking good. This is the method through which you can check the responsiveness of your website. If your website is not responsive, it means if any of the two elements are overlapping each other in any of the device, then it is a problematic thing. We need to fix them. I will show you one or two case studies such things are happening and how to solve them using element or Page Builder or any other page builder, if possible. So this is something we need to understand. And similarly, this was for homepage. You can check all the pages, but if one page is working, in most of the cases, other pages will also be working fine because responsiveness is for the entire website, but if you created the custom website or if you created every single page differently, then you must check every page properly. And this is something which is very easy to use because you don't need actual mobile or tablet device. You can just directly check it. But I would also recommend just to make sure just to double share, you can also check the same website in your mobile and if you have a in tablet. And the biggest advantage, since we have domain and hosting already, and our website is live, we can just copy the URL, paste it into our mobile browser or tablet browser, and we can check the entire website in a real time or in a real mobile device or tablet device. But more or less, it will be same as per the, you know, dimension as per the orientation which is visible here. So no problem. So yes, that's it for this video. I hope you enjoyed this video and learned something new. I'll catch you in the next video till then take care Bye bye. Have a nice day. 34. 35 Update service in WordPress: Hey, beautiful people, thank you so much for joining in. Guys, in this video, we will understand a very basic but very important service which is available inside your WordPress dashboard, and that is called Update service. We have already understood the components like theme, Wordpress, template, plug ins. So all these are small, small piece of software you know, comindly enable us in order to create a website. But since they are premade software, pre made technologies, so with the time, every component gets an update in terms of security update, version update, in terms of functionality update, look and feel update. So constantly, like your mobile phone, let's say if you are using Android or maybe IUS. So over the period of time, you get different different updates, just maybe for security purpose, maybe for look and feel purpose, maybe to fix a previous buck or something like that, but updates are similarly, the updates are also there in our WordPress dashboard, and there are four types of updates you will be able to see inside your dashboard. The first update is about the Wordpress version. So the technology which we are using wordpress dot Rg, so it has multiple versions. So right now, if you see the version which we are using is most of the 5.6. Or if you want to check the latest version, you can go to the wordpress.org org, you can go to the wordpress dot arg, and you can see here in Get Wordpress. So right now you can see the Wordpress, 6.0 0.3 is available. It means the previous versions were also available. And with the period of time, you will get more and more higher version like 6.0 0.4 or something like that. So whenever there is an update available for Wordpress, it will show you under this section called update. But right now, the current version, 6.0 0.3 is there, no update. The current version is up to date. There is no update, you know, as such available. This is the first WordPress update. The second one is the theme update. Theme update, it means the theme which you are using. So in our case, we are using tra theme. So if there is an update by that theme provider, it will show you here as well. That there is an update, but since there is no update, it says your themes are all up to date, there is no update pending. So this is number one number two theme update. Number three is plug in update. Plug in update means the plugins which you are using since, multiple plugins we will be using over the period of time, and with the time, they will be releasing some kind of update in terms of new functionality, look and feel or maybe security purpose because updates are compulsory. And these updates are being provided from the developer of that plug in or thing. So right now, there are no plugin updates available, so that is sorted. So these are the three important updates. Now, the fourth one which you might see or might not be see is that PHP update. So this is something which is not directly related to Wordpress, but it is related to your server or the web hosting. By default, in Blue Host, the latest PHP update or latest PHP version will be there. But in case if you see this kind of error, PHP update recommended, you just need to contact the Blue Host chat support, and you need to ask them kindly, please update the PHP version. It will ask you, it says, the recommended PHP version is 7.4. So just ask them that to upgrade PHP version to 7.4, whatever the current version is. And then this particular recommendation will be gone. So these are the four types of updates related to server related to theme related to plug ins and related to Wordpress versions, you will see. So over the period of time, you have to update them, but you need to make sure you are not supposed to update them as soon as they are released. First, you need to see whether is it a big update? Is it a minor update or is it a functionality related update? Because as soon as you update any theme plug in or Wordpress there might be some compatibility issue because all these are interrelated. So it might happen that if you update a plug in, it may break some functionality of your website. So I will tell you in the later videos how to safely update your Wordpress, you know, update services, whatever are there without disturbing any functionality of your website. So that's it for this video, guys. I hope you enjoyed this video and you learn nothing new. I will see you in the next video till then take care. Bye bye. Have a nice day. 35. 36 Post vs Page in WordPress: Hey, beautiful people, thank you so much for joining in. I hope you guys are doing pretty well and thank you so much for joining in. Guys, in this particular video, we will understand difference in post and pages. So there are two methods in order to publish content on your WordPress website. First is post and second is pages. We have already discussed, you know, initial difference when we actually discussed the overview of the dashboard, but in this video, we will be discussing more in details. So that's how Post dashboard looks like, and that's how the pages pages look like. But what is the difference? So in order to show you the difference, let me give you an example of a website just for educational purpose. And with that example, I will show you the difference in pages and post. So the difference in order to understand the difference, the example is the wordpress dot arg that is the official website of Wordpress. Now let's understand which are pages and which are post. And in what key scenario you should publish which kind of content. So as you can see, right now, I am wordpress.org. This is their homepage. Every time when you come onto this page, more or less the content will be similar in most of the cases. It will not be updated very frequently, right? Because this content this content is published using a page. PGE page, not using post. So pages are something which holds the static content. Or you can say that when you don't want to update content very frequently, you want to keep them as it is for a longer period of time then you use pages in order to publish the content like this. So if you see right now there is a home page, which always say home page, there are other page like get WordPress. So this is a page, download page. This is page. This is not post. This is page because most of the time the data, the information on this particular page will remain same. They will not change frequently. Similarly, there are multiple pages, multiple pages are available on this website. Now, what is post? Post is used when you are frequently posting new content on your website. So just like this, here on this website, if you go to news, so sometimes you will see blog, news articles, newsrooms, insights, these kind of words. So if you go to news, so right now you can see on this particular page, this is, again, a page. There are multiple articles. Recently, this article was published on October 18, 2022. Before that, there was an article published on October 17, 2022. So as you can see, they are publishing more and more content frequently. And for that, they are publishing the post. So if I now click on this, so this particular article, which is now in front of my eyes on your screen, this URL, this is not a page. This is a post. This is a post because this particular, you can say web page or this particular, you know, URL is created when you actually published a post, and posts are published frequently because the objective of publishing post or publishing article is to give latest information to the user. This can be latest trends, latest technology, latest news, your company announcement, anything. But static pages are created just to show the information that is static for longer period of time and not supposed to be changed frequently. So that is the number one difference. Number two difference in post, you can mention the author name. Can you see here by Jonathan Pantanani if I'm spelling it right. So you can mention the author's name because every time when if there are multiple people working on your blog or articles, you can credit them by showing their name, and I can access all the blogs or post by this particular author just by clicking on this name. So that's how I can sort the, you know, articles. But on pages, you will not see any kind of, you know, author name or may you know, any name of any publisher. So like this on this page, you won't notice any name of the author or the publisher who published this page because that is not supposed to. You can add the name, but that is not something which is, you know, general functionality, general use of a particular page. Number third, on a post, anybody or everybody can comment who is eligible as per the settings. Anybody and everybody comment. Like for this page, it is a post. I can go down and I can comment here. I can like this. I can comment here. You can see there are multiple people who commented, right. There are multiple people who, you know, like this page. I can comment. So right now, they have switched off the comment functionality as of now, but I can comment, I can share. I can interact with the blog in terms of my opinion, in terms of, you know, share and everything. But in case of pages, pages are meant to uh, static and they are not meant to be interactive in terms of comment. You won't be able to comment on any static page. You won't be able to see multiple sharable options or multiple shares, right? These kind of information will not be there, and the major part is, you will never see a date on a page. You will always see a published date or publishing date only on a post page, only on the post article. So these are some major differences. So if I conclude this particular, uh, logic, then you need to just remember one thing. So you will use post or articles when you are about to publish frequent content and smaller piece of content with the latest information, then you will use post. And if you want to publish static content, which will remain same for a longer period of time in front of the user, then you will use pages. So that is the biggest difference. That is, I would say, broad difference that you should remember between page and post and page. And if you want to know in detail, I would leave a screenshot of an article 0R maybe reference link in the description for you guys so that you can read it out much in detail. But more or less, I have covered all points which are relevant to this particular topic. So I hope now you are clear with posts and pages because in next video, we'll be using this concept in order to set up our blog or in order to create our new pages. I hope you guys enjoyed this video. Thank you so much for watching. I'll catch you in the next video. 36. 37 How to setup a separate blog page: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand how to set up a blog on your Wordpress website. Right now, if you see till now, we have only imported a template that is that has home about property agents FIQ contact. But there is no blog page. There is no news page or there is no inside page. It means we are not we haven't used the post functionality of WordPress. So for example, if I just show you how post works. So this is something the wordpress.org website if I go to news section. So now here you can say there is a proper page which has all the content or all the post related to news. We can say latest post. These are latest post. All posts are displayed on this page, and as soon as I click on any post, that particular article will be open in my screen. So that is something our objective is. So let's create a page for the same and we will try to access that right now, we don't have any page. So let's go to pages and click on Add new. And here we will give it a name as blog. You can call it as news or insight or maybe latest articles or articles as per your, you know, convenience and as per your users experience, if you think that your users, uh will be more familiar with the word blog or maybe post or article, as per your choice, you can do that. So here, this is the default editor of WordPress. I'll tell you about this more in detail in upcoming videos. So right now, the only objective is to create a page. So it is as simple as that. So we'll just write blog. And we publish, publish. So that's it, nothing else, nothing fancy. Once it is done, go back to Wordpress dashboard. And now from here, if you remember my previous videos in settings, we'll go to reading settings, and we will set up the post page as blog page, and now save changes. So it means if I now access this particular link, that is the wplarn.com slash blog, I will have a new page on which all my post will be visible just like the example of wordpress dot Rg, which I showed you just, you know, earlier in the video. You can see right now, I have a small post, but now onwards, all my post, all my articles, all my content which I will publish will be visible on this particular page. Now, this page is set up. This page is ready to use, but now it is not linked in the menu bar right now. I will tell you at the end of this block setup module that how to link this particular page in the menu bar. But as of now, how to create a separate blog page was the agenda that we did it. And now in further videos, we will understand how to publish a post, how to, you know, create a post, and how to, you know, how that post will come into this particular page. So that's it for this video, I'll catch you in the next video, Take care Babe. 37. 38 How to create categories in WordPress: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand about various options. Those are available inside post option. So if you see in your Wordpress Dashboard, there is a section called post, and in that, there are four options that we will explore in this video. In my previous video, we understood how to create a separate page in order to display all the posts that we will create. Now here we will see how to add a new post, how to publish it, how to add categories, how to add tags, and everything which is important related to setting up your blog on your website. So we have already created this page which says blog and all the blogs will be displayed here. So before actually creating a blog, we need to understand two options that is category and tax. So please understand what is category. So category is an option which enables you to separate all the blogs related to a particular topic at one place. So let's say you have 100 blocks on various topics. Now, if a user comes to your website and wants to read about a specific category or specific topic, let's say sports. Now, if there are no such categories like sports, maybe politics, entertainment, film, drama, then in that case, he or she will not be able to find all the blogs related to sports so to make it easier for the user and for your users as well, we create categories, different different categories. So let's see how the categories option looks like. So we click on categories. And now here, by default, you will get only one category that is called as uncategorized. You can't delete it because this is the by default category. Yes, you can rename it. So I will rename it, so I will click on Edit, and I'll just rename it for, let's say, sports. So I'll just rename it as sports. Now, there is a first option which says category name. The second option is Slug. Slug means what will be the URL? What will be, you know, the text in the URL bar. So if I say the category. So for this sports category, the URL should be the WPLarnsblog slash, you know, sports, of course, or maybe the WPLarn category name. So if the category name, I want to display, then I need to provide the slug same as the category name. To make it easier. And then there's an option called parent category. Guys, there is a concept in WordPress which says parent category and subcategory or child category. What parent category is? So for example, you have blogs or you have articles on sports, right? So sports will be your main category, parent category or say broad category. Under sports, you can have multiple subcategories like cricket, basketball, volleyball, football, right, any other soccer or maybe multiple games. So sports is a broader category, parent category, you can say, and inside that parent category, you can create multiple subcategories. So this will be a very easy to use navigation from users point of view that if anybody wants to read only about cricket inside the sports category, then he or she can also visit the cricket as a subcategory. But as of now, I will create sports as a parent category. So here I will choose parent category as none. It this itself a parent category. And here you can provide a description about this category. So let's say I'm providing a description here you will find. So I'm just providing for understanding, here you will find all sports related content, for example, right? So this is a description of this category, and now I can update. So once I updated it, now if I go to categories again, here it will show us sports. Now that uncategorized category is renamed into sports. Here the name of the category. Here the description of the category, here is the slug, and here is the count. Count means how many number of posts are there inside this category. So by default, there is a post which comes when you install WordPress or you install any template. So that's why it is showing count as one. If I delete that, for example, if I go to all posts, and if I delete that from here, let's say move to trash and if I come back again, if I come back again to categories, now the count will be zero like this because now there are no post under this category. Correct. Similar way, you can add new category as well. You need to provide name, slug parent category, as let's say if you want to make sports. So for example, I want to add a category called cricket. So now here we are understanding how to add a sub category. So let's say I want to add a new category called cricket. Right, cricket as a sub category. Slug will be cricket. If you leave the slug as it is or blank, the automatically the same category name will be taken. Let's try it out. Now parent category will be sports. To sports will be the parent category of cricket or vice versa, cricket will be the subcategory of sports. Here the description, cricket it is not compulsory that you give description also cricket news at one place. It is not compulsory that you give description, but just for understanding, add new category. And now here this subcategory is being added, you will notice a immediate difference before any parent category, there is no symbol. Like sports, there is no symbol before S, but before every subcategory, there is a hyphen or dash in order to represent that this is a subcategory, right? So I can clearly see that cricket is a subcategory of what you can say the cricket is a subcategory of sports. How can I find it? I can just edit it and I can find that it is a subcategory of sports. So now there are two categories. One is the parent category, second is the subcategory. And now both of the categories have zero count because there are no posts but that's how you can actually create subcategories, and there is a one catch all. If you want any, you know, subcategory of a subcategory, it means like sports is a parent. This is a even if you want to create a category, that will be a subcategory of cricket. Then how will you do that? So let's say I want to add a category of men's cricket. For example, I'll say men's cricket. Now this will be a subcategory of cricket. Now I'll choose. I'll choose as cricket. Parent category will be cricket, and I'll add the category. Now you can see the category has been added a sub sub category, and it represents by this hyphen, there are two hyphen symbols. On parent category, there is no symbol. On subcategory, first subcategory, there is a single hyphen. On sub sub category, there are two hyphens, right? So it shows that it is a sub subcategory of any, you know, another category. So that's how you can create parent category, subcategory and sub sub category. So that was about how to create categories and what is the role of category in your Wordpress website, especially in order to organize all the content inside your blog page. I. 38. 39 Tags in WordPress: Hey, beautiful people, thank you so much for joining in. Guys, in this video, we will understand about tags. So previous video we discussed about categories. Now here we will understand about tags, what is tag? What are the role of different different tags and how you can create new tags. So as I mentioned in earlier videos, categories are, you know, useful when you are when you want actually to segregate all the content on your website as per their genre or as per their, you know, specific niche. Now, tags are something which are, I would say, which are helpful words or phrases. These are small phrases which will help user to search for any particular article. So let's say you published, you know, content or maybe article 0R maybe blog post, and there are some key phrases or there are some, you know, keywords you can say, or tags, you can say, which are very general. So let's say if you are writing on cricket, right, if you are writing on cricket or you say recently you published an article 0N India versus Australia. There's a cricket match. So let's say you published an article 0N a recent cricket match. Now you know that people will search more of India versus Australia India cricket match as India versus Australia cricket match result, India versus Australia cricket score, India, India, Team India cricket score, team India score right, cricket score. So these are kind of tags or keywords which will help users to find that article. So let's say if I want to create a new tag, so I'll just create a new tag. Let's say, I would say MS Thony. Right, SThoniF example, I created a tag Slug, you can leave as it is. It will automatically take and description as per your choice, you can create or not add new tag. And you can create as many number of tags possible and by the time when you actually create a new post, these tags will be inserted or these tags will be used inside the post as a label or as a tag, right? So let's create one another. It says, sports, I say baseball. Base ball, right. And I'll just leave slug as it is, description as it is, and click on Add New Tag. So these are the two new tags we have created. So that's how you can create tags, and we understood also that what is the role of different different tags in your WordPress website. I hope you guys learned a new thing. I will catch you in the next video till then take care. Bye bye. Keep learning. M. 39. 40 How to create post in WordPress: Hey, beautiful people, thank you so much for joining in. Guys, after creating categories and tags, this is the right time to learn how to create and publish a new post. For that, you need to come to your WordPress dashboard. And under the post section, there are two options called All Post and Add new. There's a Add New button here also. So either you click on this or you click this particular button, both are same. So click on this ADN. Now, when you click on Add New, there are certain options that you need to fill or that you need to provide in order to make a post and publish it. And the screen which you are right now watching on your computer is called Wordpress by default Editor, right? This is the default editor provided by Wordpress. This is not a page builder. This is a default editor provided by Wordpress. Now, what are the information that we need to provide? So here first, the title should be there. The title should be there. So every post requires a title. So let's say the title is, let's say the title is India, India versus Australia, Australia, ODI, match 2022, for example, right? It can be anything. It can be based on your, you know, niche or based on your topic that you are providing. Please remember that whatever title you are making, it should be relevant with the inner content. It should not mislead the audience. It should not reflect the wrong information. It should be relevant to the content that you are going to write inside the body. So after providing the article title for the article, now click on this type to choose a block. So here we need to add content for our article. But before that, there are certain options available. As you can see, there is a plus icon. So as soon as you click on plus icon, there are certain options. There are certain options which are available. Here, the first option is paragraph. If you want to add a paragraph widget, you can do that and inside that you can add a content. Image, if you want to insert any image in your content, you can use this block heading, if you want to add heading, then you can use sub this blog. If you want to add gallery that multiple images at the same time, you can choose this. If you want to add a list, then you can choose this. If you want to add a quote, let's say somebody said something and you want to make it highlighted as a quote, you can use this one, or if you click on Browse all on the left hand side, all the options will be there. So I say classic is something classic editor code, if you have some HTML JavaScript code which you want to embed, you can use that pre formatted, if you want a particular text to be specific enough format. It should in terms of visibility, then you can use that. Pull codes, tables, words, then media, there are multiple options. So we will try to cover each and every option in the upcoming videos as well, but you can try and explore by yourself, as well. So there is no big such concept in this. Let me try adding heading first. So no. So first, I think we should start with paragraph, so I'll just drag and drop the paragraph here, right? So I'll just add the paragraph like this, and now I need to add some content. So for now, I'm just generating a random content, but you need to provide good content and the relevant content for you. I'll say dummy text generator, I'll use this website, Laram ipsum. Right. So this will generate the random text for me so that I can tell you how to, you know, add a post. So let's say this is the description. I'll just copy this just for educational purpose, nothing else. Paste it here. So this is my paragraph I have added. Now I want to add a heading. So I'll just click on heading part like this. Go back. Let's say this is the heading which I want to add. Copy and the paste it here as it is, right? This is how I can add heading. Now, let's say I want to add image. So go here, click on image. Now I can choose either from my media library or I can upload or I can insert from a third party URL. So let's say I choose from my media gallery, go to Media Library. And let's select an image, maybe, uh, not a cricket image, but maybe something of this sort, let's say, and select. So now the image has been inserted like this, and it will be here only. I can provide a caption. So I say nice pool view, for example, since I'm just entering random content, not a problem. Now next, let me insert gallery, for example, multiple images. Again, I'll go to Media Library. Now I will select. I will create my gallery. So let's say one, two, three, four, five, I will add five images, create new gallery, five images in this order, insert gallery, and these gallery images will be like this, three above and two below. As per the symmetry, if I would have added six, then three or three, six, right? Then if I want to add new content, I can go to list. If I want to add a list, I can do that. So let's say first list item, then I can say second, list item, I can say third, list item, and so on, right? Now, if I want to add up now new a new blog, I can just come here. And anyways, meanwhile, I will also tell you one thing. So let's say you have added this content, and now you want to change, you know, you want to play around with the content in terms of look and feel. So you can see, there are some options on the top. If you have used, you know, Microsoft Word or any other editor, we are text editor, then there are some similar options. So let's say if I want to if I want to make it left center align. So this is right now left align. So if I click on Align center like this, if I click on write line, the text will be write line. So alignment, I can change as per my choice. If I want to make it bold, let's say I want to make it this line is a bold, so I'll select it and make it bold like this, right? If I want to make it Italic also, so I'll again select it and I click on Italic. So this will be Italic also. If I want to add a link, let's say for here, LaurM Lipsom if I want to add a link, I'll select it. I'll click on this. I'll search for the link. Let's say, www.google.com, for example, ticket, this is the URL, add this link. Now if somebody clicks on this, he will be redirected or she will be redirected to this google.com. Now there are multiple options as well. Highlight inline code, inline image, keyboard input, strike through subscript, superscript. And if you click here, there are other options as well. You need to explore these options because there are a number of options, and as soon as we progress in this entire course, more number of options will be added. So, if I need to explain every concept, then the entire master class will become so long. Not everyone will find these options useful every time when they use it, right? So you need to explore more and more and more. If you face any problem, you can comment down or, you know, put your question in the discussion forum. We will definitely answer. But as of now, I am just leaving you with this assignment or maybe practice that you need to explore more and more options here. Similarly, you can add more and more blocks here. So if you want to add more blocks like codes or browse all, if you click on. So there are multiple codes. So this is a by default editor provides these much of blocks, and there is an option called pattern as well. So which kind of pattern you want to follow? So there are certain patterns in order to display your blog or display your blog post, so you can use them. So now I have inserted all the data which I had to. Now I need to publish this and see the other options which are available on the right hand side. But that we will see in the next video, till then take care and state it. M. 40. 41 How to publish post in WordPress: Hey, everyone, thank you so much for joining in. Guys, in this video, we will continue with our previous video. That is, we will learn how to publish already written a blog which is already we have written. So on the right hand side, you can see there are a couple of options. There are two categories, post and block, right? Block, there is nothing selected. In post, the first option is status and visibility. Right now, it says visibility public. It means, as soon as I click on publish, the post will be public in terms of visibility. Anyone and everyone who is visiting my website can see this. If I need to change, if I click on this, there are other options like private only visible to site admins and editors, not anyone else. Third is password protector. It means this particular blog post will be protected with a password that you can set, and those people who have this password, they will only be able to access it. Otherwise, other than that, will be able to see that. But I don't want to hide it. I want to keep it public, but you can choose the other options as well. Now publish. Do you want to publish it immediately right now or you want to schedule it? So if you want to schedule it, you can click on this and you can set the date. It should be obviously future date, not the past date. So right now, it says October 22. Let's say I want to schedule it for October 25, 2022 time will be, let's say, ten, 4:00 A.M. So now, as soon as I will click on Schedule, this post will be scheduled and will be automatically published. It means will be live on this particular date and time on my website. I don't need to wait for that time. I can just schedule it. Let's say if I have multiple posts and I don't want to publish manual each and every time, I can just schedule them at once, and they will be automatically published with the time as soon as they are, you know, supposed to publish as per their. So this is something we can do, but we will, uh, not schedule it. We will publish it immediately. Post format standard. So that is something we have already discussed. You can explore these formats as well. These are pretty interesting ones. Then we say stick to the top of the blog. Pending review, so these are the options which you will choose author. So there is option called author. So if you want to add more authors, you can create more number of users and assign them as author. We have already discussed how to create users and how to assign role in my previous videos of user management section. If you haven't checked it out, go and see that after this video. So author is that move to Trash, it means you don't want to publish it. You want to just move to Trash. Obviously, nobody wants that until unless there's a huge mistake which can't be fixed or no longer is needed. But other than that, nobody nobody wants to move it to trash. Then we have template options, by default, default template is there. There are other options as well, element or Canvas element or full width theme. I'll explain in future what these are, but right now you can leave it as it is. PermLink right now it says wplerns.com slash Question Mark P equal to 451. So if you remember, the post URL, we have already discussed in permalink settings. So in order to, you know, change the structure, we need to go to the permeling settings and rename the, you know, permeling settings to the post name. Then we have categories. So here, now the categories should be assigned. So right now you can see sports, cricket, and men's category. And you can see the order. Since men's category is a subcategory of cricket, so it is on the right hand side, tilted, Cricket is a subcategory of sports. That's why it is on the right hand side of the sports and sports is a parent category. That's why it is on the left hand side. So if you click on sports, it will be assigned as sports, but if you click on men's cricket. Since men's cricket is a subcategory of cricket and cricket is a subcategory of sports. So by default, this particular article will be assigned to all these three categories itself, right? So let's say I want to assign it to the sports and sports in the cricket, right? Now you can create the new category from here as well. Now the tags, if you remember, we created tags. So let's say I want to add a tag India, if I think this was no, I cricket. I guess cricket was the tag which I created. I forgot what tag we created. Let's go and find out. Let's go to tags. So we created baseball and MS Doni. Sorry, sorry, sorry. So I'll say MS Dony as a tag. Here you can see the tag is there. So if I say MS Done so now the tags are associated with this, and if I will search MS Tony on my website, this particular article will pop up. Featured image. This is very important. With every article, you have to assign a featured image, not compulsory, but it looks good. So if you click on featured image, you can either upload or choose from media library. So let's say I want to choose this one. If you don't give a featured image, the first image in your article will become automatically the featured image in most of the cases. So I'll just insert a featured image like this. Show featured image in the post list only, but hide it in single post view. It means it should be visible only on the blog page, but not in the inside detail page. Yes, it is. Now excerpt, except means a small content about this article which will be displayed here. If you see this one, this particular line, which is called Erupt. So here it will be visible. So let me just put some content from here. If you don't provide, it will take some content automatically, but it is good to provide a custom excerpt so that you have a control on it. Here like this and discussion, allow comments and everything, leave as it is. And after all the things, click on publish, publish, and now this post will be published. It is done view post, let's say, view Post. So this will be the post. So India versus Australia ODMs 2022, and that's how it looks like. How it looks like. And if you go onto the blog page, refresh it. So that's how it will look like on this here. So it is the featured image that we choose, then the title, then, you know, cricket sports because cricket is a subcategory of sports and the author name, and this is the excerpt. And if you click on this title, the full blog page will be there. So that's how you can publish N number of blogs. You can create N number of categories. You can create N number of tags, and you can, you know, publish article as per your choice. So that's how we can publish an article which we have created or which we have written so far, and 41. 42 How to change profile picture: Hey, beautiful people, thank you so much for joining in. Guys, in this video, we will understand how to change your Avtar of your profile. So now what is it? I mean, what is Avtar? What is the profile? So by default, you know, when you install the Wordpress, so by default, a user that is called as superadmin or say admin user is created, and you can see that user here. In your user section, by default, you can see that Super admin is there. Then, but here you can see there is an option to add a custom icon or add icon that is called Avtar Avatar, whatever you call it. So you can set it here, although it will not be visible directly to the user, but here, whenever you log into your Wordpress dashboard, it will be visible on the right top and here as well. So if you want to make a picture, if you want to set up a logo or maybe any icon, how to do that. Let's understand. So the plugin that you need to search is user profile picture like this. So you need to search for this plug in user profile picture. And once you search for this plugin, there is this particular plugin which you can use. So click on this, Install Now. And once it is installed, click on activate so we will just use this plugin and click on activate it. Once it is activated, successfully come back again to the user's section, we can directly go from here as well, Edit Profile. And now, once we are into the profile section of our user, we will again go back. But here, now the option is changed. So it's a profile picture. Click on Edit, just click on this. Either you can upload a picture or you can choose from a media library. So for example, right now, I will choose one of the picture just for example. So I'll just choose one picture. Set profile image, and now you can see the profile image has been changed, and on the right top here also, the profile image has been changed. So that's how you can change the Avtar or the picture for your profile or for any user's profile. Once this plugin is activated and available in your dashboard, any user that has an account on your Wordpress website, WordPress website can access this feature and can change the image or the profile picture. 42. 43 How to add pages & publish it: Hey, guys, thank you so much for joining in. Guys, in this module, we will understand about pages in Wordpress. In previous modules and videos, we understood and discussed all things about post in Wordpress dashboard, how to create a post, how to edit, how to publish, what is block Editor and everything else. Now, this is the right time to understand the pages. As I mentioned in earlier videos, that there is a difference in posts and pages. If you haven't seen that video, please go and check it out so that you understand the clear difference in both these factors. So here for pages, we need to come onto this page section, and there are two options, all pages and add new. Right now, if I click on all pages, since we have imported a template, so that's why by default, there are certain pages already pre made in that template. But I'll tell you from scratch as well. So right now you can see the list of pages that are available. If you haven't imported the template, you will see only maybe sample page or the blank here. But you can add a new page. You can add a new page just by clicking on this button here on the top of the page, or you can click on this button as well. Both are the same. So let's click on this option, Add New. And now let's see what are the options available in order to create a new page. So first of all, it asks you for the title. I mean, what is the page title or what is the name of the page? So let's say we create a demo page, for example, so we say demo page, right? This is demo page. So this is the name of the page. Now here, from bottom, you can enter the content which you want to put on your web page or say, Wordpress page. But we will not use this editor. Instead of that, we will use this element. That is the Page Builder, because in previous module where we discussed about post, we have understood the available option inside this, but this time we will use this element or Page Builder instead of the by default editor. But before that, let's understand the other option on the right hand side. So if you go to here on page settings, now you can see the first option is visibility that is public. If you want to make it public, then keep it as it is. Otherwise, you can keep it private or password protected as well. Then in the second option we have published if you want to publish it immediately, then you can choose that. Otherwise, you can schedule it as well that you can set date and time. And on that particular date and time, it will be automatically published on your website, and all the users based on your visibility option will be able to see that. These are the options which are same exactly in the post section and in the page section as well. Now here you can say author. If you want to assign any author, you can do that, otherwise, leave it as it is. Then template by default template. So instead of default template. So this is something which we left in the previous video, so this is the right time to understand. So now, default template is based on the theme that you installed in your Wordpress dashboard or WordPress website. That is called default template. But since we are using the element, either we will use element or canvas or element or full. Right? So this is something we will use, and there's a next option called theme as well. So for elementor, we will use element or full width, right, so that we get maximum space in order to create our page. So we'll use this one, Permalink. So automatically, the Permalink will be created based on that title, and there's option called featured image as well, but we don't want to provide a featured image since we will create the uh structure of the page using the Elementor. So we'll not use that. And then discussion since it is a page, so we don't want to allow comments, of course, and the last option is page attributes. If you want to provide any parent page, I'll tell you in the upcoming videos, if possible, that what is this and where actually, you know, it is useful. So right now you can leave as it is. And after checking out all the options, just click on publish and publish. And once it is done, your page is now published. If you click on View page, let me open in a new tab. So right now you can see that is a new page. And right now it is blank because there is no content which we have added till now. There is no content in this. That's how you can add a new page. That's how you can create a new page. But right now it is blank, but in upcoming videos, we will understand how to add content using element or Page Builder. So that's it for this video, guys. I'll catch you in the next video till then take care bye bye. 43. 44 How to add pages in menu bar: Hey, everyone. Thank you so much for joining in, guys. In this video, we will understand and learn that how you can add this page that we created in last video, how you can add this page into the menu bar. Because right now, if I go to the homepage of the website, so there is no method for a user, for a normal user to access that demo page because there is no link. I can access homepage about properties, agents, FQ contact. I can access the other part of the website which have the link, but for demo page that we created, there is no link. So what we need to do is in order to make that page accessible for the user, we need to add that particular link here in the menu bar on the right. So how to do that, let's understand and we will also understand what is menu, how does it work and how you can actually add or delete multiple elements. So as you can see that this is called the header part. This is called this entire part from left to right, is called header part. And generally in most of the website, you will see that on the left hand side, there will be logo. Now, it is not, you know, compulsory to have a logo on the left hand side only. It can be either in center or maybe on the right hand side, but you will find logo in the topmost part of the website. So this is called header. So on the left hand side, you can see there is a logo, and on the right hand side, there is a menu bar. Menu bar or navigation bar is that portion or element of the website, which helps user to navigate throughout the websites. So let's say if I want to jump to About a page, I can simply click on this link and I will be able to access the about a page just like this. Similar way, if I want to come back to homepage, I can click on this, or maybe if I want to visit the other pages, I have the options to visit or to navigate the website. Similar way, if you want to add multiple pages, multiple links in that, how to do that and how to customize this menu, let's understand. So in order to do that, go back to your Wordpress dashboard, come back to your Wordpres dashboard again. And here, there is an option called appearance. There is an option called appearance, and inside that, you have an option called menus. Click on this. So menus is one of the widget in the WordPress website or any website, and menu can be of two types, right? It can be of header menu or it can be of the footer menu as well. And there can be a third option as well that is called side menu based on the utilities. So right now we are talking about the main menu or the header menu, which is available here. So let's see. So by default, because we imported a template, so by default, a menu is already created, and it is set as primary menu. So whatever primary menu is there, it will be the main menu for the website, which will be shown on the right top of the page or maybe in the header part of the page. Now, if I want to create another menu, let's understand how to create a menu. So here you can see right now menu name is this. If you want to edit it, you can do that, but let's understand how to create. So there is an option called create a new menu. So I will click on this. And now I need to create a new menu, and for that, I will need to provide a name. So I'd say, My menu. Don't worry, it will be the name of the menu will not be visible to the user. Only items will be visible. So I can give it any name as per my convenience. So my menu is the name. Now I want to add the options or I want to add items in this, but before that, I need to click on create menu this button. So name the menu and then click on Create menu. Now, I need to add the items. So on the left hand side, you can say add menu items. So what are the items which I can add? You know, I can add pages. I can add post. I can add custom link, any third party link or any customized link, or I can add categories as well, which we created in the post section. So let's understand how to add pages. So if I click on these pages, now most recent view A and search. I can search the pages as well. So let's say view I want to add home, so I will click on this as a checkbox. I want to add blog, I will check box, check mark this one, this one, this one, this one, this one, and this one. All these pages apart from sample page will be added to the menu. Once they all are checked, click on add to menu. Once you click on Add To Menu, all these items which you selected will be present here on the right hand side. And the order is like this. So first, if you see here, right now, if you see from left home about property agent if you contact. So whatever order you want to keep, you can keep options accordingly. Let's say I want to keep the blog to the last, maybe let's suppose or second last. So what I need to do is I need to just take my mouse on it, hover my mouse on it. I need to click on it, keep pressing your left menu left mouse cursor and just scroll down, just drag it and drop it. Here. So that's how you can change the order and position of the menu item. And in order to display this particular menu, that is our menu to the website, we need to select it as a primary menu as a primary menu, select it as a primary menu and then save it. Now let's see whether this menu is replaced has replaced the previous one. So let's go to the website. Right now, the options were home about Property agent FA contact. Six options were there. Now let's refresh the website. Now it should be more as compared to the previous one, yes, because the menu has been changed. So now home about agent, contact demo page FIQ blog properties. So there are now eight options are there instead of six. And as per our order, the blog is on the second last option. So that's how you can create a menu and, you know, change the order of the menus as per your uh as per your requirement, as per your need, and you can show it on the website as a primary menu. So that's it for this video, guys, I'll catch you in the next video till then take care. Bye bye. Have a nice day. 44. 45 How to customise menu bar: Hey, guys, thank you so much for joining in. Guys, this video will be more about how to customize your menu. So in previous video, we've understood how to create a new menu, how to set up, how to add items, and how to show that menu on your website. But here, if I want to, let's say, there are multiple options. There are almost eight items, and if I will add more and more option, the width of this menu will increase, but I have limited space. So in that case, you also must have noticed in day to day life that whenever you visit a website, let's say I visit a website that is Wordpress dot Rg. So just for example, I am taking you through the website. So what is happening here in the menu, where you will notice there are multiple items, but all those items are not in the same row. So for example, here, you can see news, download, learn community about. These are the options available, but there are some other options as well, which are visible only when you take your mouse to that particular item. This is called dropdown menu, or you can say sub items. Either it is called as you can call it as dropdown menu or you can call it as sub items. So all these items, these are called main items, main menu items, and all those items which are in the drop down are called as sub items. So it is useful when you have multiple things to show in your menu bar, but you have a limited space. So this is a standard practice, which almost every website, you know, uses on a daily basis and, you know, in their overall website structure. So similar way, let's understand how to create this drop down menu. So let's go to the website. Let's, for example, we want to keep home about agent and let's say only blog in the menu bar and all other options in the sub menu. So let's say in about us, we will keep agent demo page and properties under the At us. Right now, they are in the same row, but after this video, they will be all under the About us option. So how to do that, let's go back to menu, select that menu which you want to customize. And this is pretty easy. This is pretty much easy. Please pay attention. So I want to keep home about us as it is correct, agents. Now I want to keep the agent as a sub item. Of about us. So what I need to do is just very simple step. I need to click on agent, keep pressing your mouse key, and just shift on the right hand side, little bit shift. You can see there's a border behind that. Just shift little bit. That's it. Now it is called a sub item. Can you see there is called sub item sub item of what About us. Similar way, if I want to add demo page as a sub item of About us, I'll click on this, keep pressing the mouse key. Scroll it here, drag it here and drop like this. So it is also now is a sub item. The same is, let's say properties, so I will again, click on properties, drag it here and drop it just in the same orientation of agent demo and properties. So now these three will be the sub items of About us. Let's save it. Let's save the menu. Now you can see we have successfully created the sub menu of agent demo and properties. What if I want to create a sub menu? Because this is the main item. This is a sub item, but if I want to add another layer or another level. So what I need to do is I need to go onto the menu. The step is very simple. I just need to shift this demo or maybe property to the slightly little right hand side. Now, the property is a sub item of demo, which is already a sub item of about us. Now let's see how does it work or how does it look. So I save it. I come back right now only these three options. Now refresh the page. And if I go here, now we have demo and inside demo, we have properties. So this is called three level. You can create multiple levels, but until unless you don't have many categories or many items, I don't recommend doing much, you know, in detail. Keep it only one or two levels, nothing more than that. So that's how we can create a sub menu and create and add items in that. I hope you guys enjoy this video. 45. 46 How to add custom link in menu bar: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand and learn how to add a custom link in your menuar. Right now, the menu which we have have the options of pages, homepage About us, agent, demo page properties, contact, FAQ and blog. These all our pages, Wordpress pages. But if I want to add a third party link or maybe a link which is not related to my website, then how to add that. So for that, come onto your menu section, select that menu which you want to use. And on the left hside you can see there is an option called Custom Link. So click on this. Enter the URL which you want to know on which you want to redirect. So let's say the URL is google.com. So let's say HTTPS or maybe if you want to just copy, you can directly go on URL, enter google.com, copy this entire URL from here. Come back again to the menu bar, paste it here in the URL section. And in the link text option, you need to provide the text, which will be visible. So for example, right now, labels are home about agents contact. These art called Link text or labels. So you need to provide the label. So let's say I want to provide label as click M. Right. And now I want to add it to menu. Once you click on Add to Menu, it will be added to the menu like this, but it will be added in the last. You can change the position very easy. Just click on this, drag and drop wherever you want. Let's say I want to drop it here just after the home as a main item as a main item and click on Save Menu. Once it is saved, come back again. Right now, there is no Click Me option, refresh it. And now just after the home option, you will see Click Me. And as soon as you click on this option, you will be redirected to google.com, which is not a part of our website, but you can add a custom link to your website using this method that I just discussed with you. 46. 47 Overview of Elementor page builder plugin: Hey, guys, thank you so much for joining, guys, in this video, we will understand about that Page Builder, which is elementor that we install initially. And that or page builder will be used in order to create our entire page. So in previous videos, we have already created a page, and that page was a demo page, this one, so this was the demo page, and as you can see, right now, it is completely blank only header is there and this footer part is there. So in website, there are three parts header, body, and footer. So right now, body is zero, body does not have any content, so we'll need to add some content in there. And for that, we will use the Elementor Page Builder. So let's go to the page section first and click on that demo page. This is that demo page. Click on the Edit. And once you are on Edit screen, you will click on Edit with Elementor. You will not use this block editor. It was already discussed in post section. If you haven't seen those videos, go check it out. We will use the element or Page Builder here and I'll tell you how easy it is to use this and whatever possible options are there. So click on this edit with Elementor. Once you will click on this option, you will be redirected to the element or editing window, and this element or icon will be loaded on your screen, something like this. You will be like this. So this is called element or logo. The screen is loading, and you will have the screen where you will be able to customize, add the content, delete the content, and manage this structure of the website as per your N. This is the window where we will work or, you know, we will create entire page. Right now, the page is blank, but we will add something. So you can close this pop up. And now you can see this is the header part, and this is the footer part. This will remain as it is, no problem. And this is the window or this is the canvas which we will be using in order to create the page, but let's understand the overview first. So on the left hand side, you can see there is a window. There's a small window on the left side or you can say side bar. So this is the element or window or element or widgets window. You can see there are multiple options available. These are called element or widgets. Widgets are nothing, but again, a small piece of software that will help you to perform a particular task or perform or to add a particular block or maybe a section in your web page. So let's say intersection, heading, image, text, editor, video. So whatever your objective is, there are plenty of enough options. Some of them are paid, some of them are free, so basics are free, P is paid, so we'll not use them as of now. General are free, and then we have other options as well. We'll understand one by one. There are some global settings as well, but again, they are paid, so we will not use them as of now. And if you click on this three lines, that is the hamburger or that is the menu bar. If you click on this, here some options are there like site settings, theme builder, user preference, nodes, finder, view page exit. These are some options. I'll tell you one by one when they will be and here you can see settings, navigator, history, responsive mode, while you are building your web page, you can check how the webpage is looking in mobile, tablet view, and Extra View together, and you can preview the page. And once your tasks are done, or modifications are done, you can just update this particular page as well so that your changes are safe. Come back again so you can see here the nine dots are there. So click on this and you will come back to this window again where the basics, widgets are there. This was the introduction of the left side window. Come back here. So this is your section. This is your page section area where you will be building all the blocks, and there are Bdfault three options plus icon, folder icon, and tras icon, starter templates, and it says drag widgets here. So what you need to do is please understand how a website structure works. So for every website or every web page, whatever you are building, you need to first define your structure of that particular section. Because the entire page, let's say, if I talk about this page. So this entire page is made of different different sections. What are those sections? So if you say the first one, this is the one section, right? Now this is the second section, this whole, this is the second section. Then this is again, third section. This is again, fourth section, right? This is again, fifth section. So all the sections, you know, are combined together in order to create an entire page. So first, you need to define a section, and at a time, you will be able to work on a single section, not multiple sections. You can add multiple sections, but at a time, you will be customizing at one section only. So here you can say the orientation of any section is in, you know, rows and columns. As you can see here, if you come here, so you can see the select your structure. The structure is in the form of rows and columns. So rows are horizontal layout and columns are vertical, you can say sections. So you can say the formats are different, different. So you can say single row, single column row will be one, column will be multiple. So one column, maybe two columns. Now, how these columns will be used. So if you come back again. So can you see that in this particular section, there are two items. There are two items. The first there are two parts. The first is left hand side part, and the second one is the part which is on the right hand side. But they are side by side. So it means this is a single row, but there are two columns, right? Similarly, if you scroll down, so here, single row, but how many columns? One, two, three, four. Four columns. So that four items can be placed side by side in a single row. So now you need to decide how many items you want to place in a single row side by side. If it is one, take this single column structure. If it is to take this, three, four, similarly, five, six, and a number of things. And you can see the different sizes also. So let's say this has two columns, but the left column is the left section or the left column is smaller, as compared to the right. So this is, again, you know, very important thing to understand. Don't worry. You will practice more and more and you will be able to understand how these are actually working. And I'll also, you know, take you through the tour of this. So let's choose this one, for example, first, single row single column. So I'll click on this. And now this kind of window or this kind of section will be created where you can see there is option called plus six dots and cross icon. If you want to delete, this is called section. Now, please understand the terminologies. This is called a section, the complete section. Whatever you will add, that will be inside this section for a particular this one. Then you can create another one, then you can add items. But these are called sections. And here, in this thing, this is called column. This is called column. This one is called column, and this particular plus icon will allow you to add widgets which were on the left hand side, right? And right now you can see that there are Option plus. If you click on this one, this is something which you can click and keep pressing the mouse tab and you can, you know, take it to the top or maybe bottom or to anywhere else. This is just to move the, you know, section. And here, if you click on section has different settings. This particular column has different settings and that particular item will have different settings. So all these three things will have different different setting option, which you can find on the left hand side. So as soon as we created a section, now there are three options. That says Edit section, layout style advance. Most of the cases style and advance will be same. Instead of layout, you might see some content in terms of widgets. So right now it is saying layout style and advance. Don't worry. I'll explain all of them one by one, and I'll also create a separate master class on Elementor itself. Don't worry. So for this particular masterclass, I'll explain the required terminologies and required options. But in my upcoming master class, I'll create an entire master class on the element or series itself, right? So right now, what you need to do is you just need to add it, right, and click on this nine dot again. And let's say you want to add a heading, right? So I'll just drag it like this, keep pressing your mouse and drop it here like this. So now the heading is added, and on the left hand side, I can change the content from this box. So let's say I want to change the content. Hi this is my first heading, right? This is something you can done. And now let's update it means save the changes as of now. Let's see whether this particular heading is added on this page or not. Come back here. Reload the page. Right now, there was nothing, but as soon as we edit it, now the changes are reflected. So this is how you can add more and more options on that. I will explain more options in upcoming videos, but that's how you can use Elementor and you can, you know, edit the page with the help of Elementor. And you can edit the post as well, with the help of Elementor. And 47. 48 How to change website logo: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand how to change the website logo. So right now you can see that with this particular template, this logo came by default, right? But we want to change it and we want to keep our brands logo, for example. So how to change it. So in order to do that, you just need to click on this customized button. So first, you need to be on your website and logged in, of course, and then you need to click on this customized button. Now, this particular customized button will give you the functionality to customize multiple widgets and features on your website. I'll tell you how they work, and one of them is to change the logo. So as soon as your website is loaded properly, if you take your mouse on this, you will see a pencil icon. You will see a pencil icon that is Edit icon on the logo. So just click on this and it will redirect you to that logo section where you can change the logo. So here you can say right now transparent logo is there. So you can just remove this like this, and there is another logo, retina logo. You can remove that as well. If there is another logo, no, right now, there is no other logo. Now I need to set up mile logo so I can click on Select Logo, and then either I can upload or choose from media library, or I can go and explore the free images as well provided by pixabay.com, and this is the website as well where you can go and see. So if you want to search any something, so let's say logo, if you want to search or maybe these are stock free or royalty free images, stock pictures, which you can use, and there will be no copyright issue. So these kind of pictures will be there. So we will use one of the logo from our media library. So just, for example, we are using any random picture uh, any random picture from this library, let's say, this one, this icon, let's say this icon we are using, and we are setting this as a logo of the image. So whatever by default, skip cropping, you don't need to script until unless you are supposed to. So this particular cropping tool provides you this functionality to crop the image as per your need without, you know, logo without getting out of the WordPress dashboard, you can just crop it or I'll just script cropping. Here, this particular logo will be replaced. So you can see this logo is there since the background is of dark color, so that's why this light color logo is visible. But first, let's publish it so that our changes are saved. And if you go to the website and if you see here, let's say this page where the transparent header is not there. So what will happen in that case, the logo which we added is not properly visible. It is not properly visible because since the header is not transparent here, Homepage, it is looking good because homepage, we have the background as a bold color as a dark color and the logos white color. So you need to make sure this and you can, you know, change the logo as well as per your design, you can say display site title. Let's say if you want to display the site title, what is site title here? So site title is the WPLarns. So if you want to display that, just make this option on and you can say the WParnss will be mentioned just, you know, after the logo. So if you don't want to, you can remove or if you want to add another title here. So let's say WP, uh WP learners. For example, I want to keep this as a title, right? So you can do the title in line logo and site title, or if you switch it off, the title will be just below the logo, right? So if you switch it on, the logo and the title will be in the same line. Display st tagline. If you want to display the sit tagline, what is the tagline? Learn WordPress easily. This is the tagline, switch it on. And you can see the tag line is just below the title. You can change the tag line here as well, but I don't want to change it as of now. So that's how you can change the logo, add the tagline, add the title, and, you know, you can decrease and increase the width of the logo like this. So if you want to decrease it, let's say I want to decrease it like this. So no, is it is now zero. I don't want to keep it zero. I can increase or decrease as per my requirement or as per my need. So let's say this logo looks sufficient, that WPs and lawn precisely is good enough. And retina devices means, let's say, if your users might be using the retina devices, let's say for Apple or from any other company, then in that case, you can add a retina. Otherwise, you can switch it off, and there will be no other option of retina. And let's just publish it and let's see the preview. Let's see the preview here, reload the website, and now you will be able to see the logo has been changed, the site title, the sit tagline, as is, you know, are added in the menu bar. So that's how you can change the logo of any WordPress website. And guys, this options which are available inside this customized section may vary a little bit in terms of availability in terms you know, placement based on your theme. Right now, you are using extra theme, so that's how the logo looks like, and specific to this template. If you are using any other theme or any other template, these options may vary a little bit. So please don't get panic. You will get the possible options which are available with that theme and the template. So, guys, that's it for this video. I'll catch you in the next video till then take care bye bye. Have a nice day. 48. 49 How to change website icon of fevicon: Hey, guys, thank you so much for joining in. Guys, in this video, we will learn how to change the website icon or you can say favicon. So what is favicon or website icon? Every time when you visit a website in your browser, so these tabs will show you icon. That is this one. In our case, it is this icon. This is called site icon or favicon. In most of the cases you will see. Let's say if you visit google.com. Right, any website, then you can see the icon here. Every website has an icon, right? And when we are developing a website using Wordpress, the by default icon is from WordPress itself. But as a professional website, we will not be, you know, willing to keep this icon as it is. We want to change it because it does not look very professional, and we want to keep it either a brand icon or maybe some custom icon. But how to do that? That's the point of discussion for today's video. So in order to change this icon or favicon, let's click on customize again. So let's just click on customize again. And in this particular section, we need to find the site icon or favicon. So here for this, we will go to Site Identity. This is a part of site identity. Click on this, and you can see there is an option called site icon, right? So click on this. And you can choose another icon. And if you want to, you know, keep your logo as a favicon, so I will give you a free website. So if you want to convert any of your logo into this particular size, you know, automatically, then what you need to do is we need to a search on Google FeviconGenerator. So there's a website called fevicongenerator dot Rg. You can go to this website and you can upload any of your logo or image, and that image will be converted into the specific size used for favicon. So let's say I want to convert a free image. Let's say I want to maybe use this image or let's say this image, which one I should choose, maybe let's say this one, right? So this is something which I need to convert as favicon. So I'll just save it. I'll just save it on desktop, save here, go to the website. Drag and Drop or maybe you can choose the file. So let's wait till the time it is properly loaded. Here it is done, drag and drop here. Not properly done. Yes, now it is done. It says, generate icon for web Android s, maintain image yes, include, correct. Click on Create favicon. Once you clicked on Create favicon, it will give you the links. Either you can directly include the link or you can download the generated favicon. So click here. And it will download the zip file. It will give multiple sizes of favicons, or we choose one of them. So we'll just go to see the multiple size of the favicons. We will choose one of these. So basically, these are based on different different devices, different different if you are, uh, you know, creating web application, then the size may differ, mobile application then. So all in all, for every use case, it is going to provide you. And obviously, it has already provided you the sizes. So we need to use either 72 or 96, whichever you like. So let's go back, upload. Let's upload. Let's select this. So in Download area, we have this folder, and we'll use the 961, open. Let's upload this one. And now once it is done, click on select Skip cropping. So right now, this will look like this. Skip cropping, and now if I publish it. So instead of that Wordpress icon, which was available here previously, now you can see now our brand icon is there. So if you go to the website again. So instead of that WordPress icon, now our company icon or brand icon is there, you can see here. So that's how you can, you know, change the icon. And this icon is not only visible here. This icon is also visible on Google Search. So let's say if I go on Google and if I search for WordPress, then here, along with the site in your mobile device, if I switch to the mobile device, and if I just refresh it again. So you can see, along with the website name, the icon is represented. The icon is there and everywhere. Whenever you open Google in mobile, so everywhere you will see this icon. So this icon is visible on the search result of Google or any search engine and your browser as well. Or, in order to maintain the brand value or the brand, what you say recall value, you have to keep it same you know, all over the place. So that's it for this video, I hope you enjoyed or learned a new thing. That's it for this video, I'll catch you in the next video till then take 49. 51 Image widget in elementor: Hey, everyone. Thank you so much for joining in. Guys, in this video, we will understand how to use element or more in details. In my previous video, we already discussed about element or what is element or how element or works. What are the options that you get inside the element or editing window, and what is the page structure or how a webpage structure works. So now in this video, we will understand more options and we will try to explore a couple of more widgets. So as you can see on my screen, this is something where we left in the previous video. And in order to access all other widgets, we'll click on these nine dots. And you can see there are multiple widgets available. So in the previous video, we discussed one row one column layout. But in this, we will add a new section by clicking on this plus icon, and this time we will choose the three column layout. And now you can see there are three columns one, two, three. It means we can place three widgets side by side using this structure. So let's go to the widget section, and let's say first, we take the image, so we drag this widget and drop it here like this. Another widget we will take is video, so we'll drag and drop it here. And last widget we will take is text editor, so we'll drag and drop it here like this. So now we have three widgets side by side in a single row. So let's first look at this image visit. So in this, we can add an image. So in order to do that, let's go and choose an image, and we can either upload an image or choose from media library which is available, and maybe we can go to free images. This time, we'll say, cars. For example, I search for cars images. Sorry, not cars. It should be car. Yes. So there are a couple of images. Let's select one of these. So if I select, it is getting loaded. So let's say this one I need to select, so click on Download. Click on this image and click on Insert Media. So now this image will be downloaded directly from the Pixabe website and it will be inserted here like this. And as you can see, there are other options as well in this widget, image size. By default, it is set to large. You can choose another image's size as well, or you can just keep it as full size, right. Then we have alignment. So right now if you like key center or right, but there should be some space in order to, keep the alignment. Then we have caption right now though there is no caption, but we can attach caption or we can say custom caption. Attachment caption, it means whatever the name of the image will be displayed. Or if I say custom caption, in that case, I can add my own caption. So let's say car image. Caption is that about the image, it tells user about the image what the image is all about. And then as is link, it means if somebody clicks on this image, what will happen. Right now, nothing will happen, but if you want to add a media file or you want to add a custom URL, let's say you want users to click on this image, and as soon as they click on this image, they should be redirected to another URL or another page, then you can add a custom URL. So for example, I want to redirect them to the let's say contact page, so I'll just copy the link of Contact page, and I'll paste it here like this. And after completing all the changes, I'll just update it. It means I'll save the changes. So this was first widget. But there are more settings in it. As you can see on the top, there is another option called style. So if I go here, I can see another option called as width. So if I increase or want to decrease or increase the width, I can do that. So this is the maximum width I can put for this image. Second is max width. It means maximum how much width it can take in any device. So this is again 100% height is something which we can adjust in pixel. Right now it is looking stretched, so I'll just type Control Z to make it in the original format. We have options like normal and hour. Normal means by default, how this image will look like. Opacity right now is not set. We can set the opacity like this. Hundred percent means the picture will be visible properly, and if you want to make it blur or maybe less visible, we can decrease the opacity like this. So this is something which you can do based on your need or requirement. Then we have CSS filters. There are a couple of CSS filters like if you want to make it blur, you can do that like this. If you increase the brightness like this, contrast, saturation, hue value. So all these things you can adjust based on your need based on your theme selections. Then we have border type. Right now, there is no border to the image. Now we can say solid. So now there is a border which is applied around the image, and we can decrease the width of the boer. As you can see the border is visible to you because I'm increasing the width or thickness, and if I decrease it, then the thickness will be automatically decrease. The color of the border can be adjusted from here. Let's make it black. Now let's see whether it is black or not. Yes, the borer has been changed to black color. Then border radius right now you can see the edges of this border are very sharp, right at 90 degree. But if you want to make it borders smoother, then you can give them a radius. So if you just give radius, as you can see on the thickness there are now, uh, you know, the smoothness on the borders because of the border radius. Box shadow right now there is no shadow behind the box, but if you click this option, there is some kind of a shadow behind the box, you can change the color, blur and everything else. These are the options which you need to explore because for every visit, these options may vary, and they will definitely vary to some extent. So this was regarding the image. Then regarding the caption, if you have switched on the caption, you will get these options. Again, alignment, left, center, right, or maybe justified, right? Then text color, what is the text color? Let's say, keep it black. Background color, if you want to give a background color, we can do that. Let's say, I want to give a background color like this. It's based on your choice. Typography, it means related to text. This is very important. Typography signifies about the font family, font size, font weight, font, you know, font line, say line height. You can say font, you know, type like it is uppercase, lowercase, or maybe sentence characters. All these options will be under, you know, typography. So right now, families default, I can choose another font. So for example, I choose aerial. And if I want to increase or decrease the size of the font, I can do that. If I want to make it bold, I can increase the weight of the font or make it bold as well. I can make it uppercase or lowercase or sentence capitalize or maybe normal. Then you have style, it means normal or italic like this or obliq like this. Decoration, I can say underline, overline, like this, line through like this or maybe none, right, which is already there. Line height if more than one line is there, then you can set line height, letter spacing. Right now, dT is default, but you can increase or decrease the letter spacing. Word spacing, the difference or maybe the distance between two words, so you can increase or decrease based on your uh, selections. So this is something which, you know, you will find under the typography. Then text shadow. Again, you can give a shadow behind the text like this, you can see the shadow little bit, and if you want to increase the spacing between the image and the caption, you can do that. So as per your options, you will get more and more advanced option inside style and setting advance as well here. So here you will also get multiple options. I'll tell them more in detail in the upcoming master classes or maybe videos wherever it is required. So that's how you can add the image. You can add multiple image, you can add single image based on your choice. For this, we have understood the image. We will understand the video in the next one and then text editor in another one. Till then take care bye bye. 50. 52 video widget in elementor: Hey, guys, thank you so much for joining in, guys. Now in this video, we'll understand the second widget that is video widget. So we have used a video widget, and right now there is a default video from Elementor, but we can definitely change it and we can place our own video. So here on the left handside you can see there are settings, there are options related to this particular widget. Let's see what are these options. So first is source. It means from where the video is coming. Right now it is selected as YouTube. There are other options as well that Vmeo daily motion or self hosted. It means you can directly upload your video file to this WordPress website and you can choose that file, but it is not red. Always recommended until unless it is a very smaller file because the more, you know, the heavier the image will be, it will reduce the loading time or it will, you know, slow down your website as the size progresses. So never use or try to avoid this option. Use third party URL, maybe UT, VMO Daily motion, any other thing. So for now, we'll keep it UT only. Then you need to provide the link as well. Let's say if it is coming from YouTube, then you need to provide the video link video address here. So right now it is already selected as the default video. Start time. If you want to specify a start time, right now, the video will start from zero 0 seconds and we'll go up to the last second. But here, if you want to specify start time, let's say, I want to start the video at 20 seconds. So now, when somebody plays this video, the video will be played from 20 seconds. Let's check it out. Let's click on this. Oh, sorry. My bad. The video is 15 second itself. So let's say three second is the time duration. So now the video will start at three, and if I play it, you can see here that it is starting from three, not zero. And as you know, similar to that option, end time, let's say if we want to end it at ten, so now it will start from three and end it to ten. So it starts from three and four, five, six, seven, eight, nine, ten. That's it. Now it will not, you know, move forward because we have set the end time. Autoplay, do you want it to be autoplayed as soon as the page is loaded? You can do that. So if you switch on this option, every time when somebody loads this page, this will be automatically played. Played on mobile, yes, we have to, you know, play it mobile. If you want to make it mute that, you know, by default, it should not have any sound. Then you can mute the video. You can keep this video playing in loop as well that once it is end, it will again start from the same point. So you can keep it in loop. Player control like this, if it is from YouTube, then these control will be there. If you switch it off, these controls will be gone. Now, there is no play button, no pause button. And as for your previous settings, it will keep on going and going and going in a loop. Privacy mode, if you turn on the privacy mode, it means, YouTube won't store information visitor on your website unless play a video, right? So that is something from YouTube site. Lazy oad's that feature which you should enable every time whenever you are using a video or iFrame, because it, you know, helps you to avoid the slowness of the web page. It means all the visits which you are using, they will definitely add a weight to your website depending on their nature. But as you are using Lazy Load, it means they will not get loaded until and unless the people, you know, any person will scroll to that particular part. So you can switch it on. Suggested videos, any video or current video channels or whatever the channel is, at the end of this video, the suggested video will be from the same channel or maybe it can be from any other channel like this. This is the suggested video. It should be on the same channel, right? Then we have image overlay image overlay means if you want to keep a thumbnail, you can do that, switch it on, and then you can select a manual thumbnail instead of default thumbnail. So choose this and you can select and same upload or media or maybe you can take it from your, uh free image section. So right now, this will be the thumbnail, and as soon as I click on this, the video will be played, right? Now here is the image size full play icon settings, what kind of icon you want the light box. And the style has almost same option like typography, play icon, CSS filter aspect ratio. You can change the aspect ratio to four by three or maybe one by one, based on your need, right? Based on your selection, you can change the aspect ratio as well, not a problem. You can increase or decrease the size. You can play with the color. You can play with the shadow itself. So that's how you can customize the image, sorry, the video widget, like this. And based on your requirement, based on your theme requirement, place requirement where you are actually using it, you can customize it as per your choice. So this is it for this video. I'll catch you in the next video, and then we will learn how to use the editor or text editor widget in element. Thank you so much. 51. 53 Text editor widget inside elementor: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand third widget that is text editor. So this is the text editor, and on the left inside, you can see there is an editor. So this editor is very similar or common to any other text editor, maybe MS Word or maybe notepad, notepad plus plus any smart editor. So this is almost same and the options are very similar. Let's see what are the options. So here is the window where you can type the text, right, and you can play with the different different roles. So let's say if you want to make it in paragraph format or heading format or heading two format or pre formatted format, you can do that like this. So this is based on your requirement that which kind of presentation you want for your text, then we have boldness. It means you can select any text and you can make it bold or you can make the entire text as bold as well. Italic also, if you want to make it underline underline also, if you want to add a bullet point, bullet list, then you can add the bullet list, or if you want to add a number list, then you can add a number list as well. If you want to add a link, if somebody wants, let's say you want, if somebody clicks on this particular highlighted part, they should be redirected to somewhere else. Then you can link the URL with this. So I'll just say google.com. And I link this to this particular text. So that's how you can do that. This is the full screen mode. It means like this, you can see the text properly so that you can type and you can visualize what you are writing. And here is Toggle options. You get more options. This is strike through. So for example, if I select entire text and I click on this, there is a horizontal line on the entire text. Here is horizontal line again, so this is something, this is separator. You can call it as a separator. So this is, let me just control Z. Yes. So if I want to enter this, there is a separator line. You can add this. Now here's the text color. So if you want to change the text color, you can do that. Like for example, this one or maybe this one, you can select the text and then you can change the color. Here you have paste as text. It means, let's say you have copied the text from somewhere else and you want to paste it, you can do that. Then you say clear formatting. Let's say if you have copied some text, you know, text from somewhere, so there is a chance that you might, you know, might have copied the format as well. But if you want to clear that formatting, you can do that. Then, you know, codes are there, alignment is there, you know, special character is there, indentation is there, decrease or increase indentation undo redo and question mark. So these are the very typical option which comes with a text editor, and you can also add a media in this. Now, apart from this text editor, here you can say, columns, by default, how many columns you want, let's say you want three columns. So the text will be divided into three columns or if you want to make it five columns, the entire text will be divided into five columns. So by default, I don't want any column. And column gap, if you select columns, then you can increase or decrease the column gaps. And here, the styling, alignment, text color, typography, text shadow we have already discussed in previous two visits. So I think that is the same option. I'm not explaining the advanced option as of now because that will require a separate video altogether in order to get these concepts of advanced settings clear. Right? So these were the three widgets which we understood this, you know, in this couple of previous videos. So I hope you have understood the logic behind using Elementor. So, guys, that's it for this video. In the next video, we will understand how to add Google Map on your website. So that is something which is very interesting. So don't miss that video, and I'll catch you in the next video. Thank you so much. 52. 54 How to add google map in website: Mm. Hey, beautiful people, thank you so much for joining in. Guys, in this video, we will understand how to add Google Map to your website. Google Map is used to showcase your office location or maybe store location. And in case, if you have a physical store where you want to invite customers or users, then on your website, you should or I'd say, you must give Google Map location because it will be easy for users to navigate your location just by using that Google Map location or maybe pen thing. So how to add that Google Map location on the website, let's understand. So you can see on my screen right now I am the home page. So let's say I want to add the Google Map location here. In the bottom right just below the contact us. So how to do that very easily, let's understand. So I will edit this page using at Elementor. So there is an option on the top of the page, edit with Elementor. This option will only be visible when you are logged into your WordPress dashboard, and you have element or plugin installed already. Or maybe if you have imported any template, supported by elementor, then by default, this option will be there. So click on this, edit with Elementor. And once you click on this option, you will be redirected to the element or editing window, and from there, we will be adding the Google Map. So here the window is loaded. Now I want to add the Google map at the bottom of the page, scroll down, scroll down to the bottom of the page, and here I want to add a new section. We have already discussed about these sections and the columns and the widgets in previous videos. If you haven't seen those videos, go and check it out after this video. So I will add a new section, and since it is a Google Map, so it will be full width, I'll choose a single column, click on this. And now here I will click on these nine dots and then I'll search for Google Map like this and drag it and drop it. By default, it will take some location of London, right, United Kingdom. So you can remove the address and you can put your address in this location. So let's say I want to put an address. So just for example, I'm putting an address of May City. So let's say I'm putting an address of My City. So I just enter the city name, then state name in India and then country. So in India, it is the format, that first city name, state name, and then country name. So now it is like this. So as you can see, on the Google map, the city has the city location has been successfully captured, and it is showing this as a shadow part. So this, you know, highlighted part is known as is basically my location, and this is now visible. So anybody so if anybody clicks on this particular location, he or she will be redirected to my you know, the address. Now, here I can zoom in or zoom out. If I want to zoom in to location, I can zoom in so that it is properly visible. So if I increase the so you can see JAPur is visible or I can zoom out as well. So based on your choice, that how much zoom you want to increase. And the height of the Google map right now it is like this default height. If I want to increase or decrease it, I can do that maximum to 1,440 pixel, but there is no point of making this uh Google maps so long in terms of height, just keep it as it is so that just user can see it and click on it. So that's how you can add it. In styles option, you see that CSS filter if you want to keep it like blur. But why would you blur it? Because this is an important point. So no blur, I think as per my choice. Since you but even if you want to do that, you can explore these options, but I think this is pretty much it by adding the Google Map. Let's update it. And let's see the review, sorry, preview. And in order to see the preview, just click on this preview changes, and it will open the same page where you are working on in the preview window. And this preview window will show you the exact uh, user interface that will be visible to the users. So here, the Google map will be shown like this. Right now, it is not in full width. There is a space on the left side. There is a space on the right inside. Let's remove this space. Come onto this, edit this, sorry, edit this particular section and click on full width. So now it will be in full width, updated. And now, in order to see the preview, go back to that window again, this will automatically load in order to show you the latest preview, scroll down to that section. And now you can see there is no space on the left and right side. It is in full width. So that's how you add Google Map in your website, and Google Map is very, very important part. When it comes to any other, you know, any location or any store that you have for your business, you can invite people, and you can help them just by putting the location on your website. So that's it for this video, I will get you in the next video till then take care. Bye bye. Thank you so much. Re 53. 55 Query form and CTA buttons on website: Hey, guys, thank you so much for joining in. Guys, in this module, we will understand about the various call to action buttons that you should have on your website along with a contact form. So basically, if you are creating a business website, so in most of the cases, you want your users to get in touch with you regarding the product inquiry, regarding the service inquiry, or regarding any collaboration or maybe any other information. So how would they get in touch with you? There are several methods. The first and easiest method is via contact form or query. As you can see on my website also, that in this template which we installed, there is a query form on the homepage which says message us. You need help. You can directly message us. And here, in this form, there are three fields, name, email and message. It means any user who is willing to get in touch with me or the owner of the website, they can simply type their name, email address and the specific query or message that they has, and then they can send this message. And this particular inquiry will be sent to the owner's email ID. Whoever is there as owner of the website or whoever's email ID is that email ID or that particular owner will receive all the information of that particular user on email ID. So this is something which is the agenda for this entire module, along with that, some other options which we will discuss later on in this module. Let's try to understand how this contact form can be created and how we can set up and integrate with the webpage and eventually how we can receive the inquiries on our email IDs. So that is something that we will start from next video, so stay tuned, watch the entire video, creep learning, and keep practicing. Thank you so much. Three. 54. 56 How to create contact form using CF7: Hey, guys, thank you so much for joining in. Guys, in this video, we will understand how to create contact form or query form just like this, as you can see on your screen. Maybe we will add a couple of more options in this query form. So we will come to our WordPress dashboard, and here, there are certain plugins that are available in order to create query form. One of the plugin is WPForms, which is by default installed when we install the template as well. And there is another plug in that contact Form seven. Both these plugins are available. So if you want to see them, you can go to Install plug if you have installed this similar template, then you will see, you know, these both plugins. But if you have installed any other template, you might see some other plugin. I'll tell you how to use these plugins. So this is the first plug in contact form seven, and this is the second plugin WPForm light. But I will also show you how to add these plugin so click on Add new. In order to install any of these plugins, because you don't need both plugins, you can use either of the plugin in order to create the query so I will recommend Contact Form seven for the same because it is absolutely free of course. There is no hidden charge, whereas WP Form Light has a free version, but most of the functionalities are not available, and that offers, you know, those are available in a premium version. So this is the Contact Form seven. You can see the symbol. It has more than five plus million active installation, and you can simply install it and activate it. Once it is done, you will see an option called contact on the left hand side. Once you see this option, click on this. And by default, there is a form which is already created. So by default, you will see a contact form one. This is by default form which is already there when you install plug in and activate it. So either you can use it or you can create a new form by clicking on this button. So what we will do we just delete this and we will create a new form so that I can show you from scratch how to do that. So it is now gone, and I can now click on Add new and I can create a new form. So first of all, I need to provide a name. Don't worry. This name will not be visible to the user. This is only for your reference. So I will say, I will say my first Form. I'll say my first form. This is something I want to give it a name. And here you can see there are a couple of options form, mail message, additional settings. Conditional field is something which is there because of a plugin that I have already installed, but you will see only these four options. Now here, under the form settings, you will see multiple tags. These are called tags, text, email, URL, tell, number, date, text, and everything else. These tags will help you to add more and more fields. So just this form, this is name field, email field message field or you can say the tags. So here, these tags will help you to create these fields. And by default, if you see there are certain fields already available. The first field is name, second is email. Third is your subject. I mean, what is the line? What is, you know, context of the message and the last one is your message. So let's do one thing. Let's keep this as it is, and let's try to, you know, integrate with the web page and let's see what happens. So we'll not, you know, change anything. We'll just go down and we will save it. And as soon as we save it, now there is a short code. This is called short code. This is something like this that contact Form seven ID and then title. So this is that code which will help us in order to integrate this form with the webpage. But before that, we need to see some other settings as well. Second option is mail, and this is very much important because as I mentioned in my earlier videos, if you want all the details on your email ID, you need to set this up. So first, here is the two option. It means on which email ID you want to receive the emails. So you by default, the site email ID is mentioned, you can remove it and you can mention your email ID. So let me enter my email ID on which I want to receive the mails. So I have mentioned the email ID on which I want to receive the emails. This can be any email ID, Yahoo, Gmail, hotmail, or maybe any of your other email ID. Then here is from it means from which email ID it will be sent by default, it is related to your domain. So you will see something like WordPress at the rate, your domain name. You can keep as it is. No problem, not at all. Then subject subject is something which will be uh, you know, the subject title of your email that you will be receiving. By default, it is site title and your subject, but we want to give it, you know, easy to understand name. So we can say new inquiry from website. So this is easy to understand when we get any email. Header, you can keep as it is not a problem. Message body is something which you need to customize, delete all these things and just copy these four or five or six, whatever tags are there on the top. So just copy these tags like this and paste them here. And just enter one by one, it means in a line in a single row, there should be only one tag like this. Now in the message body or the email body, we will see name, email, subject, and message one by one. Not a problem, easy to understand. Now let's just save it. Let's just save it. And these are the bare minimum settings that you need to follow. Now our contact form is ready. Now the next step is to integrate with the website that we will understand in the next video. Till then take care bye bye. 55. 57 How to integrate query form in website: Hey, guys, thank you so much for joining in. Guys, in this video, we will learn how to add Contact Form seven or a query form which was made using CF seven plugin in your WhatbS website. So in previous video, we understood how to create a contact form, how to set up the email settings. Now we will copy this short code over here. So we'll just copy it. We'll come to the website, and we will go to that specific page on which we want to integrate it. So let's say I want to integrate on A page, so I'll go to About us and we will use the Elementor Page Builder in order to add this. So let's finalize a place where we will add it. So let's say, uh, we will add it here on the left hand side. Instead of global presence, we will add it here. So we'll just click on edit with Elementor. We have already discussed about element or widgets in our previous videos and modules. If you haven't seen those videos, go and check it out after this, uh, video or session. Now here the window is loading for elementor and we will use a widget that is called short code. Whenever we are copying a short code for CF seven or for any other plug in, in order to integrate, we will use that short code. Search here, search the widget, short code. Here is the widget. This is the widget we will use. But before that, let's scroll down and let's delete this. It right click and delete, right click and delete and instead of global presence, I'll rename it. Contact us, right? So this is something we will give as a heading. Come back again, search for short code. And drag and drop it just below the heading. And now here we can paste the short code that we copy. And if we click on Apply, you can see the form is there already. So let's wait for this to be loaded. And now you can see here the contact form is there, the name, email, subject message, and the submit button is there. Let's update it. Let's save the changes, and let's preview the page. Let's preview the page, and we will also do the testing. So here the contact form is successfully integrated name, email subject, and message along with a submit button. That's how you can integrate your contact form in your WordPress website on any of the page. And in the next video, at last, we will see how to test it, and let's see whether we will receive an email notification or our email ID or not. I'll catch you in the next video. 56. 58 Let's test query form: Hey, guys, thank you so much for joining in, and it is the right time to test the contact form that we created in our last video and integrated it. So if you remember, we have a query form that we created and integrated about a page, having name, email, subject, and message as a field. So now let's try to fill it as a user, and let's see whether we receive any email notification on our desired email ID or not. So we'll just type it demo. So you can type anything demo at the rate gmail.com. Demo as a subject and demo as a message. Our objective is just to test whether we are receiving email notification or not, and is there any error while submitting the form. So after filling out all the details, click on Submit. Let's see whether we get any error or not. No, we are not getting any error. It is thank you for your message. It has been sent. So there is no error, the message has been sent successfully sent to whom, send to the owner or the admin of the website. Now, let's check it out on that email ID. So let me quickly log into my email address. So, guys, here you can see that I have logged into my Gmail account that is email ID. And here you can see that email has been received 0 minutes ago. Just now I have received the email. And in this email, you can see the subject line, new Inquiry from website, the WPLarn is the website name, and here the details are name, email ID, subject, and the message. So that's how you can check whether your email, whether you are getting the email notification or not. And if you are not getting if you face any problem, do let me know in the discussion form or in the comment section. I'll definitely help you out. So that's how you create email for your website. 57. 59 How to customise contact form fields: Hey, guys, thank you so much for joining in. Guys, in this video, we will learn how to customize the contact form fields. Like, right now, we have created a firm having three or four fields name, email, subject, and message, but how to customize or how to add new field or how to add how to remove these fields. Let's understand. And the plug in that we are using is contact Form seven, so we will understand about this. This was our form which we created, and this was the output, name, email, subject and message. Now we want to customize these fields. So let's try to understand as I mentioned in my earlier videos, these are the tags which will help us to make fields. So let's use them. So by default, let's say I want to just delete them. For example, I just want to delete all of them, and I want to add new things. So let's say, I want to create a form in which there will be name name field, email field, phone number field, drop down field, maybe asking for any option to choose with, and then your last message field, right? So these are the five fields that I'll be creating. So first, I need to provide the label. So what is label? Label is this text which is right above on the field. So this box is the field, and this label shows that this field is what this field is all about and what you need to enter in this field. So you need to provide your name. So that's what label or, you know, label provides the information. So we'll type some text. So it's a label, and we will close this as a label. So whenever you are supposed to add a label, you can do that and enter and enter. And between these opening and closing tag, we will add the box input box as well. So for this, for name, we will use as text. For name, we will use textbox, so we'll click on text. Here, if you mark it as a required field, it means without filling out this field, user can't submit the form. So of course, we want the name, so we make it required. You can provide a name. So let's say we say your name. I'm just keeping it in the short form, your name. Default value if you want any default value to be already filled before the user enters anything, you can do that, or you can enter a text, let's say, enter your you want to give an example. So like example is Rahul Singer. So you want to guide the user that in which format you want to enter the details and you can use this text as a placeholder. It means it will be there, but as soon as user starts typing something, it will be gone. So of course, I want this thing. Then this is a security plug in where definitely we can skip this not a problem. ID attribute, if you want to provide any ID or class attribute, you can do that. Basically, these are advanced fields when you customize the form in terms of look and feel or in terms of advanced functionality, then these will be used. As of now, I'm just skipping them, and, you know, if I feel that I'll have to explain in the upcoming videos, I'll do that. Otherwise, I'll cover them in a separate master class. So after filling out all the details, I'll click on Insert tag, and you can see here the tag is inserted, but we need to provide a label, so we'll say full name. We'll say full name. So this will be the label and this will be the placeholder. This is the first field. Similarly, I can create another field, so I'll just copy this one because this is the same in everything, so I'll just copy it. I'll just paste it here. This is opening, and I'll copy this closing as well. So I'll just enter and I'll just paste it here. And instead of full name, now my second objective was email ID. So your email, right? And in order to create an email field, there is an option called email, click on this. Again, I need to make it primary or sorry, I need to make it required. So click on this. Here you say your email just for your reference because this will not be visible to the user. Default, again, you can provide example. So example is ABC at the rate, you know, example.com, whatever it is, and use it as a placeholder. And then insert tag. It is that easy. It is not maybe if you are thinking that, Oh, sir, it is coding. And you said that we will create our website without coding, but this is not coding. This is just an tail tag, which are auto generated. You are not supposed to write them. Then next field is phone number. So I'll just copy this label from here, paste it here. Again, copy this and paste it here. And instead of your email, I'll say your number. Then for that, we will have this field called tell that is telephone, so we'll use this field. Make it required. We'll say your number, default value, you can again put an example. So for example, as per my country code, I want to guide them to enter like this. In this field, my mobile and mobile number country code as a placeholder and then insert tag. That is something we can do. The next field was after the number. The next one was for, I guess, drop down. Yes. The next one was dropdown. So there will be a dropdown in which there will be multiple options. So now, it says, uh select services. So for example, let's say, uh, let's take the same example that we are providing real estate services. So let's say we have multiple size of apartments, two BHK three, BHK four BHK and we want users to select one of these. So let's say we choose select type of apartment, right? And now we will give a dropdown. So for that dropdown, there is a drop down menu here. Click on that required. Give name as a type of apartment. Again, this is based on your choice. Now enter the values which will be visible in that list or drop down and you need to press Enter after every line. So first is one BHK. Second is two BHK that is bedroom kitchen, three BHK, right? Allow multiple selection. No, we want them only one selection. Insert a blank item as a first option. Yes, so that initially they will not see any option. By default, blank will be selected. And then we click on Insert tag. And the last one is the message. So we'll just copy this again, paste it here, copy this again, paste it here. And in the last, we'll say subject for subject, we'll say text area because the subject or the message sorry, the message can be a larger text, so we say text area. This is not required because not everyone has, you know, any query. So we can keep as it is, and we can leave as it is. No problem. And then at last, we need to submit button. So for that, we have a summit option here. Click on this. Label is submit. Not a problem. ID and class, you can leave as it is, and then click on Submit. So that's how you can create the entire form from scratch and we will just save it. Since we haven't changed the name of the form, so the same code will be used, but there will be some error since you have changed the tags, just copy these tags once, copy to the body, delete the previous ones, paste it here, and in the one line, you can enter only one. And we can beautify this as well or mean make in a proper symmetric. Name we can say name. It means we say the first entry was name, then we can say email. This is for your reference for admin reference the Admin will get to know, then say number. Then we say type of type of apartment, apartment spelling is wrong, and then message. Right? There is an error and this error will be resolved. Just replace this tag with the email tag. So for email, we use this. So just copy this and paste it here and that error will be gone. Now just save it from here. So now it's time to test it out. Previously, there are only four fields now if I refresh this, so the fields will be changed. So instead of that, now email, name, phone number, type, and everything will be there. Okay, I need to change the label. I forgot to change this label. So instead of this, I'll choose as message. Not a problem. Just click on save again and come back here and now refresh the label will be changed. So I don't need to copy and paste the short quote again again. So here you can see, this is called label. This is label, and this value, which is there inside the field is called placeholder. But as soon as I click on this and start typing, this value will be com. So I just type, enter the details and let's see whether we get the email ID or not, ABC atgmil.com. Number is uh I can put a ten digit number as of now, select an apartment. I'll choose two BHK and messages. I can leave the message as well. And if you remember the required, let's say, if I not enter the full name, and if I try to submit, there will be an error. And this error is this field is required. You can't proceed without filling out this particular field, similar to all the fields, whichever is are required. Now click on Submit. Now there should not be any error. Thank you so much. It has been sent. Now let's go to the email ID and see whether we get that email notification or not. So guys, we have received the email notification, and as you can see on my screen, the email body has been changed. The previous email, let me show you the previous email was this because there were full fields, but now there are, you know, five fields in total, and name Rahul, email is this, this this. So that's how you can create an entire contact form from scratch and you can integrate and test it out whether it is working or not. I hope you like this video of creating contact form seven by yourself. I'll catch you in the next video. Take care.