๐ WordPress Tutorial - How to Make a WordPress Website for Beginners ๐
Key Takeaways
This video tutorial demonstrates how to create a WordPress website from scratch using Bluehost and various plugins such as WP Forms and Monster Insights. It covers topics such as website customization, theme installation, and web analytics setup.
Full Transcript
Today we're going to cover how to make your own website step by step in this complete WordPress tutorial for beginners. Hey there, I'm Christina with WP Beginner. And sometimes we create simple tips and tricks videos for WordPress and other times like this we do deep dives. If this video helps you out, please give it a like. It really helps out and all the links that I talk about, they'll be in the description below. So let's dive in. To get started with Bluehost, you want to go to wpbginner slreer slblhost. And that is our affiliate link. We will get a commission if you use that link for us. So once you get set up, you can see this special page. And you see that normally it's about $9 a month, $9 or $10 a month. With this link, you also get a free domain for the first year. You'll also get free SSL certificate. And that's just says SSL stands for secured socket layer. And that just makes sure that your website is secure and encrypted between you and your readers or your visitors. So super important to have and they already have that automatically. You also get one click in WordPress installation. So before it was pretty simple to do. It was like a five minutes installation. Now it's even simpler and then you get 247 support. So you have any issues with your website, they're there to help. So let's go ahead and click on the get started now button. And right out of the gate, I always like to when I'm sharing this with friends who want to set up a website, they're always like, "Okay, well which one do I use?" The choice plus is probably a little bit too large for you to have to worry about. That's for somebody who's really into several websites and things like that. I would say you want to look at between the plus and the basic. And a couple of the major differences between the basic and the plus is the basic you only get one website and you have a few other items there to look at. Whereas with the plus you get unlimited websites. And so this is a choice you want to make. When I talk to my friends, I always say, "Now, when you start your first website, it is more than likely that you're going to create more websites or you're going to have friends or family members who say, "Hey, can you make me a website, too?" So, a lot of times for me, it was always worth it to do just the next step up so that I can do unlimited websites. For this tutorial, I'll simply choose the basic. Now, from here, this is where you create your new domain name or the website where you're going to send people to. So now you can put it in put in what you want your website name to be. And when you click next, it will either come back and let you know if it's available. If it is available, it'll give you this big green button or it says or big green banner that says it's available. If it's not available, they'll give you some ideas of some other website names to try. So scrolling down, you'll want to fill out all of this information. And then when you scroll down to the package information, then this is where you need to make a decision on how much savings you want. And you have your choice between 36 months, 24 or 12 months. And that gives you the separation between 12 month savings worth of savings. And then it resets to the normal amount or you get 3 years at 275. So something you need to look at. But you notice that the domain name registration is free and the let's encrypt is free as well. So, just for the sake of this tutorial, I'm going to do basic right there. And then scrolling down, there's some package extras. And you really can uncheck all of these. Most of these items you can either choose to do later or there are plugins or the Legos that I mentioned that you can add on later on if you want. And then scrolling down, you see the total savings for this is at least 50% off. And this is our total amount. So, you just want to go through here and enter credit card information. You want to go ahead and read their auto renewal terms. That's just letting you know when it renews, it will renew at the standard price. And you'll want to say that you you want to go ahead and read that. And then once you're done reading it, you can submit this. And once it goes through, actually create your website. Once you get all the information, then Blue Host will go out and install WordPress for you. And this is the back end of it. If we go over here up at the top and we rightclick and say visit site and this is our website, we have something that we can already work with and fix it up how we want. So let's do that next. Now this is the back end of WordPress and this is where you'll go to every time you want to create a blog post or if you want to add a plugin. This is the area that you'll see. So you'll get an email with your login information or you should already have it. go ahead and keep that somewhere safe so that you don't lose that anywhere. And we can go to dashboard to kind of get an overall view of how our site looks. Now, we're going to do a little bit of cleanup because by default, there are a lot of plugins that come pre-installed. It's like when you get a new website or something like that, you already have or a new phone, you already have plugins or you already have apps that are installed. And that's kind of the same thing that's going on here. So, there are some that we do want to keep. Some of our sister company sites are on here and I'll show you why I think that those are good to keep. But then there's some that we can go ahead and remove. So the best way to do that is we can go into plugins, installed plugins, and this is where you can see them. So I'm going to just come up here and select all plugins. And we want to keep Google Analytics for WordPress by Monster Insights. That allows you to connect Google Analytics with your website. So you can see how your site is doing, how much traffic you're getting, and things like that. We also have WP forms light, which is perfect for setting up a contact form or a survey and things like that. So we're going to keep those as well. All these others that we still have checked, those are the ones that we want to get rid of. So under bulk action, we can deactivate them because you you need to deactivate them and then you can remove them. We'll click apply to deactivate all of those. And then I'm gonna go under inactive and I want to delete. So I'm gonna highlight all of those and delete all the inactive ones. Okay. Taking a look at the front end of our of our website. This is our website and this is our theme. A theme is the color, the font, the layout of your website. And you can choose how you want that to look through choosing a theme. So let's head back over to our WordPress dashboard. And the way that you pick your themes is you can go to appearance themes. And from here you can see what themes are already installed. For instance, we have active. It's on installed and active right now. The 2021 theme and that's what we just saw. We also have 2019 and 2020. These come the 2020 series or the usually comes with the default installation and it always changes each year with each new theme for WordPress. But you can choose whichever one you want. You can do premium themes or you can choose themes that are free and a lot of them are found in the repository WordPress repository. That's where they verify and make sure all the themes are good to go. So, we're going to go to add new. And if you had a premium theme that you purchased from a third party, you would upload it here. But because we're searching for one, you can simply go through all of these. And there are thousands and thousands of them. There are a few ways that you can filter because there's just so many. You can either do by featured. So, these are the featured ones that WordPress is featuring right now. You can click on popular and these are the most popular downloads. Obviously, the 2020s will be popular because they go with each installation. And you can also do a feature filter. So, if you know you want a certain layout or a certain feature like ecommerce, things like that, you can pick those from here. So, I know which one I want to show you because it's just super easy to install and set up. So, we're looking for the Astra theme. This is the one we want. And don't worry, it won't look like this. This is just the beginning of it. So, let's go ahead and install this. Now, we have the Astro theme installed. I can show you what it looks like real quick. Going to our site, doing a quick refresh. And you see it's real, it's changed. We know that it's changed. It's still very bare minimum, but that's okay. We're going to fix that right now. Next, we want to download a plugin that will allow us to make our site look exactly like we want from a demo site. So, to do that, let's go to plugins, add new, and we're searching for starter template. And this is the plugin that we want to install. So, we'll click install now. And once you install it, you also want to activate this plugin. We can scroll down and say see library or if you ever need to come back to maybe change your theme and do something different with it. We can go to appearance starter templates to come back to it. From here you want to select the page builder. We're actually going to say Gutenberg. And Gutenberg is the default page builder with WordPress. And now these are all of the starter templates that you can pick for the Astro theme. And what's perfect is this will bring you up to speed and it takes off hours of development time or customization time because as soon as you pick one and you say import this, it will fill out your site and make it look exactly like what you're seeing, which so many others just don't do that. So you can scroll through, see which one that you want. All right, so for this tutorial, I'm going to pick the gardening and landscaping one. And you see right here, you can look through this and you can take a look at the about page, the services, contact, the gallery. These are all the page templates that will be imported. And what we want to do is we can actually preview the garden landscape site to see if that's what we want. You scroll through and see it. And yeah, this is the one we'll do. So then what you can do is you can either just import uh the home or whichever one you're clicked on. For this tutorial, I want to import the complete site. So I want to import everything. So it'll go through the process and it'll say, okay, we're going to import all of these items. Once we import that, we'll let you know when it's done. If you've done this before and you want to change themes, then you want to make sure that you click delete previously imported site. We haven't done that yet, so let's just click import. And if you want to give them your information, you can do that or click skip. And now what that will do is go out and import the images that you see, some of the content, some of the information. It'll create certain pages for you like the about, contact us, things like that. And then once it's done, we can move on. Great. So that took a couple of minutes and now we can view the site. And this is our actual site. We have a logo up here and we can I'll show you how to create your own logo. So stick around for that. We have a beautiful background picture. You scroll down, you see all of these great little points of interest for the site, some tabs here, and this is our site. Scrolling up, we also have these new pages that have been installed that we can also adjust, and a gallery if we want to show off some of our images. If you don't like that one, you installed it and you're like, eh, I don't really like that one, then you can go back to the starter template and you can look through and find another one. For instance, maybe we can do the wonderful gift. I've used that one several times as well. So, you can keep doing this until you find the theme that's perfect for you to get started with. Yeah, I think I'm I'm more on an adventure side. So, we're going to do the same thing. And we're going to import this one. Now, because I imported the last one, I actually do need to delete the imported site and go ahead and import. Okay, that one took a little bit longer because it had to delete the old items and import the new. So, let's visit the site and see what it now looks like. Okay, so this is an adventure site, outdoor adventure site, and I've used this before and I like it. So, I'm going to keep this one. Again, we have the about us. We have services. And when you see that, I'm clicking on these menu items. So, these are the new pages that it's created. But if you look up into the menu item here, I don't really like this URL structure, this web address structure. That would be really hard to tell people to go to. Hey, go to my page ID equals 1645. So, we need to fix that. So, I'm going to close these out and we're going to head back over to our WordPress dashboard. We're going to go down to settings and we're going to go to permal links. And permal links is simply the way that you structure your website. Under common settings, you see that it's structured like this, which is horrible. What most people use, what I like is the post name. So, it simply is your web address and the post name like about us, things like that. I like that much better. If you want, you can choose a day and name or month and name. Uh we try and keep away from months and dates and post name is really good. So we'll save changes. And now when we go to the site and if we go to another page, then you see it's it's much better. It's pulling in the page name into the URL. Much better way to do that. So make sure you save that or change that on your site if you're seeing that as well. Okay, now that we have it installed, the we just need to do a couple of more customizations. For instance, I don't want this to say take action. I want it to actually be the contact page. So, we can do that under customize. And we'll just kind of go through the customize area so you can see how you can easily customize your website. So, depending on what theme you have, when you click customize, this will be different for you. And then you'll scroll through. And once you have the customize up, when you scroll through, you'll see little blue dots. And this lets you make these changes. So I can click on the little pencil icon and choose what I want this to say. So let's go ahead and change that. So you see as I'm making the changes here, then that goes in real time over here, which is what you want. And under the section two, you notice that it says copyright and current year. This is perfect if you want the copyright year to automatically update. Just keep the current year and then that will update. And then if you wanted to say, well, we've been in business since 1996, then you can do copyright 1996 to current date. And then it's good to go. And then you can change the outdoor adventure if you want. None of the changes that I've made so far or edited so far have actually gone public on my site until I hit publish. And that's what we're going to do now. We're going to publish this. And now that's live on the site. Going back to the main part of the customization, if we go to global, this is where you can change your typography. So all of the fonts that you're seeing, you can make these changes here. You can also change the size of it. And it's been recommended to do like 16 or higher nowadays so that people can read it. So you can make those changes here. You can also change and choose from any of these fonts that you see here. And once you pick it, it will go throughout the whole site. So maybe you want open sands, maybe you want robboto. You can also type in the one if you know it. So you make those changes as well. And when we go back, we can also change out the base colors. So this is the current base color theme. And you can change these out to whatever you want here. For instance, this is the text. So if you want it a little bit lighter, that might be too light. You also want to consider how people view your website. And if you don't like what you've chosen, just click the little redo icon and it'll take it back. You can go through here. If you don't already know the color scheme that you want, then go to color.adobe.com and you can explore all the different colors out there. Once you find a color palette that you want, you can copy the color palette and then you can put them in here. For this, I'll keep it like that. Under header, we already did the site identity. That was these items. You can also change the primary header. So you can change this to basically where the logo will move around and you have the logo either on the left or the right of the menu or in the middle. You can also choose how you want it to look on mobile. So when it is mobile, what will it look like? And you can see what that will look like. Just down here we have little areas where it'll change. So that's the different layout on mobile. And you can make it different for that as well. We'll keep this layout. We like that. And if you need to go back, you can click back on the desktop area. And now we can take a look at the menu. From here, you can choose. This is the primary menu that's up here. We can choose here how to handle this. For instance, this last is a button. It's a call to action. You have the ability to say none. And so then that call to action won't be there. I like the button, but I don't want it to say take action. Going to say contact us. And then this is the button link. So where do we want to send them? Right now, it's not going anywhere. I want to send them to our contact page. So, I'm going to I already copied it and I'm going to paste it. So, it's going to send them to my contact page. So, say contact us. I'm going to remove this one in a minute. So, that looks really good. I like it. I'm going to keep that. And let's go ahead and publish this. And we'll definitely need to take out the contact page. And I also want to add a blog page because I want to have a blog on this site. Great. So, now let's go ahead and create a page. And I'll show you how you can do that. So, I'm going to exit out of this. Now, we need to create a page so we can add it to the menu and work more on the menu. So, let's go to pages, add new. And from here, I want to add a blog page. And I'm not going to put anything on it because this is where all of the blog posts are going to go. So, I'm just happy with just adding that. We're going to say publish. And you'll have to hit publish again. And now we see that this is our link. So, we're good with that. We can add it to our menu. So, let's go to menu. This time we're going to go under appearance menus. So we can make some changes to the menu here. This is the menu area. You can create new menus. You can manage locations. You can have multiple menus. This theme and it's theme specific. So this theme has a primary menu that we were working on. It also has the footer menu. So you could create a little footer menu for at the bottom of your website. If I scroll all the way down, it would come somewhere down here. So I'm going to go to edit menu and I want to edit this menu. Because I have the take action or the call to action button of contact us. I'm going to remove this one here. But because I also just created that blog page, I want to add that. So, I'm going to click on the blog and then add to menu. And I'm going to leftclick and drag it because I want to take it next to the homepage. And you can restructure all of these as well. Doing the same thing, just leftclick, dragging them. You can even make them a submen. So, meaning when you hover over projects, you won't see it until you hover over projects, you'll see services. That's a little indentation, but we want everything on the main menu. And that looks good for me. So now let's save it and we can go back to our site, go back to our homepage. We'll refresh everything. So now we have great home, blog, about projects, services, and the call to action, contact us. Perfect. Great. Now that we added the blog page and we put it on our site, we need to set it up so that all of our blog posts will actually go to that. And let me show you where you go to do that. If you go under settings, go to reading. This is where you can see where your latest posts go and how your homepage is set up. From here, you can choose how your homepage displays. You can either choose to display all your latest post. So, if it's a blog that you're creating, that might work for you. This is already set up to this is a specific static homepage. I am saying certain things on this page and I like that. But when I click on the blog, it's empty. And I know that there's at least one blog post here. So, how do I do that? So, if we go to our reading area, the post page, we need to select that. And now, we want it to be blog. The other thing you can set up is for each post in a feed, we want to do a summary. Otherwise, it would just show the full text of the blog, and then they would have to scroll down to see the next one and the next one. This will give it a summary, and then if they want to see more of it, they can click on that. So, let's click save changes. And then when we go back to the blog and refresh, now this is set up and this is the only blog page that I have right now or the only blog post that I have. But now all of my blog posts will be here. Great. The next thing we want to work on is, you know, we set up this whole contact us page. And so let's take a look at it. This is our contact us page. And we have the contact info. We can change that. We have some items down here. And then we have this. But we also want to set up a contact us form. So let's go ahead and do that. We're going to go back to our dashboard. And because it was already installed when we installed WordPress, we have WP forms here, which is perfect. If you don't see WP forms, then you can go to plugins, add new, and you can search for WP forms, and then you can install it. We already have it installed, and so it will show that it's installed and that it's active. So, we need to go to WP forms, and we'll click add new. From here, we want to set up a simple contact form, which is actually what it says right here. There are also a few other templates that you can choose from. And then if you choose to, if you're running a business and you want to automate your whole back end with getting quotes and surveys and things like that, then you'll want to look at upgrading to their paid version, which does an amazing job for small businesses. But we're going to do the simple contact us. Going to go ahead and give it a name. And I'm going to pick this template. You know, for simple contact us, that's really all I need. You can move things around if you wanted. You can just leftclick and drag things or if you want to make any changes to this. For instance, I always like the simple version. So, I'm going to click on the field name field. I'm going to choose simple. So, that's just one text line. You can also click on the button. And if you wanted to change that to something like that, then you can do that. So really robust way of just making all the changes to this that you want to make it look like you want. The other thing you want to do is go over to settings and you just want to make sure that the notifications or that the emails are going to go where they need to. By default, the emails go to the admin emails and if you want to change that, you can just put the actual email in here if you want. You also have these little show smart tags and these are pulling in from the field which is perfect if you want to say change your email subject line. You can say contact us. But if you get a lot of emails then it's all going to say that in your email. So you can do show smart tags. And I would say to make it a little bit more unique is go ahead and bring in the name. So we'll do contact us and it'll bring in the name field from the form. So, it will look a little bit different each time. And then scrolling down, it'll bring in all the fields in the message, which is perfect. The next thing we want to make sure we do is set up the confirmation. The confirmation is what the person who submits the email or the contact form, what they see. By default, it just comes up with this confirmation. And you can change this to whatever you want. You can also choose to do show a page. you. So you can show a specific page, maybe a thank you page or something like that or you can also even redirect them to a complete new URL whether it's your URL or if it's another website web address that you can do for this. I'm just going to keep the message and we're good to go. So I'm going to save this and we're happy with this. So let's go ahead and we want to embed it. So let's click embed and saying okay where do you want to put this? We know we want to put it on the contact us page. So, I'm going to click select existing page. If you didn't have that, then you can hit create new page and it'll take you to create a new page. But we already have the contact page. So, I'm going to choose that and say let's go. So, now it's going to take me to this page. Now, I can scroll down and choose where I want it to go. For instance, maybe I just want it right here under let's talk. You can click on the little ad block here or you can come up here and click on the ad block and you can find WP forms widget. Brings this in. And now we need to pick the one that we just worked on. And once we do that, it'll bring that in and we can see it. The contact us. I simplified the name. That looks really good. Need to update this address. Update my phone number. And then what's cool is these little social icons. These are a block. And so you can make more. So we click on the button here. There are all these others that we can choose from. For instance, if I have a Pinterest account, I can add that. You can just keep doing it until you have all the ones that you want. But what you want to do is go in here to each of these social icons. And you see it's just it's not going anywhere. You want to add the URL address of your profile. Perfect. Now I'm happy with that. And so my contact us page is is good to go. Now up here you notice that there is a big image. You can click on this. And if you want to keep this, this is called a cover. And from here you can do a few things. is you can fix it. You can do the fixed width. You can do a focal point. So, we can move the focal point to an area of the image if we prefer. If you think that this is too big, we can actually also bring this down so it's not so large. 300 would be better. You can either use your down arrow keys or you can type it in if you know the size that you want. That looks a little bit better. It's not as as large. You could do that to all the others. Or you could just remove it altogether if you don't want this cover. If you don't want the cover, just click on this area, come up to the little three dots, and remove the block. If you feel like that was a mistake, we have little undos up here. So, we can say undo here, and that's perfect. You could also change that image. So, this is coming in from the demo theme that we got. And we can come up here and say replace. You can open up media library or you can upload from your desktop if you already have something from your desktop. If you do open from media library, then you can click on the media library. And since these are all of the images that were downloaded from the template, you can choose one of these. If you already have your own, then you can upload your own file here. And then you can also choose to pick one from the Pixabay. So these are royalty-free. So you can choose any of these here. Since I have some in the media library, I'm just going to go in there and choose this one. You also want to whenever you're uploading any images, make sure you add the alt text of this. This just lets anybody who's coming to the site and they can't see and they're relying on readers, the reader will tell them what this image says since they won't be able to see the actual image. And we'll select that one. So now that will change. You can do the same thing with this focal point and choose where you want to make the focus. But now we've updated our contact us page and we can click update and then that will be live. We can see this in action when I go back to the website. And now I can see that we can make some changes to this if we want to make it a little bit better. Change the focal point. But by and large this looks really really good. So you just want to do that with all the other pages that you have. make them, design them for you. Okay, so let's head back over to our dashboard. And you notice that we've been having this, please set up web analytics, website analytics for your audience. This is a really crucial step when you're setting up your website. You want to connect Google Analytics to your WordPress website. And this lets you track the data and it lets you see just how many people are coming to your website, how many people are what pages they're looking at, what countries they're from, what type of devices do they use. So many things that you can look at with Google Analytics. Monster Insights is the plugin that you want to use to connect Google Analytics easily with your website. If you haven't yet already set up Google Analytics, then you can watch this video here where there's a step-by-step process of walking you through. Folks at Monster Insights have set that up and that is our sister company as well. So, I'm going to show you since we have Insights here and I already have Google Analytics set up for this site. I'm going to show you the process of connecting it to Monster Insights. To set up Monster Insights, if you don't already see it, which you should the way if you set it up how I did, if you don't already see it, you can go to plugins, add new, like WP forms we did, and you'll want to search for Monster Insights with over 2200 reviews and almost at 4.5 stars in the repository. So, we have this Monster Insights area over to the left. So, we'll click on this and we'll go to settings. From here, we want to just click on the onboarding wizard and we'll just let it take us through the process of setting this up. It ask you just a few questions and it makes it easier to set it up. So, if you're an e-commerce, you want to check that this will be a blog or a publisher site. So, we're going to check that. Save and continue. Now, we need to connect Monster Insights and it'll go out and authenticate. It'll also connect us with Google Analytics. From here, just choose the account that your Google Analytics is connected to. And now you want to pick your site from the dropdown. If you don't have a dropown, if there's only one, then that'll be the one that you'll pick. Complete the process. So it'll finalize the authentication. So now they'll give you some recommended settings. We'll keep all of the default settings here. And then let's go ahead and save and continue. These are a few more add-ons. So this is perfect if you're doing anything like multiple authors or if you want to do more page insights or Facebook instant articles. If you're connecting with Facebook, then there's a few more add-ons that you can choose. We're going to save and continue. And you notice that it's saying okay, everything is connected. Just know that if this is a brand new website that you've just set up, Google Analytics, it could take as long as 24 hours to start start seeing the data. So, we're going to say finish and exit the wizard. And now, because I've already been connected to it, I can go to reports and I can show you what this looks like. So right out of the box you can see a lot of data of sessions. That's how many people have come to your site. Page views is how many pages each person has clicked on throughout their sessions. And you have the average session duration. So how long have they been on your site? You all can see the you can also see the bounce rate. This means how quickly did somebody bounce that they just they looked at one page and then they left versus clicking through to others. And then you can also see like the device breakdown. So, you know, with this one, we have the majority of the people on desktop. So, I want to make sure that I'm creating my theme for desktop use, but most people have mobile is pretty large. And so, you'd want to focus on mobile theme for them. Also, returning visitors, countries, top referers, so are people talking about your website and they're sending traffic to you. You can also see your most popular pages and most popular posts. So, that's really helpful, handy information of do you need to write more content about that? And then if you upgrade to their paid version, you see other things like their top landing page improvements and so much more. But knowing what your site is doing, how your site is doing is really key for growing it once the time comes. So now that we have that set up, we can move on. Now, as we're going through this process and setting up our website, we kind of want to start to gain some attention. We want to share it with people because we've just set this up, but it's not quite ready. So, the best way to handle that is by installing something like a coming soon page. And we're going to use a plugin called Crod. Crod isn't just about coming soon, but it is perfect to get started. They also do amazing things like a sales page or a login page. You can also do other things like a thank you page. If you're doing a webinars, it is the perfect way to do that. But we're going to quickly set up a coming soon page. You can use the free version of CPR. Just go to plugins, add new, and search for seedro like we've been doing. I'm going to use the paid version to show you all the features that you can do with CRO. And if it's something that you're interested in, you can go to seedprod.com and you can use promo code WPB VIP and you'll get the best discount on Cedro. So once you create an account, you can go to download and we're going to download the landing page pro. While we're here, I also want to copy my license key. And then let's head back over and instead of searching, I'm going to upload the plugin. And you can either choose file to find it. If you have it down here, then you can also leftclick, drag it up. And now let's install it. And we'll activate the plugin as well. I'm going to paste in my license key that I just copied. And we can verify it. And we see we have a valid license key. Now we can create our first page. So, we can head back over to pages, but we're going to quickly set up a coming soon page. And now, I want to filter on coming soon pages. These are all the pages, all of the templates that you can choose from. You can also save them and favorite your templates so you can come back to them. And scrolling down, I want to use this one. You can either preview it or I'm just going to go ahead and pick it. So, I'll click on the check mark. And then this is the editor where we can go in and make absolutely any changes we want here. For instance, we can change this to our logo. So, I'm going to change this out. We need to put our logo in here and do our white one. Perfect. We need to say get ready. Anything that you want to do here, you can just come over and make any adjustments. And you can have a quick button. Let's actually remove that because we actually want to add a certain block. So, scrolling down, you have an opt-in form. So maybe we want to start collecting email addresses. So I'm going to put that optin form here. And then we can make adjustments. I want to put the name above the email. And no, let's just say we don't even want to see the name. We just want to see the email. Submit. Under the submit button, we want to change the submit button. And what's cool is you can make this smaller or bigger here. And then that's cool. And then you can also change the color of the button if you want. Yellow seems to stand out. If you wanted to, you can even if you know the hex colors that you want to use, you can choose that here. If you want to just use what they have, just click clear and then it will take on the ones that they already show. You could also come up here under templates and it will give you different styles for the field. So you can do that as well. So we've added an optin. You can also scroll down. We can add a countdown timer. So get get ready. Click on this and we can say basically when will it come out. So we're saying it's going to come soon. When you click on that it gives you how many days and how what the countdown will be. So that's a nice and simple layout that we can set up for right now. You see down here if you make any mistakes you can either undo or redo. You also have the mobile preview. So you can see what this looks like on a mobile phone. So maybe this is a little bit too big. We can actually come down here and say let's do it smaller. So that looks better on mobile. Going with the little icon here, you also have some fonts that you can choose from here and the color scheme that you want to do. You also can change the color palette. And from here, you can under global settings, you can also change the background if you want or just remove it all together. And then again, if you don't like it, just undo here. So this is just a great coming soon page that you can set up while you're setting everything else up for your site. So once we're done with everything, we can click save and we can come under here and say publish. We can close this out and we can exit this out and it's published. But you also need to make sure you come back to the coming soon mode and toggle this to active. Once that goes active, then you see a banner up here. It says coming soon is active. And what that means is anybody who tries to come to your web address who's not logged in will see that coming soon page. a perfect way to get everything ready while you're making all the changes to the back end. The next thing we want to look at is the logo. This is the logo that they've created for us, but maybe you can create your own. So, let's do that. Next, we can come up here and click customize. And usually they'll tell you the suggested dimensions of your logo. So, when I click on that and I click on the little pencil icon and I click on the outdoor adventure, you notice it says suggested image dimensions 180x60 pixels. So, we're going to create that. One of the best ways to create a new logo. One of the easiest is to use something like Canva. Simply go to canva.com and we want to create a design. We want to do a custom size. So, we're going to click custom. And the dimensions were suggested for this theme. Yours will be different, but we want to do 180x 60. And let's create new design. Right now, this is the area that we can work with. Over on the left are elements, and these are all the different elements that we can choose from. So, say I want to do a mountain. These are all the ones I can choose from. Some of them might be pros. So, you might want to make sure that when you hover over it, it says free. You can also come up here and just say give me just the free ones. Apply the filter. And you can pick the one. I want a really simple one. Something like this. And the previous logo had the name across it. I want this to be simpler. And I'm just going to put the mountains. So I want to make this as big as I can across this space. So I'm just going to left click drag it to make it as large as possible. You can center it. And when it's centered, you see the crosshairs like that. And that looks pretty good. But the current logo is white. So, I want to click on this and come up here to the color area and change the color. So, now you can't see it, but you know it's there. So, now we can download this. Make sure we do transparent background so that the white border and the white background won't show. And now we can download it. Save it to your desktop. And now we can go back to our website. Go to customize appearance customize. And then we want to click on the little pencil. And now let's change image. And then we can go to file upload to find it. Give it an alt text. Choose the image. And now that looks pretty good. So simplified it. I like that. That's how I want it. We also want to make sure that we click publish to make that go live on our site. One of the final things I want to show you is where to add your blog posts. So if you go back to your dashboard and go to posts, all posts, this is where your blog posts are created. This is the default one that is installed when you install WordPress. You can come up here and click add new and then you can go in and create your content. Now you are using a lot of these blocks. This is called the Gutenberg block editor. If you want to learn a little bit more about that, then make sure you watch this video next where I'll walk you through step by step on how to use the Gutenberg lock editor to really speed up your content writing process. And thanks for watching.
Original Description
Want to learn how to make a WordPress website?
Get Web Hosting + FREE Domain https://wpbeginner.com/refer/bluehost
https://www.youtube.com/watch?v=JjfrzGeB5_g
In this WordPress tutorial, you'll learn how to make a website in this step-by-step WordPress Tutorial! Then you can create your blog, business website, ecommerce store, or non profit website.
Starting a site can appear very daunting especially when you're new or not comfortable with technology. We've helped many different beginners get their own sites up and running. In this video, we'll show you how to create a website using WordPress.
=================================
https://www.seedprod.com/
=================================
For our discount use the code: WPBVIP
Use Promo Code WPBVIP
โบBest WordPress Contact Form Plugin https://wpforms.com/wpbeginner
โบBest WordPress Analytics Plugin https://www.monsterinsights.com/
โบBest Lead Generation Plugin https://optinmonster.com/
โบBest WordPress SEO Plugin https://aioseo.com/
โบBest Landing Page Builder for WordPress https://www.seedprod.com/
โบBest WordPress Giveaway Plugin https://rafflepress.com/
--Related Videos--
โบWordPress Gutenberg Tutorial: How to Easily Work With the Block Editor https://www.youtube.com/watch?v=JjfrzGeB5_g
โบWhat is SEO and How Does it Work? https://www.youtube.com/watch?v=JjfrzGeB5_g
โบHow to Install a WordPress Theme https://www.youtube.com/watch?v=ZIPQRQLAz90
For this tutorial, we will be using Bluehost and you can use our affiliate/referral link for a discount below:
https://www.wpbeginner.com/refer/bluehost/
The video will go through the different steps in purchasing and getting BlueHost set up. The only addon that you may want to consider would be the privacy addon, otherwise, we do not recommend the other addons as they can be replaced with WordPress plugins.
Once your purchase is complete, BlueHost should install WordPress for you or walk you through the installation process for the settings that you would like to have on c
Watch on YouTube โ
(saves to browser)
Sign in to unlock AI tutor explanation ยท โก30
Playlist
Uploads from WPBeginner - WordPress Tutorials ยท WPBeginner - WordPress Tutorials ยท 0 of 60
โ Previous
Next โ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
How to Add Google Search in a WordPress Site
WPBeginner - WordPress Tutorials
How to Display Simple Notices in WordPress
WPBeginner - WordPress Tutorials
How to Bulk Move Posts to Categories and Tags in WordPress
WPBeginner - WordPress Tutorials
How to Create A Question and Answers Site in WordPress
WPBeginner - WordPress Tutorials
How to Add a Subtitle to Posts and Pages in WordPress
WPBeginner - WordPress Tutorials
How to Add a Caption to Images in WordPress
WPBeginner - WordPress Tutorials
How to Show Latest Videos From a YouTube Channel in WordPress
WPBeginner - WordPress Tutorials
How to Check Grammar and Spelling Mistakes in WordPress
WPBeginner - WordPress Tutorials
How to Send A Custom Welcome Email to New Users in WordPress
WPBeginner - WordPress Tutorials
How to Add a Custom Comment Form Title in WordPress
WPBeginner - WordPress Tutorials
How to Add a News Ticker in WordPress
WPBeginner - WordPress Tutorials
How to Add a Full Screen Background Image in WordPress
WPBeginner - WordPress Tutorials
How to Fix Image Upload Issue in WordPress
WPBeginner - WordPress Tutorials
How to Show and Hide Text in WordPress Posts with the Toggle Effect
WPBeginner - WordPress Tutorials
How to Show Page Templates in WordPress Dashboard
WPBeginner - WordPress Tutorials
How to Restrict WordPress Site Access by IP or Logged In Users
WPBeginner - WordPress Tutorials
How to Add Google Translate in WordPress
WPBeginner - WordPress Tutorials
How to Add Custom Buttons with Post Editor Buttons in WordPress
WPBeginner - WordPress Tutorials
How to Fix Featured Images Appearing Twice in WordPress Posts
WPBeginner - WordPress Tutorials
How to Add Tables in WordPress Posts and Pages No HTML Required
WPBeginner - WordPress Tutorials
How to Change the WordPress Database Prefix to Improve Security
WPBeginner - WordPress Tutorials
How to Turn Off Related YouTube Videos in WordPress
WPBeginner - WordPress Tutorials
How to Receive WordPress Emails from Localhost
WPBeginner - WordPress Tutorials
How to Split WordPress Posts into Multiple Pages
WPBeginner - WordPress Tutorials
How to Update URLs When Moving Your WordPress Site
WPBeginner - WordPress Tutorials
How to Crop, Rotate, Scale, and Flip Images in WordPress
WPBeginner - WordPress Tutorials
Image Alt Text vs Image Title in WordPress
WPBeginner - WordPress Tutorials
How to Add Staff Member Profiles in WordPress with Staffer
WPBeginner - WordPress Tutorials
How to Add Custom Fields to Comments Form in WordPress
WPBeginner - WordPress Tutorials
How to Add New Users and Authors to Your WordPress Blog
WPBeginner - WordPress Tutorials
How to Fix WordPress Website Not Updating Right Away
WPBeginner - WordPress Tutorials
How to Show Live Preview of Links in WordPress
WPBeginner - WordPress Tutorials
How to Add Image Icons With Navigation Menus in WordPress
WPBeginner - WordPress Tutorials
How to Use Multiple Themes for Pages in WordPress
WPBeginner - WordPress Tutorials
How to Fix Missing Admin Bar Issue in WordPress
WPBeginner - WordPress Tutorials
How to Add Tabbed Content in WordPress Posts and Pages
WPBeginner - WordPress Tutorials
How to Create Custom Taxonomies in WordPress
WPBeginner - WordPress Tutorials
How to Display a List of Child Pages For a Parent Page in WordPress
WPBeginner - WordPress Tutorials
How to Fix Error Too Many Redirects Issue in WordPress
WPBeginner - WordPress Tutorials
What is the Difference Between Posts vs Pages in WordPress
WPBeginner - WordPress Tutorials
How to Allow User Log In with Email in WordPress
WPBeginner - WordPress Tutorials
How to Display WordPress Widgets in Columns
WPBeginner - WordPress Tutorials
How to Easily Replace Image and Media Files in WordPress
WPBeginner - WordPress Tutorials
How to Add Featured Video Thumbnails in WordPress
WPBeginner - WordPress Tutorials
How to Create a Photo Gallery with Albums in WordPress
WPBeginner - WordPress Tutorials
How to Easily Add Lazy Loading for Videos in WordPress
WPBeginner - WordPress Tutorials
How to Add an Audio Music Player Widget in WordPress
WPBeginner - WordPress Tutorials
How to Create a Wiki Knowledge Base Using WordPress
WPBeginner - WordPress Tutorials
Adding a Post Rating System in WordPress with WP PostRatings
WPBeginner - WordPress Tutorials
How to Clean Up Your WordPress Database for Improved Performance
WPBeginner - WordPress Tutorials
How to Add Character Limit to Post Titles in WordPress
WPBeginner - WordPress Tutorials
How to Add a Private Messaging System in WordPress
WPBeginner - WordPress Tutorials
WWW vs non WWW and Which is Better For WordPress SEO
WPBeginner - WordPress Tutorials
How to Add Voice Search Capability to your WordPress
WPBeginner - WordPress Tutorials
How to Show Real Time Online Users in WordPress
WPBeginner - WordPress Tutorials
How to Create a Duplicate Menu in WordPress with One Click
WPBeginner - WordPress Tutorials
How to Hide a Post From Home Page in WordPress
WPBeginner - WordPress Tutorials
How to Add A Restaurant Reservation System in WordPress
WPBeginner - WordPress Tutorials
How to Add a Border Around an Image in WordPress
WPBeginner - WordPress Tutorials
Beginnerโs Guide How to Back Date Your WordPress Posts
WPBeginner - WordPress Tutorials
More on: Prompting Basics
View skill โRelated Reads
๐ฐ
๐ฐ
๐ฐ
๐ฐ
Digital Twins for Water Infrastructure: Transforming Water Management with Real-Time Intelligence
Dev.to AI
How Intelligent Process Automation (IPA) Is Transforming KSA Enterprises
Dev.to AI
Stop Advertising Every Dental Service: The Faster Way to Fill Chairs With Better Patients
Medium ยท SEO
Youโve Got a Final Round This Week and You Keep Losing at the Behavioral and Communication Part.
Medium ยท Data Science
๐
Tutor Explanation
DeepCamp AI