Getting Started With Wordpress - A Beginners Guide | Jerad Hill | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Getting Started With Wordpress - A Beginners Guide

teacher avatar Jerad Hill

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

28 Lessons (3h 24m)
    • 1. Welcome

      2:27
    • 2. WordPress Options

      5:50
    • 3. Self Vs Managed Hosting

      6:21
    • 4. Getting Started

      2:54
    • 5. The Dashboard

      4:25
    • 6. Creating Posts

      7:12
    • 7. Post Categories and Tags

      7:45
    • 8. Creating Pages

      7:03
    • 9. Media Manager

      7:35
    • 10. WordPress Themes

      8:30
    • 11. Themes Customizer

      10:09
    • 12. Menu Manager

      6:52
    • 13. Widgets

      5:19
    • 14. Plugins

      8:28
    • 15. Settings

      11:19
    • 16. Creating a Post

      14:45
    • 17. Creating a Page

      11:46
    • 18. Setting Up a Blog

      7:52
    • 19. Creating a Contact Page

      8:50
    • 20. Backing up and restoring your website

      6:08
    • 21. Migrating to WordPress

      6:27
    • 22. Managing Users

      5:18
    • 23. Using a Page Builder - Elementor Tutorial

      9:30
    • 24. Recommended Plugins

      12:49
    • 25. WordPress SEO Tips

      14:12
    • 26. Additional Courses

      1:29
    • 27. WordPress tips and tutorials on YouTube

      0:48
    • 28. Thanks

      1:44
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

30

Students

--

Projects

About This Class

WordPress is a website platform often used for blogs but now powers websites for companies and organizations. WordPress is a simple platform and is easy to use but knowing what options to use when can often lead to confusion.

I am a website designer with over 18 years of experience. I have been designing websites with WordPress for over 10 years. I have deployed hundreds of customized WordPress websites for Small Businesses and Organizations in my area. With each deployment, came the training. I provided recorded tutorials for each of my clients so they could have something to reference. That is where this course comes into play.

I want you to completely understand how to use your WordPress Website so you can get the most out of it. You either spent a lot of time setting up your website or paid somebody else to do it, so it needs to provide you value. In this course, I will walk through WordPress section by section describing how and when to use each feature.

By the end of this course, you will know everything that WordPress is capable of doing on its own. I want your website to be a successful website and that starts with understanding how to use it.

This course is free because I believe that having a good understanding of how to manage your website will result in a better internet experience for all of us.

This course is for anybody who has either just set up WordPress or was just handed login access to a website they had designed by a website designer. If you have had your WordPress Website for a while and never got the hang of using it, this course will refresh and renew your desire to create good content and share your story with the world.

Meet Your Teacher

Teacher Profile Image

Jerad Hill

Teacher

Hi all, I am a website designer and photographer who has been working for himself since graduating high school. I taught myself website design and development so I could start my own business. In 2005 I taught myself photography and started a photography business as a professional wedding photographer. Since then, I have helped hundreds of companies and organizations market their products and services online. As a photographer, I continue to capture photos and produce videos for weddings, events, conferences, and more.

I teach because I was taught by so many through blog posts, articles, and online videos. Teaching allows me to give back and teach others the way I would have liked to be taught. Many of my courses are free because I believe in giving back.

I am a husband an... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Welcome: Hey, it's Jared Hill. Welcome to my revised intro to WordPress course. This is going to be a course for those of you who are interested in learning a little bit about how WordPress works. Maybe you were handed a website and asked to manage it or get to know WordPress. Or you're thinking about building a website for yourself, your business, your organization. This course is going to be a great introductory to help you understand how to get around WordPress, how to utilize the different features of it. Maybe start creating a page, add some photos, make some links and all that good stuff. This will be a precursor to some additional courses that will help you kind of level up and your knowledge and understanding of WordPress to the point where you might even be able to consider yourself a web designer, having had enough experience and learned enough things about WordPress and also design so that you can build some webpages that you can be proud of, that you may even be able to charge other people 4. So wherever you are at along the journey, this course is going to be a good introductory. Feel free to jump around if there are some areas of the course that you feel you already understand. Maybe because you've been on the Internet for a while, you've used Facebook, you've used other, other tools out there before. There are some similarities and some things that you may already have figured out. So don't be afraid to jump around and even come back to this course and reference it. If you know of somebody else who needs to learn about WordPress for whatever reason, I would definitely appreciate you sharing the course as this is a course that I provide really just openly. I want to make sure that it's accessible to all. So wherever you're coming across this course, thank you for joining in. I'm glad that you're here. Know that you can ask questions, typically in the comment section with the course. But I also have a discord server as well that you can join. The link is in the description below so that you can chat with me at, with others who have taken the course as well. And we can all help each other out along the way as we're troubleshooting and trying to figure out new things and learn new things in WordPress. So we're going to talk in the next couple of videos a little bit about the different flavors of WordPress that are out there before we dive in. So this might help you better understand hosting and all that good stuff. So I suggest that you watch it before diving into the rest of WordPress. So let's get started. 2. WordPress Options: So there are several different versions of WordPress depending on what website you go to and how you decide to utilize WordPress. We're going to talk about the WordPress that's available at WordPress.org. First, this is the open source version of WordPress, the one that's been around the longest. This is the version that allows you to install it on your own hosting account and configure it as you see fit. There is also wordpress.com, which is a hosted version from WordPress that has a lot of features and stuff built-in already. It's not quite as flexible as WordPress.org, but definitely can get you by. And this is a free option, but you do need to pay in order to have some of the options that you could get. Traditionally with WordPress.org or the self-hosted version. There's also other self-hosted options such as Bluehost, which has WordPress hosting, WordPress hosting with glucose, just really good. They've got inexpensive plans to kinda fit all of your budgets it depending on what you're looking for, whether it's one single website with a small amount of storage or a lot of websites. And then they also have a managed WordPress option which grows as you do. And so as your site, it gets more traffic and you need more performance for your site. It gets a little bit more expensive over time, but it is a better option for a website where you know, you're going to need to scale that up. So in deciding which one to go with, it really comes down to your level of knowledge and your level of comfort with utilizing WordPress. What is nice about WordPress is that you can start on one and then if you start running into some limitations or you want some more flexibility, you can always migrate your website from one to another. At the end of this course, I'm going to walk you through how to migrate a site because that's something that you might end up needing to do. Moving the website from one host account to another host account. Stuff like that can be pretty tricky. So don't be afraid to start out with say WordPress.com. With a free site, you're not going to be able to utilize your own website address like yourname.com or whatever. But you can pay for a plan where you'd get those options. And you can see the different pricing options that they have here. Starting at $4, going up to 45 if you want e-commerce type of website. But there are lots of options and I wanted to go over those with Bluehost and their WordPress hosting. You're getting basically the open source WordPress.org version. But on Bluehost, bluehost is a hosting company that hosts not only WordPress sites, but pretty much any other type of website platform. We'll, we'll work on here as well. So it really comes down to pricing and features and what you feel most comfortable with downloading WordPress from wordpress.org means that you do need to manually install it on a hosting account, which these days isn't as necessary as it used to be. When I was utilizing WordPress for probably the first, I don't know, 15 years that I've been using WordPress, I would download a version from WordPress.org and then I would go and upload it to whatever hosting account I was setting up for a new website. These days, you can go to wordpress.com and just choose a plan or you can go to Bluehost and I've got links to all this stuff down below this video. So make sure to check out those links. They'll take you straight to these sites that I'm referencing. Bluehost of course, has different plans as we looked at as well. And all of these are scalable. If you start out on a basic plan for $4 a month, you can move up to another plan. I also have utilized Name Cheap in the past. That's another option. Name chief has WordPress hosting. And so if you use the link below to go to Name cheap, you can see the pricing and options that are available there as well. They're all in and around the same price point. So it really comes down to just choosing a hosting company that you can trust, being that WordPress has their own WordPress.com. There's an option there. You can see the pricing is pretty close to the same. And then if you move over to Bluehost pretty close, and then even with name cheap, The pricing is all about the same. Personally, I would want more flexibility out of my WordPress installation. So i've I've never utilized for any of my sites, WordPress.com. I always would either utilize Bluehost or name cheap, depending on who I felt like going with at the time because they're all pretty close to the same and they all have just about the same performance. So it really comes down to which one you feel more comfortable with the name cheap, with the word cheap, and they're in their business name used to kinda rubbed me the wrong way. But they are a very reputable company and I've been utilizing name cheap for several years now for purchasing my domain names and stuff like that. So the links are down in the description below. You can click on them, you can give them a try. Some of them even have trial plans and all that good stuff so that you can click around and just see how it feels. But these are the best options in my opinion, based on the price and the performance and the customer support that you're gonna get. 3. Self Vs Managed Hosting: So before we dive into WordPress, Let's briefly talk about the difference between a traditional hosting and a managed hosting option. Most of the hosting companies out there have a managed hosting and a traditional hosting option. And it can be a little confusing as to what would be better when you look at the pricing, the traditional hosting options seems to be cheaper usually. And the managed option is a little bit more expensive. So what really is the difference? Well, it really comes down to the options that you have to manage yourself on the back end. If you look at this managed option from Bluehost, it's 1499 a month for one website up to 50000 visitors and you get 20 gigabytes of web storage versus their other option that was closer to $4. I think it was $4 a month. It comes with one website and I think a little bit less Web storage. But nonetheless, those specs kinda look the same. Well these days you need a website to be secure, so it needs to run an HTTPS. And you need that little padlock that shows up, um, as opposed to a website that is not secure. And so when you are self-hosting and utilizing a traditional hosting option, you will need to provide that security. And so you have to purchase that separately and that has a cost. Usually those can range anywhere from $40 a year on up to a couple of $100 a year depending on the level of security that you want to apply. Now there are other ways around this by utilizing a service like Cloudflare and running your domain name through that before it gets to your hosting. But that starts to add in a lot of complexity that we definitely don't want to have to deal with when you're just learning about WordPress at the beginning. So in my opinion, I think a managed option is definitely better because it comes with those things that you're typically going to need to add on any ways. Because you want your website to perform good. You want it to load fast when people come to it so they don't get frustrated and leave. You want it to be as secure. You want a secure connection. Because otherwise the browsers are going to tell people that the connection to that website is not secure. And all the browsers do that these days, which is kind of, I guess it's good because a secure connection is good. But if there's nothing on your website that requires any need for security, it also is kind of annoying. So nonetheless, I think that the managed version is a better option, and I usually recommend that to a lot of my clients unless there's a reason for you to go with the more traditional option. Of course it is more expensive. So factor that and if it's the difference between you getting a website up, not this price difference than I would recommend just going with the traditional option. The standard hosting, which would just be the regular WordPress hosting. And then you can figure out a way to get it to run secure, maybe utilize a plug-in or something for that. There are definitely ways around it that kind of work sometimes caused them some issues. So it really depends and we'll talk more about that in a more advanced course on securing your website. But with that said, I wanted to kinda give you a little bit of a breakdown of the difference, just to show you my back-end on a website that we're going to be looking at here, this is a managed backend, which does not give me a whole lot of hosting tools that I typically would have. This is a more managed platform, which means the software updates for my website, for the most part are going to be ran for me, which is good because then your website isn't going out date and being susceptible to being hacked. Those are things that you have to worry about with a website. And so having a managed option definitely helps with that. It helps with running updates to things like PHP. That can be tricky if you have a standard hosting option. Whereas on a managed option, you get the ability to just kind of one-click run these updates and then also things like caching that can sometimes cause issues when you're making changes to a website and things not appearing, making it really easy to purge that and reset it. Managed options have easier tools, which is why it's a little bit more expensive. But you definitely get some tools that are going to help you out. As you can see here, I can turn on and off whether I want core updates and whether I want plugin updates and all those things can run automatically for me and I don't have to really worry about it. I also get website backups, which I think is huge. If you make some changes to your website and it crashes the website or something breaks and you just can't figure out how to get it back. Being able to roll back to back up that was previously made, I think is huge. There are manual ways of doing this using plugins, but sometimes just having it managed at the hosting level is very beneficial and it keeps me from worrying about whether or not a backup was ran. If I know it's being managed by the hosting company for me. So these are the types of things that she'll get any managed environment. And so I do recommend rather going with a standard hosting, going with the managed option is definitely going to give you a little bit more peace of mind and keep you from worrying about some of those things. Like whether or not your website is running securely, whether or not your website is backed up. And then also making sure that any malware or anything that might still accidentally somehow get onto your website gets removed. And a lot of these managed options also come with a domain name. So if you haven't purchased a domain name yet, I.com dot net.org, whatever it's going to be, you purchase that at the time that you purchase this package. So I just wanted to go through those because there is a difference and I think it's important to understand them. 4. Getting Started: So there's a couple of things that you're going to need to get started and go through this process with me. You're going to need access to your website, of course, and you're going to need your username and password. Now, a username and password doesn't necessarily give you access to everything. There are different permissions levels that you can have with WordPress and we want to make sure that you have administrative access. So whoever gave you access to this website, if it's been handed to you, you want to make sure to ask for administrator level access to the site. If it's a website that you're setting up through one of the processes we talked about in the last videos, you likely got a Admit admin level access from the get-go when you set up the first username that you're going to get when an account is created in WordPress is an admin level. So we're going to go ahead and log in like we are an admin. And if you don't see what I see, then you don't typically have an admin level and you'll want to make sure that you get admin access by either talking to the person who gave you access to the website or contacting the hosting company and asking them if they can help you get your access level adjusted. So what I'm going to need to do is go to the backend of the website, which essentially is your website address, backslash WP admin. And so if I type in WPA slab, so slash WP dash admin to the backend of that URL. It's going to give us our WordPress login, which I already have another tab opened up with it right here. Now, your username is going to be whatever username you created when things were set up or a username that was created for you. So I'm going to type in my username and then I'm gonna get my password out of my e-mail and paste it in and hit Login. Now, depending on the website service that hosting that you used, I'm able to set up two-factor authentication here because of a plug-in that's already running on my Managed WordPress option and that manage WordPress hosting option. This is a feature of it and I do recommend using something like a two-factor login. I like to use the one that sends you a code to your email. So that way regardless of what device I have, I know I can check my e-mail from my phone and get that code. I'm gonna go ahead and skip it for right now. But I do recommend that you set something like that up in the future. And towards the end of this course, I'll be talking about security plugins. Add in this type of functionality so that you can better secure your website if the hosting option that you're utilizing doesn't have this available. So now we're looking at the WordPress dashboard, we're logged in. You can see all the items over on the left-hand side. So now that we're logged in and we're gonna go ahead and look at what the dashboard does and what it is for us when we're in the backend of WordPress. 5. The Dashboard: So the WordPress dashboard is a place that's supposed to kinda give us news and information and what's going on with WordPress. I don't spend a whole lot of time here. These Dashboard Widgets give you information, such as how many posts, comments, and pages you have, what theme you're running on your website. Different dashboard options are gonna show up based on plugins that are installed and also can look different depending on the managed hosting option that you're utilizing. So for example, because mine has this security plug-in already running on it, I'm getting this site health status widget that shows up here. Activity is another one that you'll see WordPress events and news, a quick draft. And then also this welcome big box up here that gives you kinda some next steps and more actions that you can take on your website. I'm going to go ahead and click on dismiss here. And I'm also going to minimize this other WP merge plugin that came installed as well. Since this is a brand new installation of WordPress, we can see from the front end here that this is just a empty WordPress utilizing the 2021 theme that comes with WordPress. Now, every year Wordpress makes a big update and they also update with a new theme for the year. So we currently have the 2021 theme and we'll look at that when we get to the appearance section. So looking more around the dashboard, you can see that we have under dashboard home and updates, and then we have posts, media pages, comments, and some other options down below. Through this course, we're going to look at all of these and I'll help you understand what each of those options do and how to make changes within them? From the dashboard, typically, I would end up going to updates and running any software updates that I might have manually. Sometimes even if you have a managed WordPress hosting, there will be some plugins that you'll need to run manually. The Managed WordPress hosting options usually will run software updates on most plugins. But if it cannot verify that that plugin is valid to update with whatever version of WordPress you're running. Sometimes it will hold back and not run that software update because it doesn't want to break your website. You can run software updates that end up breaking your website because maybe the plug-in version is not compatible with the version of WordPress that you're running. And WordPress does its best to tell you whether or not that plugin is verified as being compatible with the latest version of WordPress. But sometimes the only way to know for sure is to do your homework to actually go to that developer's website and find out whether or not that plugin is up to date or is valid with running the latest version of WordPress, you could also just run the update and see if it breaks anything. But you definitely want to make sure that you have a backup ready to go just in case Something does break. And on simpler websites, this is much easier to manage than a website that has a lot more going on, such as an e-commerce website or a website with membership plugins or things like that that add a lot of complexity to your website. So just know that you can usually can run most of your software updates without any problem. Most of the software developers out there that are producing plugins do a great job at keeping them updated. And so you usually are not going to run into any problems there, but you do want to consider the fact that they're always can be problems and situations that arise. So always make sure that your backups are running and that you have a backup ready to go just in case. And the backups and how you access those are going to vary depending on the hosting service that you're using. I know for me if I want to check and see if there are any backups, I can go over to the backups tab and see if there's a recent backup. And since this is a brand new site, there are not any backups. And so I might just want to create a new backup. Usually a backup will run once or twice a day. And so if I'm gonna make a big change, I'll run a backup just to make sure that I have a backup that's ready to go. 6. Creating Posts: Let's take a look at posts and then we're going to look at pages and the media manager. And even though they're in a different order right here, I'm going to go in that order because you spend most of your time creating posts and pages. Now let's go into posts. We're going to see that we have a hello world post there, which is this hello world post that comes with WordPress. Just a post so that you have something to look at when you go there and you can click on it and it is opposed and it has a fake comment in there just to kinda get you started. And so the first thing that I typically do is just trash that and get rid of it. Because I don't want the hello world post there. And I'll create my own. So now with nothing there, I can create a new post by clicking Add New. And you'll notice that up here and the bar or the admin bar, you can also add a new post from there as well. You can also add media, a new page, and even add new users to your site, all from this quick menu. So I'm going to click Add New and we're going to get an empty post that. And it gives us a little welcome message to the new block editor. And this section has changed a lot in the last several versions of WordPress. Wordpress has moved to having their own kind of drag and drop Page Builder, which has made it much easier to create more dynamic looking pages and posts within WordPress without using heavy page builder add-ons and plug-ins that provide a lot of really neat functionality. But if you don't need that functionality, it's really just a lot to add to your website to do simple things. So depending on the theme that you're using also, this can look different. We have a title that is very big and we have this greenish background and a kind of skinny or section in the middle for our body of our page. And it looks this way because of the theme that we're using. Since we're using the 2021 theme. This adheres to the look and the feel of the 2021 theme. And so that is why we have this kind of look and feel. And if you change to your theme, to another theme, it would change the look and feel of the posts in the page section where you create your content. So I'm just gonna go ahead and create a sample post. So we'll just type sample post. And then down here we can just start typing. But you'll notice there's a plus box here too for the blocks. And if I click on that, you can see that I have different types of blocks. And I can also click Browse all, and it brings it up over here and a left-hand column where I can add all sorts of different blocks to my page. This is cool because it lets us build and section out a page that's going to look really nice. And I keep saying page, but we're in the post section and there is a page section. Here's how I differentiate the two. A post is something that has a date and it ages such as a blog post or an article, something that you might read the newspaper, I would consider a post. But a page is something that is more evergreen. It is not something that ages. It might be your About page or your contact page or a list of your services or something like that. That is pretty much going to be static for a long period of time. You can always go and make changes to it, but you don't want it to get pushed down on the list as you add more content. These are pages that are going to have the same name and pretty much going to stay in the same realm of your website. Whereas a post, like what we're looking at now is something that will age. I might write sample post one and then later on come back and write Part 2. And Part 2 is going to be up higher on the website than Part 1. And then later on when I move on to a whole new topic, these posts are going to move down on the list. And so that is what this section is four and pages as more for static content that is more evergreen, that doesn't change based on its age so much. So we'll talk a little bit more about that when we get to the Pages section as well. So I'm gonna go ahead and just type in a little bit of text, sample text, and then hit Enter. And this actually is creating a separate block. So now I'm here with this paragraph block, and down here I have another block. So if I select this text and even I don't even have to select it actually, I can change the whole block and change it to a heading. And notice that it's giving me a nice little preview over to the right of what would happen if I selected one of those options, I'll hit this heading. And I can change the heading size from one to six. And you'll notice that as I click through these changes the size of the heading. So the difference between headings and paragraphs is that a heading is a more emphasized text. It is large, it is bold, and it also signals the search engine that this is an interesting topic because they decided to make it a heading and it also acts as a separator for different sections of your content. Some people might just use bold for that, making something bold, I tend to use headings because it's a nice way of separating my content. So with something like this, I might go with a heading 2 and then I might add my sample text body down there as well. I can also select this text and make it a link by clicking on the chain link and typing in a website address, I can choose whether I want that to open up in a new tab or if I wanted to open up in the same tab. And best practices, if you are linking out to an outside website, you want to use open in a new tab. Because if you don't, it's going to open it in the same tab and then they won't be on your website anymore. They won't have access to your website unless they hit the back button. And so it's good practice to have a website open up in a new tab if it's navigating them to a whole new website. And then I'll just go ahead and hit the Return key and we applied that. And now that is a text link, as you can see. I can also select my text and do things like bold or italicize and stuff like that just to make the text appear differently. And you can see there are other options under the little drop-down here, such as putting a strikethrough and stuff like that, adding subtext to it. There are a lot of ways to kind of manage your text and make changes to it in a similar way you would in a Word document or something like that. So now that we have some text added to our page, if we were ready to publish this, we could go over here and just click the Publish button. But pages and posts have another differentiator and that is the way that you organize them. If you look here under the posts tab, you can see that there are categories and tags. In the next video we're going to talk about categories and tags and how to organize your posts through categories and then also how tags fit into that. So let's jump into that video. 7. Post Categories and Tags: So posts can be organized and categories, and then you can also utilize tags to organize them as well. I like to use categories for much more generalized terms. For example, if I had a grocery store blog or something like that, I would use categories in the same way that a grocery store would use aisle markers to separate the different areas of the store. I would have like a produce category and a breakfasts category and a Meets category and a drinks category. But I wouldn't add categories for every specific type of drink necessarily. I wouldn't go down so deep and have so many categories that I might only end up having one or two items in that category. Sometimes when we're writing a post or we're putting a post, we think, okay, I want to put this in a category and then we end up having a ton of different categories and only one item maybe in some of those categories, and maybe a few and another category. And then maybe one of the categories ends up having most of the things. And so deciding how to set up categories and what should be in a category versus what shouldn't be, can be kind of a challenge. I find that it's much easier to add categories later than it is to start out with a whole bunch of categories and have a lot of empty categories. Now, tags can be utilized to categorize things that might even live in different, in different categories. So tags can span across any category. It doesn't have to live within a category. So think of it this way. If you were in a grocery store and you were looking for a specific item that could fit in one area of the store, but also could fit in another area that store. Some stores might put it in both places. And so would it would live in two different categories or would it get two different tags? What would be the way of organizing that? The way that I look at it is if it is something that could live and multiple categories, I tend to give it a tag. Instead of adding it to multiple categories, I put it in a category that best fits it, and then I utilize tags so that it could be linked in different categories. What's really cool is that categories and tags also have kind of a landing page where all of those items can be viewed. So for example, if we created a category here, which all websites on WordPress come with an uncategorized category. So we might want to add something a little bit more useful. They're like Sample category because we're just using that and we're going to use that. So Sample category as our category, and that is a primary category. We can also create categories underneath categories. So if Sample category was a top-level category, we can add one underneath that. You want to be careful with doing this because it can extend the URL of your post, making it really long before it actually gets to what the URL the page is actually about. And this is a little confusing, I understand that. But it's good to understand how to use these so that you don't end up creating kind of a mess for yourself. Because I've definitely done that in the past. Created categories and subcategories and subcategories underneath those. Created kind of a mess and it's hard to kind of get back to a clean place where everything is just organized. Nice. So I think it's important to think about these things. It's not that you have to set them up from the very beginning, but I think it's important to think about them. So if we created Sample category here underneath tags, we can also add tags. So tags would be different ways of describing an item that is in a category, but in the same way that you don't want to get too carried away with categories. You also don't wanna get too carried away with tags. If you don't think that you're going to end up creating a another item, this with a similar tag, then I wouldn't create the tag. A good way of looking at this is, let's change the title of our sample post to a phone, for example, like the iPhone. So if our post was about the iPhone, We could categorize as an iPhone. So we have a category for the iPhone because there's lots of things that can fall under that. Not only the iPhone itself, but accessories and different cases and things like that, There's also different versions, so iPhones. But if we were looking at tags, how would we decide to tag this? Well, if it's an iPhone, We could definitely put in the tag iPhone. And we could even put in a specific iPhone, for example, maybe this is the iPhone 12. And when you hit comma, you notice that it's automatically blocking those and making those into separate tags. Now if this post was about the iPhone 12, and we went ahead and saved it. So now we've got a post here on the iPhone 12 that is in a sample category and it has two tags. I can also go and create a another post, and we'll call this one iPhone cases. And we can also put this in the same category, but we also have some tags that we can use to link these together as well. So for example, maybe this post that I'm writing is about the iPhone 11. So iPhone 11 cases, we'll go ahead and call this, and I'll use the tag iPhone. But it wouldn't make sense to use the tag iPhone 12 because this article is not about the iPhone 12, It's about the iPhone 11. So I might create a, another tag that was about the iPhone 11 so that I can link these posts together. So how you utilize tags and categories in linking is a little bit more advanced. But know that search engines can also bring up your website based on the category, and also based on tags as well. So it's an interesting way to utilize these because if somebody goes to Google and they're doing a search for iPhone 12 accessories, and Google suggests your tag on your website for iPhone 12, they're gonna get a list of all of the articles that are on the iPhone 12. And it could span multiple categories as well. So in my opinion, that's a nice experience for the reader because they're interested in the iPhone 12 and they clicked on a link, that's iPhone 12. And it's showing them all of your posts, articles that you've written about the iPhone 12. I think that's a great experience. You could also do that in category as well. But if I wasn't going to have a lot of articles on the iPhone 12, I might just want to stick to having a standard iPhone category and utilize tags to differentiate between the different versions of the iPhone. So I hope this is making a little bit more sense as I explain it further. I definitely don't want you to overthink this and get bogged down on how you should utilize categories and tags. I just, I like you to have this information stored in your mind for later when you're thinking, should I create a new category or should I just add a couple of tags? You can refer back to this video and even re-watch this section and refresh your thoughts on how you should be organizing the content from categories and tags in your website. 8. Creating Pages: Now we're going to take a look at pages. The difference between pages and post I explained in an earlier video. But on a brand new WordPress website, you get a default privacy policy and a sample page. Now the privacy policy is something that WordPress added in, I think the last year or so, depending on when you're watching this video. So probably like 2000, 20, I think, is around the time they added this end. All websites need to have a privacy policy because these days they're depending on where you're out in the world and even depending on which state you're in in the United States, the way that people's information being managed on your website can vary. And you need to have a privacy policy explaining what information you're collecting or how you're utilizing the data that your website collects. A standard WordPress website that somebody visits that hasn't really been configured to do anything other than what we've done so far, is not really tracking any information based on that person's visit to the website you're hosting company could be tracking a little bit of information for website analytics, which tell you how long somebody has been on your website, how many times they visited, stuff like that. And so you may need to mention that in your privacy policy. If you add in things a more to your website that gives more functionality, you will need to mention that in the privacy policy as well. And we'll talk about that towards the end of this video. But it does come as a draft set as the privacy policy page. And you can go and edit the content that's on that page. We'll talk about that later on in this course. Otherwise, we have a sample page which just like our HelloWorld is a sample page and it's not that exciting. So I'm going to go ahead and trash it because we're going to start with a brand new page. So if we look at the front end of our website right now after we added those two posts, you can see that we have our two posts that we created. There aren't any pages that we can get to yet. And especially after we deleted that sample page, the home page on your website can be one of two things. It can be a designed out page that has information on it that you created, that is static. Or it can be more of a blog style format like it comes by default, which just lists the different articles are the different posts that you've written on your website. So since we wrote our iPhone 12 post first, it shows up at the bottom. And our iPhone 11 cases post shows up above that because we wrote that one most recently, and so it has a newer date and time, which means it's going to show up higher. And so by default, our posts are going to be displayed here. We'll talk about how to set a default homepage and in a future video here. So I don't wanna get too bogged down on that. I just wanted to explain why when we create this page, it's not going to be the first thing that people see when they come to the website. So we'll click on Add New. And we're going to see just about exactly what we saw in the earlier video where we talked about posts with the exception that there is no category and there's no tagging options over here on the side. So let's create a About page. And we'll just write, this is information about me and my website. And we'll click back on, click back on page. And you can see here that there are some options like permalink. And the permalink is the URL address for that page, which would be your domain name.com or.net dot org slash and then whatever comes after that. So you can see that we can customize that and actually make it different than the name. So if I did want the web address for this to be about page, but I wanted the title to be about page. I can come here and just update this and delete about or delete the page and just have about as the only part of that URL. You can see it gives me a preview right down here. Now the featured image is an image that will show up at the top of your page, depending on the theme that you're running. Not all themes show a featured image, but if we wanted to add a featured image, we can easily go and select one from our, from our computer here and add one to the header of the page. We're not gonna do that quite yet. And then of course I can go and add different features and elements to my page just by adding different blocks. Paragraph heading, adding images, adding image galleries, lists, all of these items that are here, including even adding a YouTube video. Very easy to kind of build out my about page. And we'll talk more about building out a page in a future video in this course. But those are the different sections. And as we move down, we've got discussion. Do you want people to be able to comment underneath this page and then Page Attributes. Is this a sub page of another page? Which is important because if we had an About page and it was just kind of a generalized About page. And then maybe our website has two different authors. Maybe it's me and my wife, and we're doing this website together. We might want there to be an about Jared page and about his wife page, and we would want those to be sub-pages or child pages of the about page. So right now nothing shows up in here because we don't have any sub-pages created. So I'm gonna go ahead and hit Publish. And we've created a page, very, very simple. If we go look at our website, nothing changes because we haven't linked to that page, to anything yet. Pages need to be linked in a menu. They are, they're not going to show up in the same order that your posts do. So since we don't have a menu assigned. And again, we'll talk about that later on in the course. But a menu would allow people to navigate those different pages that are on your, on your site. So that's why I'm not getting too far into building out a page or anything like that yet, because we need to understand how to link those up and how to build a menu and all that stuff before we get too carried away with our pages. So I can view that page now by clicking View page and you can see I've got our About page title. Here's the texts that we put in the body of the page. Because we're logged in to WordPress as an admin, we can click on the Edit button and go right back to editing that page very, very easily. So that's how you create a page and how you kind of set them up. There's definitely a lot more to building out a page which we'll talk about as we get further in this course. But now you understand the difference between posts and pages and how they work on your site. 9. Media Manager: Now we're going to look at the Media Manager. This is the area where you can manage all of the photo and video content if you're hosting your videos on your own website and not on something like YouTube. This is where you manage all of the media that's been uploaded to your website. I don't typically spend a lot of time here because I'm usually adding media while I'm building out a post or a page. But it is nice to be able to come in here and look and sort through all of the media that you have. Sometimes even go in and clean up stuff that maybe you, you uploaded in the past and add it to a page, but you no longer need anymore. And there are different options for doing that. So I don't have anything added here yet. I can very easily add new media by clicking Add New. And then I can either just drop a file right in here or I could select a file. So I have this little square image of myself. I'm going to go ahead and hit Open, and it's going to upload that to my website. And now it is in my website. It's not on my website, but it is in WordPress and ready for me to be used on any of the pages or posts that I build. If I click on this image, you can see here's the image. I can add alt text to that image. The alt-text is important because if you've ever been on a website and moused over an image in the little the little tooltip box pops up and it shows what that image is about. Now it's important to have there because people who are hard of seeing use things like screen readers. And the screen reader does a read that alt text so that way the person knows that there's an image there. The screen reader will actually say something like image and then it will give the description of that image so somebody could understand. So for an alt text for something like a portrait of me, I would just put like Jared Hill portrait. And then I can also make the title the same. Usually that's what I do. By default. It's going to pull in your file name, which is not that great of a title. So I would just put that in. You would only want to put in a caption if when that image is embedded in a page, you want a caption underneath it. Sometimes that's good. If you want to have a low caption like this is it would say like, you know, self portrait Jared hill or something like that underneath your image. But sometimes you just want an image and you don't want to caption at all. So just know that if you add a caption here, it's going to show up all the time. I usually don't unless I need it for a specific purpose. Same goes for the description. Now it's also going to give you a file URL to that image as well, which might be useful for other purposes, but it's nice that it's there. I typically don't need to use it for anything. Now that I have looked at this, I can either delete this image if I don't need it, I can edit this image. There are some very, very small editing features within WordPress. Sometimes they're useful, other times they're not. I tend to try to edit my images on a computer rather than utilizing WordPress. But you can do things like rotate an image. So if you uploaded an image and for some reason it's not in the correct orientation. You can do that. I can also flip an image vertically or horizontally, and I can also crop an image as well. The cropping tool can be a little bit tricky sometimes, because if you decide to crop your image, It's also going to resize your image. And so you want to be careful when cropping your image that you don't mess that up. But at times, if this image here of me had a very large background and I wanted it to be just a portrait. Utilizing that feature can be useful. Also, it's very often these days that we upload a very high resolution image that would take a lot of time to load on a web page. If you've ever been on a webpage at an image just seems to take forever to load. It's usually because it's a very large image, larger than it needs to be for a website. This image right here is 1500 by 1500 pixels in size, which is pretty good size, especially for a portrait image that you're probably only going to want kind of small on the page. 1500 pixels is about as wide as most websites are in size. Most websites are no wider than the HD size, which is around 1900 pixels. You don't typically need an image that's any larger than that. Any image that's larger than that, it's going to be a large file size as well. And it's gonna take a long time to load. So I don't make any adjustments to these until I know that I absolutely need to. And also, if it's a page that only has maybe one or two images, it's not going to be as big of a deal as a page where you might have five or six or maybe more images, depending on what you're deciding to add to your page. So I wanted to show these options because they aren't interesting. You can definitely utilize these options for different reasons. When you do upload an image to WordPress, it uploads the full version. It also creates a large medium and a thumbnail image. Now a thumbnail image is a square image. This image is already square, so it just created a smaller version of it. But what's nice about how WordPress operates is that it does give you some different image sizes automatically. So you can choose the size that's most appropriate based on how you're positioning a photo on your webpage. And that means that if you're going to have a photo in a small area on your webpage. You don't need to use the full resolution, high quality version of your image. You can use the cropped down version of the image, which is going to load much faster, still going to look good, but it's going to provide a much better experience for the user who is visiting your website. So I'm going to go ahead and cancel here and get back out. And you can see we just have that one image. As we have more images, there are different ways that you can view your images. This is kind of the old view here. The newer view is the more grid view. We can sort our images by. We can sort our media items by image, audio, video documents. So all these different things can types of documents can be uploaded and then of course mine would would mean items that you uploaded because you can have other users and WordPress and other users can upload things. And this media library can get kinda busy. And if you want to find just items that you uploaded, you can also do that. Then of course you can also sort by date. You can also bulk select, which is good for deleting a lots of images. And so I can click on multiple images and then delete multiple images from there as well. The search box also will work. It will search the file name and it will also search the title or alt texts that you've added as well. So if I did a search for Jared, it's of course going to find that image if I did a search for iphone, because I don't have any iPhone images, it's not going to find anything. So that's the Media Library. It's very useful. But I like I said at the beginning of this video, I tend to utilize the Media Library as AI building out a page and a post. And we'll talk about that as we get further through this course. 10. WordPress Themes: Themes are the styling of your website and they can do a lot on their own depending on the theme that you start with. Now, WordPress by default comes with these three themes. You can see the 2021 theme, The 2020 and the 2019 theme. And this changes pretty much every year, as I mentioned before. Every year WordPress adds kind of a new theme with design styles and changes based on what seems to be the new norm for that year and how they see things moving forward. And so things have changed and the styling of WordPress through these themes over the year. You don't have to stick with these themes. There are a ton of different themes available and you can search for them right from within WordPress. And of course, there are tons of different websites that you can get themes from as well. So if I wanted to add a new theme, I can click on add. And you can see there are just tons of themes that are available here. And themes that are very specific to a purpose that your website is going to have. For example, if, if you are a photographer and you're wanting to build a photography website, here's a theme called photoshoot light. If you are like a dance studio or something like that. Here's one. If you are doing like food blogging or something, There's one here. Probably some, some good features for listing out your recipes. So there are a lot of different themes that you can choose from, and there are a ton of them that are free. Now, searching for your themes from within WordPress, a lot of times you are going to see a light version of the theme. So this is kind of like a version of the theme that gets you some of the features. There's usually a pro version of the theme. Most free themes that you install are going to advertise their more advanced or pro version. And the same way that we might download an app or a game for our phone that's free. And then they try to get us to buy the advanced version. So with these themes, most of the themes that are in here are themes that word presses is recommending, which means that they're tested and they're probably going to work for a long time. You definitely want to get a theme from a company that has a good track record of being around and supporting their theme. Because as WordPress advances to new versions, these themes have to be upgraded as well to work with WordPress and the new versions and the changes that are always happening. And if the developers no longer supporting a theme, that means you might not be able to run some of those updates without breaking your website. Clients that have had that issue in the past. And it's really frustrating because a lot of times you have to go back and do a lot of the work over again on your website. So I think it's really important to choose a good theme from the get-go. And usually these featured themes that are here are pretty well supported. You can also click on popular and see some of the more popular themes that are available. Lately I've been utilizing element tour and a simple starter theme that's basically an empty slate to build websites because I've found that that's the best option for me. That gives me the most flexibility without kind of painting myself into a corner with a theme. That I don't know if it's going to be supported forever. Or they might make some major changes that are going to affect the way that my website looks. And so I tend to just take matters into my own hands. And I have a course on element tour that you'll be able to access. There's links to that within this course. And then I also have some advanced courses available as well that will help you better understand how to build out some really neat and dynamic looking pages. These themes look great and it is very tempting to just click on one and go for it because it has a nice preview that looks good. But you definitely want to be careful when choosing your theme. So you can preview a theme by clicking preview. And it's going to show you a preview of what that theme looks like and some themes. When you install the theme, it brings in all of this preview information. So you definitely want to be careful when you install a theme not to have it overwrite anything that you've already done. Think about this, if we had built out all of the pages and posts for our website and then we install a theme and it kinda overwrite some of the things that we'd already done. That would be a real bummer. See you definitely want to be careful when installing and configuring themes. The best thing to do is to go ahead and bring one over and try it. And then you can always move back to your old theme. So for example, if I wanted to install this theme, I just click Install. It's going to go ahead and copy over everything from the developer's website to our website that we need. And I can activate it. Now. I can close this. I haven't activated it yet. If we go back to just our general theme viewer that shows us what themes are installed. You can see that we now have a fourth theme. If I click live preview, it will give me a preview of what my website will look like with their theme. Notice that it doesn't look anything like that preview that they gave us. That's because it's utilizing the information that's within our site. And it's not utilizing the information that they had built out in that preview. Now, I can definitely go and make my updates and make changes and configure and get my website looking very close to that. But in order to make that process more simple, that's probably what one of these pro this pro option. Notice how there's a pro option like I talked about, this one has you two different ways to kinda configure things. It has element tour integration, which is cool. That's a plug-in that I use quite often. But you would want to come in here and go through all of these different settings and options and configure your website accordingly. And as you go through, and we're going to talk about this in the configure, the Configuration Manager in the next video, these are the things that are going to make your website look different and feel different. So themes are great because they give you a great headstart on a look in a field that you are wanting to implement. Just know that not all teams are created equal. Not all developers that create themes are, are created equal as well, I guess you could say, see you want to be careful and choose a theme that best fits what your purpose is and helps you get to your goals faster, while at the same time, making sure that you are utilizing a theme that is from a supported company or a company that's going to support their product for a long period of time. And that means just looking and seeing how long has this theme but available. Do they have other themes? How long if they'd been in business edges looking at some of those things before you decide to implement a theme. Of course, there are other ways to get themes as well. There is a website called theme forests to dotnet that has a ton of themes. And there are a lot of great themes that had been around for a long time here as well. You can click on WordPress, browse by popular and see some of the most popular themes. Some of these themes are pretty intense, like the order of Ada theme, the seven, these are themes that I've used before. Flats some, these are great themes, but they have their own built-in page builders. They are very much a whole experience that almost kinda takes over WordPress. There's nothing wrong with that. It definitely allows you to build some really neat and dynamic web pages. But it can be a bit much if you're just getting started. So that's a lot information on themes. I would just recommend getting to know WordPress if you, if you are given a website to manage, you probably already have a theme applied. If you're starting from scratch, I think the best thing to do is just utilize the 2021 theme. Kinda get your feet wet with WordPress and then look at how you could build out a more robust website in the future, which I'll have information for you on how to do that so that you can learn as you go. 11. Themes Customizer: So let's look at customizing our theme. Depending on the theme, there's a lot of different customization options. Some of the more simpler themes are going to use the built-in WordPress customizer. And more advanced themes may even have their own customizer layer on top of that, which adds a bit of complexity, but also adds a lot of functionality. So you can access the customizer by clicking on Customize underneath appearance or just clicking the Customize button on the theme that you have. If you have multiple themes available, you'll notice that customizes only an option for the active theme or the theme that you're actively working on. So you'll want to make sure that you have the right theme activated before you start customizing. Let's click on customize. And it's going to bring up a series of options here. And then you can see a preview of our website over on the right-hand side. Options that are customizable might also have a little pen icon next to them as well. Like from here we're able to change the name of our site. And so since we've already started talking about iPhones, we might as well make our website about that. So notice that I clicked on this pen and it opened up the site identity customizer. That is the first option that was available here. Since our, our website was just called a WordPress website, we want to make it a little more interesting. And I can call this all things iPhone. And then for the tagline that shows up underneath it, depending on the theme, some themes show the tagline and other themes do not. So since this theme does, I would either want to give it a tagline or just remove this altogether. And so I can maybe give this tagline of helping you choose the best accessories. And then we have our tagline. And I can also turn that off altogether if I don't want that there, perhaps you're wanting to add a logo instead and have a logo at the top of your website. I can add a logo by either choosing an item that's already in my media library or by uploading a new file. This looks familiar to what we saw when we added images using the media manager earlier. So I can select an image and it will give me cropping options here. You can see that it's trying to get me to crop this image in a very short kind of landscape format. Now I don't have to accept this, but in some themes you do and are forced into using a certain crop. So you get this crop option and you'll notice that you can drag it up and kind of make any adjustments that you want. So I would crop the image appropriately and then hit Crop Image if for whatever reason, the cropping tool is making it difficult for you to get your image looking the way that you want. Or perhaps it's your logo and you don't want to make any changes to that, you can just go ahead and click Skip cropping. I'll hit Crop Image and it's gonna go ahead and add probably a pretty large image. Oh no, it did make it pretty small. Small image up to the top. And so now that is the logo of my website. If I enabled site title, you can see it throws it down below. This is going to look different depending on the theme that you're using, but these options can be customized. You'll notice that there's also a site icon that you can create. This is the icon that shows up in the browser tab, and also is the icon that would show up if somebody was to add a bookmark for your website. So I can choose an image here, I can hit Select and you'll, the best practice here is to make a very small PNG file and upload that. And I'll just go ahead and select this as the image, even though this is quite a large image. But as you can see now, the site icon in the tab is the image that we selected. Now I can hit the back button and go into colors and dark mode. Now, this color that came by default is this kind of light pastel green. If I wanted to change the color, you can see that I can move that color all around and choose different colors. But if I want to make that color more intense, I can also slide this bar up as well and kinda dial in the color. I can also type in a hash color. And you can find those by maybe going to the Adobe Color website, which I really like. So if you just do a search for Adobe color and it's with a K. So K, U L ER is how I would find it. I think it's color dot adobe.com now. But if you click there and maybe go to, you can see some cool options here. But if I go to say trends, for example, and start to look at some different trends, it gives me colors based on different trends. I can also go to explore. And right now it looks like yellows are the thing under the Explorer tab. But I can also just type in a color, for example, the color blue. And it's gonna give me a whole bunch of different options. And I'm kinda click around and find a blue that I really like. So for example, maybe I like this blue, I'll just click on this. And you can see it's giving me all of these different color options here. And I can click to copy one to my clipboard, and then I can come right back in here and paste that in and choose that color. Now, depending on, I don't think it took let's go ahead and just grab that again. Because that's 71, b is 0 FF. So what we should be seeing, air we go. So now that I have the color and I can change its intensity. And notice that that also changes the code that is in here. We want to be careful not to mess up the color that we chose. So now that we have that enabled, That's great. There's also dark mode support. And so dark mode support is a device setting which means if you have dark mode enabled on your device, it's going to make that color, dark mode version of that color. And so utilizing dark mode could be interesting because you might have your website looking a certain way. And then in dark mode, you're not really going to have any control over that utilizing this theme. So you want to be careful with dark mode. I'm just going to go ahead and leave that turned off. I can set a background image if I would like, that is going to be the background image. So usually you would utilize like a pattern or something like that for your background. Nothing too distracting like a full-size image might be a little distracting. Here's where we would manage our menus and select menus. We're going to talk about menus in the next video. We can also add widgets. As you can see, we have three widgets here, a search, a recent posts, and a recent comments widget. And I can change an ad and reorder those widgets here just by dragging them around as you can see. And I can add additional widgets also, there are different widgets like adding an audio player, adding a category, list of your categories, which is not there. So we might want to add one of those. I can just click on that and you can see we added a fourth widget. If I wanted to remove one like the recent comments, I can just click Remove. And so now you can see we have a surge recent posts in categories which is nice. So play around with those categories. Some of them are useful, some of them are not. And there is even just a random text or a text widget. So I might put like our contact info here and then I can type in name, address, phone, you know, stuff like that. Those are things that I might want to have and then I can get rid of one of the other widgets. So we have just one nice simple row of widgets. So footer widgets that also varies depending on the website. Some websites have footer widgets and others do not. Some websites on the other few widgets and some have many. But most of them you can control how many widgets, widget areas you have, and you can add more as you need. Homepage settings is where you would decide either to have your homepage be your latest posts, which is how it is now, see iPhone 11 cases, iPhone 12. And then it would change dynamically, automatically as we add more posts, static pages, where we would select a static page that we've created to be the first thing that people see when they come to our website. And we'll talk more about that a little bit later. We have only created our about page and so you'll see if I selected that. It now just has that About page information. My about page wouldn't necessarily be the page that I would want to be my homepage. So we'll look at that a little bit later in the course. We also have excerpt settings when there is text in one of these posts and we're not on the actual post page. We're just looking at a preview. Do we want to see a summary of that text or do we want to see all of us? You can see here this is kind of because that's all it's there, it's showing all of it. But if we had a large body of text, maybe we would just want to show a summary and it's just going to show us the summary instead of the full amount of text on this page. And then additional CSS is for adding an additional CSS code styling to your theme that you might want to add. For example, if these links, we're not showing up in the right color, you wanted to change something, you can customize the CSS. This is a little bit more advanced. We're definitely not going to get and do CSS customization in this course, but you definitely can do that from here. Now that we're done making our changes, we want to make sure that we click Publish so that our changes are applied. And we can now get out of the customizer knowing that all of our changes have been made. This is what our website looks like before. And now if I refresh the page, you can see we have made some changes and they are now live on our website. 12. Menu Manager: Now let's look at managing menus in WordPress. Obviously this version of WordPress doesn't have any menu items in it at all. So when you click on menus over here in the menu on the left, we are presented with the ability to name a menu. I typically named my first menu, just main menu because that is going to be my main navigational menu. You can create multiple menus and we'll talk about that later in the course. And then I'll go more in depth into that in an advanced course because you can have your main menu at the top. You can also have a footer menu with maybe some quick links. You can have a sidebar menu. There's lots of different ways that you can utilize menus within WordPress. So we have our menu created and you can see that there aren't any items in there. The only page that we've created is our about page. So I can click on the checkbox and hit Add to Menu. Maybe I don't want it to say about page. So I'll just change the label that is going to show up in the menu. Doesn't change how the page links or anything like that. It just shows this is what displays as far as the name goes in the menu itself. I can then hit Save and I'll have a menu. Now on a lot of websites these days, you can click the logo and it will take you back to the homepage. But it's still a good practice in most cases to have a link that goes to your homepage. Now if you've created a page that is going to be your static page on your website. It would show up over here, probably called homepage. You can see home is an option right here. So I can just add that to menu. And because I don't have an actual homepage, it's accustomed link. And you'll see that this custom link is actually just a link to my root level domain name. So what essentially would be if somebody just typed in my website address and landed on the homepage. If I had an actual homepage, which we'll talk about later, it would show up in here. So now I have two items. We don't have any other pages. So I can hit Save Menu and then we can go and refresh and see if anything shows up. So nothing shows up yet because we haven't assigned the menu anywhere. You can see down here that there are two locations, primary menu and secondary menu. We're going to go ahead and check the primary menu box and hit Save Menu. And then we'll go back and look and refresh our page again. And you can see we've got our menu over here on the right-hand side, and it pushed our website title and our subtitle for our website down over to the left-hand side. So if we wanted to expand on our menu, there are different things that you can do. You can also add links to a specific post to your menu. You can add any custom links so you paste in or type in a URL and then give it a title. So for example, if I wanted to put a link to my personal website, I could say Jared's website. And that's actually the URL. I need to put the URL in there. So Jared Hill.com and then put Jared's website and hit Add to Menu. And you'll see it's a custom link. If I hit Save Menu and then go back and refresh our page. You can see I have a link here. And if I click on this link, it's actually going to navigate me to this other website. So we'll go back. And that was just an example. I typically don't link out to other websites from my menu. My goal is always to keep people on my website unless they're in an article or on a page where I'm directing them somewhere for additional information. I can also add categories. So earlier we created a category for our post called Sample category. And if I wanted an easy way for people to get to that category of content, I can add that content category to my menu, checking the box and hitting Add to Menu. And then if I hit Save, and then we go back and look at refreshing our homepage and click on Sample category. And it takes me to that category with all of the posts that are within that category. So that's kind of an interesting way of helping people navigate the content that you have on your website. It's very easy to remove one of these. You just twirl down the little icon and hit Remove. You see there are some other options in here, such as up one, down one. This just helps with moving them around. If you're on a device that is making it hard to click and drag, but you can click and drag and reorganize these as well. Another thing that you can do is nest them underneath each other. So if you wanted to have the the About be a sub item of home, you just drag it underneath as you can see. I'll give you an example. We'll go and refresh our homepage here. And you'll see now if I mouse over home, I get a drop-down menu with about there. So it's very easy to create drop-down menus as well. You definitely don't want to get that tree of drop-down menus too crazy if you've ever been on a website where you're trying to mouse over the menu and you get so far down and then your mouse falls off of the little box and the whole menu goes away. It's extremely frustrating. So I highly recommend not allowing your menu to get too carried away. You want to keep in mind that your navigational menu is supposed to help people navigate your website. And even though there are some things that can be kinda deeper down in your website, you don't wanna get too carried away and make it too difficult for people to get their giving them too many options, they might not end up finding anything. So now that we have a couple of items added to our menu. But we can go and create a second menu by clicking Create a new menu. And that's where we might create our footer menu or in some themes you can have two layers of menus. You can also put menus in the sidebar. There's lots of different ways, like I said, that you can use menus. You can also manage menu locations by clicking here and assigning the menu. You can see we have the primary and secondary menu, and then I can assign those menus accordingly. So that's gonna do it for talking about menus. Like I said, I think simple is better. Don't get too carried away. Figure out the most important things that a person needs to find when navigating your website and lead them there, utilize the actual pages that you're navigating people to, then send them to further information. So let's move on to the next section. 13. Widgets: Moving on, we're going to talk about widgets. Now we briefly touched on widgets when we were looking at the customizer. But there is a section for managing your widgets, which is here under appearance. And you can see that we have one widget area within this theme, just the footer widget area. Some themes are going to have sidebar widget areas, maybe even widget areas within the main body of the website and even header widget areas. This will vary a big-time depending on the theme that you have. And so with this particular theme, there are not a lot of widget areas, but in some themes there are. So you can manage your widgets by just the same method as adding items to your menu. You can maneuver them around by just dragging them. So if you want to reorganize them, just simply drag them around to reposition them. On this theme, you can see that really there is just one widget area and it positions them side-by-side and until you add a fourth one, and then it drops down to another row. A lot of themes actually have specific sections like foot or one foot or two foot or three footer for, and then there would be one for each column. And you can add multiple widgets and each column that is a little bit more kind of, I guess, a traditional way within WordPress. But with this theme, very simple with the widgets, not a whole lot of options here. So if you want to remove a widget, you can easily just twirl it down the little arrow and click Delete and it removes it. You can grab a widget from the available list of widgets over here and drag it into position. So if we wanted to add categories back, we can just drag that right in here. You can give your widgets accustomed title. So by default that would just be categories. But if I wanted to name it something else, like topics, I could do that. I could display them as a drop-down, show how many posts are within that category, and then also show hierarchy if there was additional categories underneath. So I'll just hit Save. And we have that contact info box that we created when we are in the customizer, we added a widget and that contact box, this is just a text box. And so I can add pretty much anything to that. You can see here. I can even add an image. So if I wanted to add a small image, I can click Add Media. I can select an image from my image library here, or I can upload a new image, and I can also choose the size of that image as well. So notice here I've got a full-size image. This is the 1500 by 1500 upload, but I have the option to choose the different sizes that I want to embed. I'll just put the thumbnail in here because obviously we don't want to put too large of an image in that widget area. So you can see here that we now have an image there as well. And if we save this widget, we can go and refresh our page and we'll see that it added that image and then I have the text below it. Of course, I can also do things like make something a link. I can add a bulleted list, a numbered list italicize. And then I can also go just into a non visual text editor and add some code. For example, if you wanted to add a Google Map or something like that, we'll talk about that a little bit later as we build out a page. But there are lots of ways that you can put interesting content into these sections. There's also a custom HTML box that might be a little better for embedding things that are HTML. But in a textbox, as long as you are in the text option, not the visual option, you can embed code in there as well, and that can be pretty neat. There's also a video widget. If you wanted to add a video, you just simply drag in the video widget and then put in the video URL. So you would want to insert from URL here, if that's the case, that would be your YouTube video of Vimeo video or something like that that's hosted elsewhere. Or you can upload a video to your own account. Best-practices though, for adding video is to utilize a tool that is more in line for video hosting. Using your own hosting account sometimes can be a little bit slow for streaming video. So definitely cool that you can do that though. Just to talk briefly about the search, widget. Search is an interesting thing on WordPress, search is going to search all content throughout the entirety of your site, whether it is content that's on a page, content that's on a post, content that's within a widget anywhere it's going to be displayed. And so it doesn't work as nice as say, a Google search where a Google search shows you exactly what you're looking for and it seems to be pretty smart about it. The search functionality within WordPress is not always the best. So I always suggest, give it a try. When you use the search box, do some searching and see how that performs. Because you want to make sure that you're giving your user a good experience. So that's about as far as I'm going to go into with widgets, we'll talk a little bit more about it later when we start to build out a web-page together. 14. Plugins: Plugins are one of the most powerful things that WordPress has and that is the ability to add functionality to your WordPress website. Plugins can provide a wide range of things from very simple features to full on adding e-commerce, all sorts of cool things to your WordPress site. And that is why I've, I've loved using WordPress. It's why WordPress is as big as it is and powers as much of the Internet as it does. It's because there's so many developers out there building cool plug-ins that work with WordPress. So we're looking at the plug-ins here. There are more plug-ins on this brand new site then typically there are a blank WordPress installation. That's because this is a managed WordPress deployment. And that means that it comes with some plugins that are already added by the hosting company. Some of the plug-ins that come by standard as the keys met anti-spam. That is one that comes by default. And I think that is basically it. There is one that used to come that was just a sample plugin that didn't really do anything. I think it had like a put a song lyric or something like that on your website. I can't exactly remember. There are some plugins that are by default added here, the hosting company, and I'll just briefly talk about what some of them do. This asynch JavaScript and this odd top demise plug-in are to help the website load faster. There's a beaver Builder, which is a drag-and-drop page builder that I don't typically use. I like the page builder that comes built into WordPress now, or I use element tour, which I'll talk about later. The BJ lazy load makes images load after the page is already loaded, which improves the experience for the user. To the classic editor allows you to go back to the old ways of managing content on WordPress. We have compressed JPEG and PNG images, which helps speed up your website by adding a little bit of compression. I themes security Pro and I theme sink are the security plugins that give two-factor authentication, that do virus scans and things like that on your website to make sure that your website is running healthy. We also have lazy load for comments, which is kind of like the same thing for the images. It just makes things load later in the page load process, we have a form builder and then WP merge. These are all plugins that come by default. They're not necessarily plug-ins that I use. So to deactivate a plugin, you just click on the deactivate link and it's going to deactivate that plug-in if there is a menu item over on the side that is associated to that, you will see it disappear. Now this doesn't delete the plug-in and it doesn't delete any data that the plugin has stored within your website, but it does remove everything that the plugin would have had showing up on your website. So know that you can turn off a plugin without really affecting anything. You just don't want to leave it off for too long. If it's providing some sort of feature for your website that's important. But sometimes if you're having issues with your site and you can't tell what's causing it. You can turn off some plug-ins to see if maybe a plugin is causing it because that's common as well. If there's a plug-in that you don't need anymore, you just simply hit Delete and then hit Okay, and it will delete and remove that plugin. Now I highly recommend that you have the anti-spam plug-in active. It's very simple and free to use. You can set up your account here by going and creating an account with WordPress.com, it's going to connect. It will ask you if you want to pay for some sort of a subscription. I always choose the free version. It's not a big deal, but there are some benefits to going with a paid version. The main issue here is that there, you can get a lot of web spam in your comment section of your posts. And so if you have commenting turned on, without this enabled, there's nothing protecting your website against spam comments. And you're going to have to do that manually and it's kind of a pain. And sometimes those comments are kind of gross and you don't really want to have to read through those. So it's nice for a tool like this to just get rid of the spam that's being attempted to be published here, website through bots and stuff like that. So you can go through that process of enabling that. And then once you've enabled it, if you haven't set it up yet, you'll get this bar here that gives you the process for going through and setting up. Now to add plugins, you can just simply hit Add New. And of course there is kind of a plug-ins search engine. One plug-in that I often add to all of my websites is the Google site kit plug-in. So if you do a search for site kit, actually I think you have to do Google and then the site can't, it just comes easier. There we go. It's not the best search engine. So keep in mind that I typed in sight kit without putting a space between site and kid and it couldn't find the plugin. So don't give up. Just try your search a little bit different. And typically you'll find what you're looking for. I'll go ahead and hit Activate. And then I have a setup here. Not all plugins are going to have a set-up box or some sort of a widget that helps you go through the setup process. But some of them will. And I can click on Start Setup and go through the process of connecting my website to Google. The reason that I like this tool is because it connects it to Google Search Console, which helps me get data from Google on how my website is doing. And then it makes it easy for me to connect to Google Analytics, which gives me all of the data that I need to see how long people are spending on pages on my website, how much traffic I'm getting and all that good stuff. I'll definitely be talking about Google Analytics more in another video, not in this course, but in a future course. Because it's a very good tool to understand what's happening on your website and whether or not people are finding what they're looking for before they move on and perhaps even leave your website. So Widgets provide a lot of different functionality and there are a lot of them. I highly recommend that you don't get carried away adding too many widgets. Because just like installing too many apps on your phone, too many widgets on your website is going to slow down the performance over time. Keep in mind that every time somebody goes to a new page, if a widget has a job that it needs to achieve, it's going to have to load. It's going to have to bring that information over to their computer and send information back to the server. And that just really can slow down the process. So don't get too carried away with, with adding widgets. I think these days less is more, especially with wanting pages to load fast and just provide the best experience we can for the person viewing the website. So managing widgets is pretty simple. If you have an update to a widget, it will be highlighted and it will save that there's an update. And it will actually tell you whether or not that update is compatible with the current version of WordPress. Now sometimes a widget won't say that it's compatible and maybe it is because the developer has to take the time to check and make sure that they're widget is compatible. And then push that information WordPress so that your website knows that it's compatible. So like I said, early on in this course, you want to make sure that you have backups running on your website and that you have ran a backup. Just to show you a simple way to run backups, there is a plugin called all-in-one migration. And so I'll just do a search for migration. And we should see all in one WP migration right here. We're gonna go ahead and install it. And in the bonus section of this course, I'm going to show you how to run a backup of your website and then how to restore from that backup just in case you have to do this manually. But hopefully you're using a managed WordPress type of environment for your hosting. And that is something that's already built in, but it doesn't hurt to have backups of your backups. So let's move on to the next section. 15. Settings: Let's take a look at Wordpress settings. There's a lot to go through here, but not a whole lot of important stuff that you're going to be changing very often. You'll see the site title and the tagline. These are things that we adjusted in the customizer, but they're also adjustable here. Here we have the word press address, URL, and site address. These typically are configured by your web host when you install WordPress, if you went through one of the managed setups or the options that I gave you at the beginning of the course. This stuff is often automatically entered in. I have a weird website address here, as you can see, because I am using a temporary page address that has not been assigned to a domain name yet. The way that my Managed WordPress environment works is that after I develop a website, I can then connect it to a domain name. And I actually don't do that from here within WordPress. I do that from within my manager here I'll go and update the word press website domain here. And it goes and dust that all of the process changing things over for me. What's important to know is that if you are going to change your domain name, you need to take into account that there are lots of links and things that have been created around your website. And when you change your web address, those also need to be changed. And so it can be kind of a tricky process if you're using a managed WordPress environment like I'm using here, or like one of the environments that I talked about earlier, like with Bluehost, you can change your domain name within the Managed WordPress dashboard. And it will go and update all of the links and everything on your website, which is a really nice feature to have. It can be tricky to change your website address. So use this section with caution. Your administration e-mail address as the e-mail address that you used when you first created your WordPress account that may have come over from your managed WordPress hosting. And that e-mail addresses, the one that password reminders and stuff like that will be said to as your admin login account. You can change this, but it will ask you to confirm the change because it is the master admin email address for your website membership, anyone can register. You would really only want to turn this on if you're creating a website that people can also create accounts and write content for your website. I recommend leaving this turned off unless you have a real reason to have this turned on. Even if you are utilizing something like Woo Commerce and you're allowing people to log in to make purchases. You don't need to enable this feature. A lot of the plugins that have login functionality for different user levels or different purposes. We'll manage this on its own. So it's not really important to check this box here. Subscriber is the new default role I would leave this set is to add subscriber, especially if you are going to allow anyone to register, allowing them to have any higher level by just creating an account means that there are people that are going to be able to add content to your website without you knowing who they are or what they're doing. Recommend just leaving that unchecked and leaving new default role to subscriber. You could change your site language here, and you can also adjust your time zone. If you know your manual offset, you can do that or you can choose from a list of countries, states, or time zone regions here as well. So what's important about this is having your time zone set correctly with your website so that when you're scheduling posts or setting a time that you want to post to go live, that you can actually have that co live at the appropriate time. So for example, I could set it to Los Angeles for Pacific Time. And then I can also choose the day of the week that the week starts on. I just usually set to Sunday, but I've yet to really like utilize that feature. It's just a it's just something that I set. You can also change the date format, the time format. Looking over on the menu items here on the left that are underneath settings, we have writing your what your default post category. You can set that here and change it from something different than the one that comes standard. You can change your default post format. I usually just leave this set to standard. And I don't change anything here with post via e-mail. This is an older feature that would allow you to send an email to a specific address and it would automatically import the contents of that email and do your WordPress website. I would actually recommend if you're wanting to publish to your WordPress website from something other than the website itself, I would use the WordPress app under reading here as where we can change the way our homepage displays is that our latest posts or a static page. We did talk about this when we are in the customizer. So if you want a refresher, go and look and see what happens when you change your default page to a static page will also make this change later after we build a homepage together, blog pages show at most 10 posts, 10 and a syndication feed, whether you are showing full texture summary, that was also something that we could change in the customizer. And then search engine visibility. I would leave this unchecked unless you have a reason why you want to discourage search engines from finding your website, keep in mind that it is up to the search engines to honor this request, some search engines crawl websites and display the data regardless because your information is public, even if you tell the search engines not to, they still may have your content crawled and showing up in search results. Let's move on to discussion. Here's where we would choose whether or not we want commenting enabled. And then if we do have commenting enabled, what processes are required in order for someone to actually comment. Now, these days I just kinda turn off commenting altogether because most of the sites that I'm building are for businesses and they don't really want to manage comments. But you can check these boxes and kind of assign settings the way that you want them to be for your website. If you are creating a blog, you might want to make sure that comment must be manually approved a set for awhile. So that way comments don't just show up on your website unless you go and manually approve them. There are also the ability for you to set a default avatar and stuff like that that would show up next to a person's name if they're using the grab a guitar service, which is a website gravity far, you can go and assign a kind of a universal avatar or whether it's your image or a graphic or something like that, that would show up when you're logged into WordPress websites using that particular email address. Under media, here we can set the default sizes that WordPress creates when we upload an image. I talked about that when we went through the media manager, how when you upload an image, WordPress automatically resizes that image into three different sizes. This is where you can set those default sizes. And then I usually just leave organized my uploads into month, year and base folders that just keeps things nice and clean on the server side of things where your information is stored. Now, I leave my post name as the permalink setting here for our common settings for a URL. Back in the day, WordPress would just use this kind of weird string of numbers or perhaps even use date, month, and then the title of the post. I usually just go with the post name. But if you are going to have an active blog or your posting a lot, sometimes it does make sense to actually utilize the date in the URL because it makes it a little bit easier for people to see when they're looking at the URL, how old that post or that piece of content is. But keep in mind it does add to the length of your URL. And it is important, I think, for the URL to be something that people can, can match to the content as well. So when you're looking at search engine result and you see the title and you see the URL, and you see a brief description of what that page is gonna, is gonna talk about. I like there being some sort of uniformity and things matching there. I don't think it's as important these days to have the date in the URL. It's probably more of a personal preference these days, but by default, I go to the post name, which means that your, your link for any post on your website is going to be your domain.com slash. And then whatever the title of that post is, you can also change the default category based down here, which I just leave alone. We have our privacy area here which allows us to create a new privacy page or link up an existing page as a privacy page. And it gives kind of a guideline here and explains why this is important. We also have access to our anti-spam that's going to show us a little bit of information about what is being blocked. Obviously, this is not configured at the moment, but you can track and see the spam that's being blocked. How many things are being blocked and all that good stuff. I themes licensing shows up for me because I have that IBM security plugin installed that came apart as my Managed WordPress environment here. And then of course, security down below is also a feature of that as well. So it's good to understand how the settings in WordPress works. However, you're not really going to spend much time there at all. Your server also is going to keep tabs on updating things. Your website is automatically going to change your time zone or change your time if it's daylight savings time or whatnot, depending on where you're located in the United States or even the world. If you, if, if your area supports time change, this will all automatically take place and you won't have to worry about it, especially if you set it to a time zone based on a city or location, as opposed to using the offsets down below at the, at the very bottom of the list. If you use the offsets, then you may need to go and manually make those adjustments. So like I said, settings important to know about, not so important because you aren't going to be changing them very often, but now you understand what they do and how to get around them. So that's going to conclude our section on getting to know the backend of WordPress. Now we're actually going to move in and dive into creating pages and posts and looking at how to set up that information and just make a page because that's what we're here for really. Now that we understand the tools, we want to understand how to use them in real life situations. So let's get started. 16. Creating a Post: Now we're getting to the fun section of the course where we actually get to build some stuff. We're going to start off by building a post. A post typically is like an article or some sort of piece of information that you're going to be sharing on your website. And so this first one is going to be just that. I'm going to borrow the content from my website state of tag, I did a video and a short article on the Apple Watch 6 versus the version 5, I showed you upgrade. And so I'm just going to borrow the content from this post and we're going to build out a post for our website here. So I'm going to click on add new, to add a new post. And we've got our empty post over here. We're ready to add some content. And I'm going to pull the content just from a general note that I had written. I did copy the content here, but typically I will either write my post in a notes app or directly into the website depending on where I'm at and what kind of time that I have. If I'm if I'm if I know that I have everything that I need and I'm ready to publish something, I typically will go and just start putting that information directly into WordPress. But if it's something that I'm working on periodically, I want it to be and it easier to edit format. So I usually keep it in something like a notes app or Notion or something like that. And that way I can jump in and edit my article and make any tweaks that I want without having to log into WordPress every single time. So I have the title of my article, I'm just going to paste it right in. So we've got the title, looks pretty large, but that's just the nature of this theme. And then we'll go and start grabbing some of the content. Now because my content is already pretty much formatted here, I've got my text, I've already made things links, and I've got a numbered list here and a bulleted list down there below. I should just be able to copy and paste all of this end, but that wouldn't make for a very interesting video. So I'm gonna go ahead and copy some of this, and we're going to strip some of the links out so that I can show you how to kind of format this post. So by copy and pasting it in, you can see that it brought in the links. And that's nice. I mean, it's nice that it was able to do that for me. But I'm gonna go ahead and just remove these links and will create these links together here. So that way, that way you can, I need to change that. Sometimes I'll change spelling errors or grammatical errors or something like that. And I just wanna make sure that those are good. And I agree that the suggestion that I changed that to listen to our podcast instead of what it was saying before. So I can come back to my my list here, my note, and I can copy this link that I had previously made. And here it says, watch the video. I'll select that text. I'll choose the chain link, and I'll paste in that link. So this is the YouTube video link to the YouTube video. And I'm going to choose open in new tab. And then I will hit Enter. And it is now created that as a link. As I talked about in an earlier video, when something links away from my website, I wanted to open up in a new tab because that way when somebody closes that window or that tab, my website is still there and they haven't been navigated away. If they went over to YouTube and ended up watching a handful of other videos, they might never be able to hit the back button enough times to get back to my website. So I want to make sure that they're able to get back to the website. I'll go and grab the other link here. I'll just copy that link to my clipboard and listen to our podcast. Click on the link, paste. This is an internal link, as you can see, state of tech slash podcast. This would be an internal link if I was editing on the website state of tech.net. But since this is our website that we're using to kind of do this, do this work together. It is a separate website, so I will open up in a new tab. So another way that you can make a link if you are internally linking to different pages. For example, if I was on the state of tech website, This listen to our podcast right here, is going to take you to another page within state of tech. I don't need that to open up in a new tab. That would be kind of a poor experience. I don't like it when I have the same website open in a bunch of tabs because of the way that they decided to structure links and their website. So instead of, instead of copy and pasting a link, I can easily create a link from within WordPress by searching for the content instead of actually getting the link. I hope that makes sense. So for example, we have one of these, okay, iPhone 11 cases post. I'm just going to show you an example here. So iPhone 11 cases, I'm just going to type that in. And I'm going to select this as if I wanted to make a link to it and I'm going to hit the chain link. And this also is a search box. So I could type in iPhone 11 and you can see it's starting to search from the different content that's on my website. It says that I have a post with iPhone 11 and I also have a tag that mentions iPhone 11. So that's great. I can just simply click here and it goes ahead and creates a link to that post for me, which saves a lot of time. I don't have to go to it, find the URL for it, and copy and paste it in. It's very time-saving. It's a great way to create internal navigation between different pages and posts on your website. So now that we have that created, we're going to go ahead and grab that YouTube link and we're going to embed a video in our page. So we'll go back to the notes and I'm going to copy and paste this URL. There are two different ways to embed a YouTube video. I could simply just paste the URL. Wordpress is going to automatically recognize that I just pasted a raw YouTube URL into the body and it's going to convert it to a video. And you can see it converted it to the video block right here. Now there's another way of doing this as well, which takes a little bit longer. But I can go and select from the block builder, YouTube block, and then paste my URL in there and hit in bed. And essentially it's just done the exact same thing. So WordPress has gotten much faster, helping us be much faster and more effective as we add content and everything into our page. So this Apple Watch product links here is a header or I want it to be a header. So I can paste my text in here and you can see it just brought in bold paragraph. That's not really what I wanted. I wanted it to be a heading. So I can click here and change it to a heading and you can see it made it an h2 heading. Don't want it to be an H2 heading. I could change its size maybe down to an H3 or something like that. The size of the heading and whether it's an H1, H2, H3. That also is the emphasis that you're putting on that piece of content as well. So I tend to use an H2 tag, four sections of an article. For example, if I had an introduction and I mentioned that that would be a h2 heading if I had a like a couple of tips like tip one, tip to tip three, those would all be h 2s. And then I would typically use something like H3 or H4 for something like product links or resources. Because those are, those are great, but they're not the meat of the content. And so I don't want the search engines to draw as much attention to that. So I've already done some, I've already done some URLs and made some links. So we're not going to do that again. I'm just going to copy and paste these right in and they're already links. I won't bore you with showing you how to create links anymore. You should have that figured out by now. So now we've got another heading section here. This one I would consider an H2 because it's got some decent information. This is the similarities and differences that people are wanting to know about this specific device. So now I'm going to go ahead and select my body of content here. Notice that it already has numbered unnumbered system here everything is numbered. And so when I copy and paste it and it's going to bring that in. You can see this is already selected, the numbering. So I can select all of this though, just watch this. I'll select it and I can change it to a bulleted list instead. I can turn that off altogether or just make it back as a numbered list, which is what I wanted to be. I wanted to be a numbered list. You can make anything a numbered list just by selecting and it will add it and numbered order if there is a line break in between each of those, if everything is in a row, it's not going to know where to put that numbering or where to put that bullet. So you typically have to, for example, here, if it was altogether now that's a bulk paragraph and it moved the number 2 down to the next one. If I hit the return key, it changes that to a number two and it does the same thing if you're using a the bullets instead. So now we're moving on to the video timestamps just to save time, I'm just going to copy the rest of this in here because this section is getting a little lengthy. The post itself needs to be categorized. So I'm going to put it in our sample category, which probably should have something to do with, I'm iPhones or Apple watches or something. Maybe I even created a new category here for the Apple watch. So because I have lots of Apple Watch contents, so we'll go ahead and create a new category for Apple Watch in all, unselect, the sample category tags here, I could put wearables. I could put Apple watch. I could put Apple Watch 6, I could put Apple Watch five. So any of these differentiators where I know I might have more content on a specific topic. I talked about earlier in the course when I talked about categories and tags. This is where I would start to add tags for each of the types of things that were mentioned in this article that I would be also mentioning and other articles. I do this so that I can group them together and they can be more findable on search. So now I need to add my featured image. You can see here I've got an image for a thumbnail for my video, but on the state of tech website, I also had that as a featured image at the top of the page. This featured image is the image that social media would pull in, like if you poked, if you posted this article to Facebook or something like that, typically would get an image that would pop up along with your article. And by default it's going to try and grab your featured image or perhaps another image on your page if you don't have a featured image. So under the featured image section, I'm going to select there. I'm going to upload that image. I can just go here and drag it right into place or I can search for it on my computer. It's good practice to update your alt and title tag as I talked about in the media manager section of this course. I'm not going to waste your time on that right now. I'll just go ahead and add it. Now that I have my page built out or my post built out, everything looks good and I can preview it by clicking on the preview button and I can preview how it would look on a desktop, tablet or mobile, which is great. And then I'll choose Preview and new tab. And it's going to show me my articles. I could make sure that everything looks okay and check it out. You never want to just post an article straight to your website without checking it out and making sure that everything is right, that the links all go where they're supposed to go and stuff like that. So now that everything looks good, I have the opportunity to make this public right now, publish this live right now and have it appear on my website. But if I don't want it to appear immediately, I can actually change the date and have this post in the future. Perhaps I'm sitting down and knocking out a bunch of my content that I want to put on my website early in the week. And I want to have new content coming out every couple of days or throughout the month, I can choose the date. And so for example, if I choose tomorrow's date, you can see that it now will publish at tomorrow's date and that specific time. And then if I hit schedule instead of published, see how the button changed from published a schedule. It now schedules that post for the future date and it will go live automatically, which is just awesome. This means that you don't have to schedule out time throughout the day and week and month to remember to do your content, you can just batch it all up at the beginning of the month, the beginning of the week, however you want to do it. This has been a huge, huge help for me because it's much easier for me to sit down and knock out a bunch of stuff at once than it is to jump into it from time to time. So I'm just gonna go ahead and put this on today's date. You can see a change back to publish. I'll click on Publish, publish it to our website. And now if I go and refresh our homepage here, I have our article nicely formatted. It's got just the excerpt of the article, so it's got the big image, the title, a little brief introduction and I can click continue reading, and then it takes me to that post. Notice I've got the the website URL up here. Looks good. Everything else looks good. All the content looks great. And now we have built a post, and now you understand that process. So posts obviously, as I mentioned before, are different because this is information that will probably decay over time. Obviously, Apple's going to come out with new Apple Watches in the future in this article is going to become less useful as new devices come out in the future. But I will produce more content that will keep things fresh. And that's what the post section is four. And the next video we're going to talk about pages and how to build out a page. We're going to build out a homepage for our website together. So I'm excited to do that. Let's jump into it. 17. Creating a Page: So let's build out a new homepage for our website. Currently, our website just has the articles that we've posted in the post section showing up on the homepage. But we would like to have a standard homepage that has static content that people can see when they come to the page. So I'm going to click on Add New Page. Notice where in the Pages section, and I'm just going to call this home. And that is all we really need to do to get that page started. Now we need to decide what we want to put on that page. I'm going to borrow a lot of content from the state of tech website right now just to make sure we're going through this process quick. So I'm going to copy some of this text to my clipboard and paste it in. So let's go ahead and grab a heading block and paste in the welcome message and make it centered. Then we'll go and grab this blurb of this kind of introduction blurb here. And we'll put it right underneath. And I want to center this text as well. So, all right, That looks nice. So far. Then we have a section of three images. I was just going to use these three articles and the little blurb of text. But let me show you how to make columns. This is definitely a neat addition to be able to do this right from within. The WordPress editor is to add columns. So I'm going to add a three columns equals split. So you can see I have three areas now that I can add blocks. This is awesome. I'm going to hit plus and we'll put in an image. And I'll upload an image. I can actually just drop an image right in here as well. But I can select an image from my computer just as easily. We'll go ahead and select that image and upload it. I'm gonna do the same thing right here, add an image. So we're basically just making three image blocks next to each other and columns. We'll go ahead and grab that image, throw it in and another image. Now, I like my images when they're in blocks like this to be the same crop. So the images need to be cropped in a similar fashion. You can see that they are as they're showing up. They are kind of a standard crop for a photo. But I could either go with a square crop or more of like a portrait crop. I just like the crop to be equal across all of them. If I'm going to have columns with images next to each other, it makes it really nice if they are pretty much the same as far as their orientation and all that good stuff. So I'm going to create a title right underneath. And so I'll go ahead and hit plus notice that I am, even though it's hard to tell, I am in this column. And if I mouse over these columns, you can see I get the plus and I can add an additional item below it. Down here is outside of that three column block, and this would be a new wide block underneath. So I'm going to click on the plus right underneath the image. And I will probably are going to try a heading, but it might be big because the text on this particular theme is so massive. So I might need to go down to something like a H6 are in H5. Or I could just go with bolded text. We'll just leave it as is with the header. It's not a problem. It is a heading. And then I'm going to grab this little block of text underneath it. And we'll hit Plus again paragraph. And then there is our block of text and I can decide to I'll just keep it left justified like that. I think that looks pretty pretty good. So I need to do the same thing over here. So I'm just going to speed through this really quick so you don't have to watch it. But I'm going to add the same thing for these other two columns. All right, now those three columns are complete. Now as I'm building my page, I do like to save from time to time. Of course, if you click Publish, this is going to push those changes to a live page, even though this page isn't really linked up anywhere yet, it could automatically get added to the menu. So you want to be careful with that if you're editing on a live page, notice that not showing up here because I have not added it to the menu. But you do want to be careful when editing a page. I like hitting publish and saving things at least so that way I don't lose anything. But WordPress does a pretty good job of saving your state along the way, but it's not perfect. And so clicking, publish or update to your page, make sure that the page does get saved. Now if these were three different sections that were taking us to different pages on our website, we probably would want to be able to click on these and have them go somewhere. So because I copy and pasted this content in, it brought in a link as you can see. So I'm just going to go ahead and disconnect this link with these three sections that we have here on a typical website, they would be linking to other pages. So there's a couple different ways we could do this. We can add a button down below and have that button link out. But often people are tapping around and maybe don't scroll all the way down to the button. So you can definitely make your image a link. Notice there's the chain link there. We can make our title a link. And by selecting that we can use the chain link. And then we can also add a button at the bottom of the column. And somebody can click that button, which would be a nice way of navigating as well. So to do that, I'm just going to go ahead and hit Enter to create a new block. I'm going to hit Add block and then type in button and say I've got a button here and I can type in something like learn more. Now I've got a square button, and typically these buttons will adhere to the styling of the theme that you're using, but they might not. You can definitely come over here and edit them by adding maybe a bit of a radius and making it more round like a typical button. I can add the link here, whether I wanted to open in a new tab. And there's also a few little advanced settings here as well that we won't get into. I can go full width and that section. So by choosing the width setting, I can go full width for that particular column. So if this button was down below and a full-width, the button would span all the way across that range. And so I like the a 100 percent when there isn't another button resting up against it. If we had a button right next to it, those buttons might rest up against each other and that would be kind of a weird experience. So play around with it. And when you're using these buttons and just make sure that there's some spacing because people are going to be using mobile devices and devices with smaller screens. And you want to make sure that it's easy for people to navigate and get around your website. All right, now I've created the three buttons. I'm going to go ahead and hit Update and we're going to view this page. Notice the little popup down here. It says view page. I wanted to take a look at the page and just kinda see how it's looking. Now, one of the things that I don't necessarily like about this theme is that everything is really small in the center of the page and there's a lot of wasted screen real estate. So if I was gonna do a three column build like this, I probably would utilize a page template that gave me a lot more space. I'll click edit page to go back. And I'll just check really quick to see if there are any page templates that I could choose from. There are not. And this is a very simple theme, but some themes do have different page templates that you can choose from. And they would show up here under page attributes. Sometimes those pages, those page templates are our columns in the center or boxed in. And some of them are full width that go all the way across the page. And so you'll want to check and see what's available with the theme that you have. But in the default WordPress theme, there are not any page templates that I have to choose from. So in an instance where things are really narrow like this, I might choose not to go three column and go to column instead having just two columns or maybe even just go single column all the way down. One other thing that I don't like is the fact that these three buttons are not on an equal plane. So what I could do to make them on an equal plane is add another column underneath a three column. We'll do that. And then I would drag these into place. All right, and let's preview the page just to see how that looks. I definitely like the buttons being more in alignment because it's going to be hard to have all of the paragraphs are all the text and in the same spot. So I definitely like that a lot more. So we're not gonna go too much deeper into building out a page. I wanted you to see a brief example of how to add content to a page, how to structure it, and columns. I can easily go in and add more things such as a video. So let's add a video to our homepage and just make it a little bit more dynamic before moving on, the best way for you to, To learn more about, about WordPress is really just to get in there and play around. Now, I don't understand why these buttons came back. I must have duplicated them. And then by refreshing the page, WordPress got confused. It's not perfect. And this is why I recommend saving and navigating through by clicking the View Page, viewing your page, and then of course, going and clicking the Edit page rather than hitting the back button sometimes though, and even then, I've got an error there. So WordPress is not perfect. As you can see, this is live issues happening, which is unfortunate, but sometimes you get those issues. The only way to get rid of them for sure is just to not make the mistakes in the first place. And I'm thinking that maybe there's just some underlying things that I can't see. Like some empty space as you can see here. If I click in, I've got these empty blocks that seemed to be appearing and maybe that is what was causing the issues. So sometimes you have issues that are literally invisible and you can't see them. Let's see if that fixed the problem. Troubleshooting is a big part of website design. So if I hit Edit page and come back, yes, now they are gone. So that's great. That would have been something that may have plagued you in the future. And now you've figured out how to keep it from happening again. So building out a webpage, I think pages need to be more simple than complex. This page is even more complex than I would like it to be. I need to come back and kind of fresh and things up a little bit on this website. But I do like keeping pages simple. So now that we have designed our homepage, we want to apply it as the homepage to our website. So to do that, you can go down to settings and go to reading. And you can choose a static page and then we'll choose Home and click save changes. So now if we are at the root of our website, which is the homepage technically of our website, and we refresh the page. We now have our built out page, which is our new homepage. We have the footer that shows up down below and we've now built a homepage. So like I said, I think less is more when it comes to building out a homepage, make sure that it is easy for people to get where they're going. Identify the main reasons that somebody would be at your website and give them away to navigate to those main reasons from your homepage in a way like I did here in this example. So that's gonna do it for this video here. Let's jump into the next section. 18. Setting Up a Blog: We want to make sure that people have a way to access the articles that we've been writing on our website. Now that we created a static homepage, our articles are no longer showing up on the homepage. So how are people actually going to get to our articles while on a simple theme like this, we're going to want to add our article categories to our menu so people can use the menu to navigate to the category that has the articles that interests them. Some themes actually have a page template that is a blog layout and utilizing widgets and different things like that, you can actually build out a pretty interesting blog page. So let me show you both ways. First, if we just wanted to add the categories to the menu, we can go to menus and we can choose Categories. And I can add our Apple Watch in our sample category to the menu. Now it's going to make our menu quite long. So what we might want to do is add a custom link. And I'm just going to put a hash in there to represent that it is a top level menu item and it doesn't actually link anywhere. So somebody clicks on it. It's not gonna do anything. And then add the text. I'll put articles and hit Add to Menu. I'll drag that up next to about, and I'll drag Sample category and Apple Watch right underneath and hit save. Now if we go back to our website, you can see we have articles, we've got Sample category and watch, and I can click on that category and it's going to show me everything that is within that category. And it does it in an excerpt way. So it doesn't show the entire post. We can have it do that if we go and change that setting within the settings section of WordPress. But I like the fact that it does the excerpts because as we have multiple articles, it it means that they don't have to scroll down past this long article to see the next one. It's easier for them to see multiple articles without doing a whole lot of scrolling. So that's one way to do it. The next way to do it is to actually build out an articles page. So we're gonna go ahead and click Add New Page. And I'm just going to call this articles, or it could be called blog, whatever you wanna call it. And then underneath that, we can utilize widgets. And what's cool about this section is that we can pull in media from our website or pull in articles from our website. So you can see here we've got widgets. I could pull in the latest posts widget and add that right here. And it's going to pull in those latest posts. And so you can see it's pulling in all three. Now what I want to do is change this styling so you can see it doesn't have any dividers or anything like that. I can go and make changes by changing the style and the layout here. I like putting them in boxes that separates them a little bit. If there's a featured image, let's display that. I can also display the author, if maybe of multiple authors on your website. I could display the post date. I could change the image size from thumbnail to, to medium or maybe even large to have it fill all the way across. Now this page is starting to look pretty cool. I can add a link to the featured image. So if they click on the featured image, it will take them directly to the post. I can have it sort in a specific order. I can have it include only certain categories. Like if I was to choose the Apple Watch category, it's only going to include that one post because that's the only post that we have in the Apple Watch category. Or if I chose the sample category, it's just going to show those other two. So now we can build out this page and make it have just specific categories or specific sections. And we could even break this up, so I could have sections. So let's do this. Let's make a section really quick. We'll just have the Apple watch one showing up here. I am going to add in a heading, and we'll call this Apple Watch articles. And we want to move this above the widget. So now we have Apple Watch articles, and then I'll make another block heading and we'll call this one iPhone articles. And then we want to create another widget just like the one above it. So I'm gonna go ahead and we'll use the latest posts widget. Again. We'll choose the featured image. We want that to be large. We want the borders. Selection. K. It's showing everything. We don't want that. So I need to choose the sample category which I probably at this point should rename to iPhone articles because that just makes more sense. We don't have any featured images there. So I might want to add and prepare it so that if I do add featured images, Let's go ahead and add the date. We can add an excerpt of the content as well, which I think is a great idea that's going to look much better here with, with the particular widgets. So let's add post content. You can see now it brought in the post content. I can change the length here as well of the XOR up to a 100 words or down to something a little bit more manageable, like say 50 words. And then it adds the Read More link automatically. So now we're building out kind of a neat little page. We might want to limit the amount that are being shown as well. You can see here a number of items. Five, we obviously over time we're going to add more articles and we wouldn't want to push our next section too far down because people might never see it. So I might change this to just show the most recent three articles. Just keep it simple. If I had a full width layout for my page, I would probably do column so that I can have some side-by-side columns, which would be a much better experience for people on a desktop device. But this particular 2021 theme is very mobile friendly and mobile focused. So everything tends to just be more in a single column. And that's why the width is as sized as it is. So now that we've built out our own blog page, Let's go ahead and publish this, and let's assign it as our articles page. So let's go down to settings and reading. And our posts page will set to blog and then hit Save Changes. So now we need to add that to our menu. Let's go to menus. We have our articles and they're under categories. Maybe now what we should do is instead have our blog. So let's grab our blog posts page and put that here. We'll drag it up. And instead of having this like fake button in the menu that does nothing, Let's add our categories underneath the blog. I'm just going to delete this articles, hit Remove and save. We'll go back and look at our website. I'm going to refresh everything here. So now we've got the blog and I can click on the blog and we can go straight to it. You can see we've got our sections here. This is awesome. Or I can go to the categories underneath it, Apple Watch category, Sample category. Back to the homepage. So that's how you build out a blog section on your website. A couple of different ways of doing it. But I wanted to show you both so that you understand how you can provide the experience that makes the most sense for the people that are going to be viewing your website. 19. Creating a Contact Page: The last page we're going to look at building together is a Contact Us page. Now a contact page. I like to use forms on the contact page rather than embedding your actual email address on the website. When you embed an e-mail address on the website, the bots that crawl the Internet, there are good ones and bad ones. The bad ones look for email addresses that they can add to spam lists. And that's how you end up getting a lot of spam to your email. Of course, email services have gotten a lot better these days and so they can block the spam. But there's no sense in inviting extra spam that you're going to have to deal with. So by using a contact form like a Contact Us form that you can customize. That's probably the best thing that you can do for your website so that people can get in touch with you. And it also prevents your e-mail address from just being public information that's out there. So we're going to click and create a new page and call this the contact page. And I'm just going to hit Publish because we're not ready yet. We need a plugin to handle forms. And so let's go and install a plugin. Will click on Plugins. Let's click Add New. And in the search box I'm going to type and contact form. Now Contact Form 7, despite the name that kinda confuses me, is a pretty well-known. You can see it has over 5 million active installations. I'm just gonna go ahead and install that one. I've used it many times. I also use gravity forms with most of my clients because it's a little more customizable. But once you click Install and it is installed, you can see it is active here. We now have a contact section here. So contact is where we can actually build out a contact form. You can see it has a contact form that's already there. So I'll click Edit just to edit the one that's here. And here I can see that it is a basic form that has a name entry and email entry, a subject and a message. And you can customize this. Maybe you don't want it to say your name, maybe you just wanted to say firstName. See you can change the name there and then also change the name in the field title there as well. This is, this does look like code. It's basically short code, but it's pretty simple to edit. Once you've made changes to the form. And notice that there are some buttons where you can add in other things like, for example, maybe you want to get somebody's phone number as well. And so I would hit the number. And I can do a I could just leave this as is. I can choose whether or not I want it to be required. And let's just go with changing this to phone number and hit Insert. And you can see it just kind of inserted Rob phone number. We don't have a label that's there. We want a label and I can just easily copy one of the other labels and put it there. Go down one line and put phone. So your phone, we've got number and then notice that there's an end for the label as well. So we need to cap this label off just like so, and we're good to go. So now under male, this is where we would choose who we want this to go to. So I could put in the email address that I want this to be sent to, such as. Email address. And the from, we can choose who this e-mail comes from as well. Or we can just leave the default here, which is going to be basically just a fake e-mail address that the website will use to send us email. And then you can see here it's showing that in the message body that it's going to send to me. It has who it's from, name, email the subject, and then the body. Now notice it didn't include the phone number. And so we need to make it include the phone number. And so we might put in the body phone and then put your phone. So you can see these short codes are pretty easy to understand as long as this matches and see your dash phone matches in the form where we have actually it's phone number. So I could change this to something else like instead of phone number, I could change it to your phone, whatever I want it to be and it will still work. But this needs to match what shows up here. Otherwise it won't know what information to call. Then we have the messages. These are the different messages that could be shown to the user on the front end, such as if they forget to finish typing in their email and it's not a legitimate e-mail. Or if they don't fill in a field that's required or something like that, you can change what is being told to the end-user. And then when we're done, we'll hit Save. Now this is a short code right here that will embed your form. You'll want to select this and copy it to your clipboard. So go ahead and choose Copy. And we're gonna go back to our page. We're gonna go to our contact page and click Edit. And we're going to look first just to see because I can't remember if there is a block, there is a block. So we're not going to need that short code that I copied to the clipboard. Sometimes you do. And notice that our contact form one shows up right here. I'll go ahead and hit Update and let's just look at what the page has to show us by just embedding the form. Great. We've got our form. First name, your email, your phone, subject message. That's awesome. But like what am I answering? It says contact, but I might want to put something like send us an e-mail. We'll get back to you as soon as we can or will respond to you as soon as possible. So I might want to add just a little blurb of text here and say, Please use this form to contact us. We will respond asap. Of course I want that above, so I'll just click the arrow to get it above and hit Update. Now we can look at our page and we've got a little blurb there and we're good to go. So now filling out this form and clicking Submit will submit that information to the email address that I put in. And now we've created a contact page. Of course, you can add more information to your contact page. There are a lot of really cool widgets here or blocks that you can add in. For example, like maybe adding a map or something like that to your location might be interesting. So if we went to Maps dot google.com and typed in disneyland just as an example, and hit the Share button and grabbed in bed map, embed a map. Everything looks good. We'll just click Copy HTML, go right back over. I'll choose an HTML. Block. Will put an HTML. I'll hit Update. And now we have a contact form and this that's showing up way over on the left-hand side, probably need to center it. But we embedded a map and our website, which is pretty cool. So there's lots of different things that you can do here. Gosh, that kind of bothers me that it just went off to the left side like that for some odd reason, there must be a little issue with the code that copy and paste it in. I was going pretty fast. But with that, these blocks can be used in a lot of different ways and you can really build out a interesting dynamic page. Get to know some of these blocks by browsing through and seeing what these different blocks and these different patterns can do. Blocks are just nice, easy sections that you can create for your page that do a lot of different interesting things. So feel free to drag one in and drop it in and see what it does. And then patterns are kind of templated sections that you can add to your page that are kinda prebuilt. This contact information one here, or this links, area, patterns and blocks are just interesting ways to make your page more dynamic. So just going to hit Update and get out of here. But that is how we build a contact page. We do need to add it to the menu. That is the last thing we're gonna do. I know you probably already know how to use the menu by now, but we're going to click menu. We're going to click Contact, add to menu, hit Save. And then look at our page. Boom, we've got a contact page now. Awesome. That's gonna do it for this section. 20. Backing up and restoring your website: Earlier in the course, I referenced making a backup and restoring from a backup of your site using a plugin called all-in-one at WP migration. So when you install the plug-in and just to recap, you can go to plugins, click Add New, and then just do a search for the word migration and you'll get the all-in-one WP migration. Now the free version of this plugin should get you buy unless you have a heavier website. And then you might need to pay for the full version. But the free version allows you to make backups. The pro version or the premium version would be required for a larger website to be restored. So you might not actually need to buy this plugin ever unless you have an emergency and need to restore your website. So let's take a look at the export option. Come to the export option, and you can export your website to a variety of places. A file, which means downloading it to your computer. Sudden like Dropbox or Google Drive, which means connecting this plugin directly to Dropbox or Google Drive. And it will automatically upload that website backup to one of those Cloud services, which is a great idea if you're utilizing this just to do the occasional backup. That's probably one of the best options because if you backup your website and then lose the file because it's located on your local device like your laptop or your computer. And then you need that backup and it's not there, then that's troublesome. If it's in the cloud, you can access it from pretty much anywhere. There's also some advanced options here such as do not export specific aspects of the website like spam comments, stuff like that. I usually leave this alone and less. I know the website has been around for a while and I don't want the backup to be huge. I may decide not to export post revisions and spam comments just to shrink down the size, the download and make it go a little bit faster. But you're going to want to leave most of these other items unchecked so that they're included in the backup. Once you're done, you just choose the option and it's going to start backing it up. Obviously, if you choose Dropbox or Google Drive or one of those, you're going to have to log into that service and connect it first. But we're just going to download this to our computer here. You can see this website's a 100 megabytes. That's seems pretty big, but it's because we uploaded a variety of images and so a website can get pretty big, pretty fast. So I'm going to click the Download and then we'll just go ahead and hit Save. And it's going to download our website. And so the website is now downloaded to my computer. Now say in the future we needed to restore or maybe we're moving this website from one host account to another. Or maybe in the case of this, i'm, I'm developing this website on a hosting account or something like that. And I want to move it over to where it's going to go live to a new new host account. All I need is an empty like brand new installation of WordPress. And this all in one WP migration installed. And I can import. And so imagine that this is a brand new empty WordPress installation. All I have to do is go to Import. Choose Import from File, and then choose the backup file that I had created that would be here in my downloads and then upload that to the website and allow it to go through its process. So you can see here the maximum upload file size is also 200 megabytes. And so we can't upload a very large website backup without paying for the unlimited option. And so the unlimited option is worth it if you need to. Of course, upload a larger file. I wouldn't worry about purchasing it until you actually need it though. Just know that there is a limitation on the Upload. So this, this plugin is really good because not only does it package everything together, literally everything that your website has in it, from the theme, all of the content, everything that's in the database, all of your images, any files that you've uploaded, everything is there in that package and uploading it to a either to overwrite this website because maybe we made some mistakes and we just wanted to go back to our recent backup. I can upload that or moving it to a whole new WordPress installation. And you can utilize this tool for that. Just be cautious because when you do this, when you upload to that version, that's saved version, it's going to overwrite everything. Everything, everything from user data to revisions, changes anything. It's going to completely wipe all that out and replace it with the data that you are that you are uploading from that backup file. So just be careful when you go through this process. I think it's definitely kinda scary. So think about it. Even maybe run an additional backup just in case even if I am moving a website and the backup is a couple of days old, I will go and run a newer backup just to be safe to make sure that everything is as current. Because even something as simple as a plug-in update that may have ran in the background. And then you go to try to update this. Something may break. You want to make sure that you have everything as current as possible. So exercise precaution here. I wanted to share this because I think it's important to run backups of our website. And in the event of a catastrophe, a plugin like this and a recent backup can save you from having to do a whole bunch of work over again or losing a bunch of time that you've spent working on your website. 21. Migrating to WordPress: Migrating your website to WordPress from another platform can be simple and also very complicated. It really depends on what you're migrating from. There are a lot of different platforms out there that you could build a website on, including just raw HTML. If your website is smaller or was hand-coded by somebody, migrating your website to WordPress can be kind of tricky, but there are some tools and plug-ins that are available. So to find out if you're able to migrate your website from whatever platform it's on over to WordPress. You can go and look at the plug-ins that are available. And so for example, if you are coming from something like Squarespace, you might look and see if there's a Squarespace plug-in that allows for migration. And you may have to type in the word migration after it to find if there is a plugin and chances are there, there may or may not be. It's very challenging to migrate an entire website over. So what you're going to want to look for is tools that will make it easier for you to migrate over content. For example, if you have a blog that's been hosted somewhere else, you typically can export your content out of that blog and you can import it. So let's look at how you can do that. There are important tools that are available here. And so if I go to the import tool, you can see I can import from blogger life journal movable type RSS, Tumblr, and you can even import content and from another WordPress website. So for example, if we were going to import from another WordPress website, maybe you got the content out to you export it out and you're wanting to import it in, you need to install the importer by just clicking Install Now like I did. And then click on Run importer. And it's going to give you the option to upload an XML file. So an XML file is what would have been generated by the previous version of WordPress. If you're going from WordPress, maybe a bringing content out of it, another site into this new site. You would utilize this feature if you are wanting to import from something like Blogger or even just an RSS feed from another website, you can utilize one of these tools. Here there is available tools which is just a category and tags converter. But the import tools, you know, they, they haven't changed much over the years either. These are the basic import tools that you have for bringing content over from another platform. So simply deciding that you want to move your website from whatever it is built-in platform or codebase that it's built-in over to WordPress. You're still going to need to understand everything that we've went through so far in this course, such as how to build pages. Often it is much better just to take the content, copy and paste it out of your old website into your new website and use. Wordpress, blog page builder, like we looked at earlier in the course. So migrating over can be a bit challenging because there just isn't a simple tool. Now there are services out there, such as, let's just do a search for WordPress migration services. But often this is going to be kind of a manual process even for the tool. See, you can see here there is like WP support specialists.com. There these are companies that are going to migrate your site over for a fee, their migration services. There isn't really any one-click plug-in that's going to migrate all of your pages and all of your posts and everything over from some other website. So migration can be a manual process. And I do even recommend that if you are going to look into one of those services that migrates or even paying someone on Fiverr or something like that. There's so many different places you can go to. For website help, you wanna make sure that they are migrating your content over, utilizing the current tools within WordPress. So not just copy and pasting a bunch of code into a block from your old website. But actually bringing the content and using the blocks appropriately, layout the page the way that it's supposed to be laid out in WordPress, you wanna make sure of that. So I'm talking about this because there are just so many ways that you can go wrong by working with some of these companies. You want to make sure that you are getting your website brought over the content of the pages and everything brought over in an appropriate fashion so that you can continue to edit, make changes and all that stuff to your website utilizing the WordPress tools that we looked at earlier. Also there is updating pages that are old as well. Older pages on WordPress might not be built in this new block format. And you'll know that because if you come to a page, you don't see this user interface. You see just all of your text content there. And it might even have some code in there as well. And so you may need to convert some of these pages by recreating them. So with that said, migration to WordPress can be kinda tricky. I decided to talk about it in this course just because there are definitely a lot of pitfalls out there and ways that you can make mistakes and trying to make the migration process easier. I always look at moving a website into WordPress as an opportunity to update the content, to modernize the experience of the website a bit, and also just make sure that it is mobile-friendly and search engine friendly. So if you have questions or anything about migration, we can definitely, you can send me a link to a website that you are thinking about migrating. And I can let you know maybe how tricky that will be and give you a couple of recommendations. Don't be afraid to reach out through the contact form on this website and ask that question. 22. Managing Users: If you plan to give others access to your website, you're going to need to manage their user accounts. By default, you'll have your user account that was created when you set up this installation of WordPress. And you can access that by going to the users menu. You can also access it by going up here and going to edit profile. So if I click on Edit, I'm going to view my, my profile here on WordPress. And I can change things like the color scheme and added my name so I can add in Jared hill and then change what I want my nickname to be, and then change I want my name to appear. I have my e-mail address. If I want to change my e-mail address, I can and then it will request for me to confirm it. I could put in my website address so I could go learn with Jared.com. I can give myself a little bio. I could change my password and also application passwords, which is a little more advanced. We won't get into that. And then because of the security plug-in that I have installed, I have two-factor authentication here as well. When I'm done, I can update my profile. However, if you have other users on your website or you want to add other users, it's pretty simple to do that. Click on add new to add a user and give them a username. So I'll just make a second username here and add in an email address, put in a name. And I can just leave this password. I'll need to send the person this password. I can also send the new user an email about their account, but they will need a password. But the fact that I did put their email address in here will allow them to use the password reset function to reset their password if they need to, then you need to choose a role for the person. A subscriber role gives them really no access at all. Maybe it makes it a little easier for them to leave a comment underneath a post or a page, but that's about it. A contributor access allows them to log into the backend of the website and access only the Posts section so that they can add a post so they're a contributor to your website, which means you're allowing them to write and post articles or any type of content that would go into the post section. So let's take a look at this. Let's go ahead and set me the second user as a contributor. And I'm going to hit Save, and I probably should have grabbed that, that password out of there. So let's just go ahead and set a new password. I'm going to copy this to my clipboard and then save it. And I'm going to open up a private window here. Alright, so let's type in the username and the password and hit Login. This won't show up for your users unless you're using the same security plug-in that I am. Oh, his skip. And you can see here that my dashboard for this new user account is significantly smaller than the dashboard menu of what I would have if I was an admin. So you can see that this user account allows me to create posts. It doesn't allow to add categories or anything like that. It doesn't allow me to edit or change anybody else's posts. It just allows me to add new posts. I can also moderate comments. I can look at the contact is probably something that we should change the permissions for that contact plugin that we installed earlier. I can view my own profile. That is about it. So let's real quickly go to and go to that user account and change them to an author so that you can see the difference between an author and a contributor. So now if I refresh my page here, you can see that I also have the media tab as well. So I can access the media library and any content that's in the Media Library. Also that's about all I can't edit anybody else's posts from a different user account. That's about all that I get. So let's move it one step further from author to editor. And we will update and refresh our user account here. Now as an editor, you see I get the categories and tags. I also have the ability to edit pages as well. And as an editor, I can edit the posts from other people. So this editor user level is the highest user level that you can give somebody without giving them full admin access. Notice that it's still missing items like settings, a parents, and plugins. They're not allowed to manage or change those things or even add users to the website. That's an admin only privilege. So if I was to go in, change the user account level from Editor to admin, then they would have the exact same permission levels that the main user account, which is also admin, has. So these are the different user level accounts that you can give users based on what you want to allow them to be able to do on the website. 23. Using a Page Builder - Elementor Tutorial: In this video, I'm going to give you a brief introduction to element tour, which is a page builder forward press. Of course, we looked at utilizing blocks to build out pages and posts in WordPress earlier. But element tour is definitely a lot more powerful and gives you a lot more visual control over what you're doing on your website. So we're going to go to plugins and we're going to type in element tour. And we're going to install the element Tour website builder. Now element two or has some free options, some things that you can do for free. And then by unlocking it with the pro version, you're gonna get a lot more. And I'm just going to show you what's available for free here. I have a few videos that are up on the Learn with Jared YouTube channel on element two or C, you can kind of get a little bit more of an overview. And then of course, if you want to learn how to use element tour, you'll definitely want to take my intro to element to our course for WordPress. So this little getting started guide here helps you kind of get going. We're just going to close out of this because I don't want to go through this process. But now that Elementor is installed, we can go and create new pages with element tour or we can even overwrite and create new pages or existing pages with element tour. So we had some limitations. Let's just call them when we were building out our homepage here. So I'm going to go ahead and open our homepage and you'll see a new button, edit with Elementor. So if I edit with Elementor and then click, well it went ahead and opened it. I'm going to get that page with this content that's been brought in. So it brought in everything that was on that page already in this section, you can see here. And so if I click this section, you can see I have some settings over here. And I could go and make adjustments to my page. See I still have this narrow, narrow area here. So what I might want to do is go and see if I can change my page layout to Elementor full width. And so it'll refresh the page. And now you can see I've got a full width area. And now let's take full-width and go to box. And you can see now I've got a much more robust page going on here. Lot more area to work with. So I can just delete this whole section out of here, or I can utilize and maneuver this content pulled in. I'm just going to go ahead and delete everything here. So let's go ahead and delete. Now we have nothing on this page. I'm really quickly going to rebuild the page that we have already. So I'm going to copy this text. I'm going to create a new area and make it full width. I'll go right up here to where the elements are and grab a heading element and drop that in here. And I'm going to title it appropriately. Now that text looks very light. So what I could do is go to my style and I can change the color of that text to something a bit darker. We'll just make it black. Really keep it really simple. Now I need to add a block of text underneath it. And so I can grab a another element, the text editor, and drag that in here. And we'll just delete out that text and I'll paste in this text and I can go to style, I can center it that gray might be a little hard to read. And so I can either go with white or I can go and just keep, keep the text black. I also have the ability to really just, I have a lot of control over the color, everything from the color itself to the opacity of it. And there's just a lot of options here, so we'll just keep it a dark, just to keep it simple. Now, I have my, my three columns here. Of course, I can click here and add three columns and then go back to the elements. I can add in a heading, I can add in an image. And then I can add text underneath it as well. And so we'll go grab, let's see which image it was the iPhone frustration one. So we'll grab that image and throw it in here. We'll grab that text and update the text. I'm going really fast here, but this is, it is pretty simple to get the hang of element tour. See that title is a little big for me. So I might want to go into the topography setting and change that to maybe 24. And then I want to center it. So I'll go back and click on Center. I like centered, that looks good. Then I'll grab this block of text right here. And we'll paste that into place. Probably need to change the color there. I actually have a tip on how to keep from having to update all of these colors and sizes and everything on the YouTube channel. So make sure to head on over to the YouTube channel. I'll link down below to top. The video is titled Top five element to our tips for beginners. And so you'll want to check that out. So I'm not going to go on and build out the rest of this. I can easily duplicate items and drag them into place. To notice I am right-clicking and then just clicking and dragging an item over, right-clicking, Duplicate and clicking it over. I can also right-click. So let's right-click copy, right-click, paste. And I can even use keyboard shortcuts. As you can see, I can do Command C and Command V. So let's go ahead and we'll Command C and then Command V, O. So we'll go ahead and just copy this one over and paste. It could use the keyboard shortcuts. Undo also works in case something goes awry. Here we go. We've got that built out, and then we have buttons and we also have a video down below. So let's grab our video first and we'll make a full section here. And a pro option is a video element. So if I type in video, I'm just going to go ahead and throw it in there. And we will paste the video in place and boom, we've got the video that looks really good. Buttons are also super easy to create. I can just drag and drop the buttons. But if you remember there was an issue with alignment, I'm not going to get into that now because since these paragraphs, all three of them are the same, the buttons are going to be aligned the same. So I'm just going to type in, read more. Will center the button. I can make the button a different size. I can change all sorts of information about the button. The color. A is easy to adjust. If I go into style, I've got a lot of buttons, settings that I could change, even hover effects. So maybe I don't want the background of the button to be blue when I hover. Now you can see when I hover it changes colors. Just element who are just makes things so, so easy, I could easily duplicate, bring this button over after I have it looking the way that I wanted to. And you can see how much faster this was for us to build out a page. So let's click Update real quick. So we've now updated this page. This is our old page. Our old page. Not too exciting. Let's refresh. Okay, this looks way better. As you can see, element tour is a great ad on for WordPress. We spent less than ten minutes completely recreating our page here, making it look a lot better. I did not even scratch the surface of what's possible with element tour. If you want to try element to our probe, I've got a link below this video for you. Of course, if you end up buying element to a pro, it helped support me and this course that I put out. And so you can install elementor for free. But if you want to unlock element to our Pro, which is all of these settings down here, all of these different elements that you can drop in, Like embedding Facebook, content, share buttons, social media related stuff, Call to Action, things, Price tables, gal image gallery, have your blog posts automatically populate in and configure that out to look really cool adding a portfolio. I mean, there's just so many good elements that you can add in here that come with the pro version. I think the Pro version of Elementor is highly worth it. So check out that link below this video. And if you're interested, go ahead and pick it up and make it part of your WordPress environment as you create your website. 24. Recommended Plugins: So let's take a look at some plugins that I recommend that add usability and functionality to WordPress. So you can see I've got quite a few extra things now over here in my menu, we're going to start at the top and work our way down. So obviously I talked about site kit earlier, which is a great way to connect to your website, to Google so that you can get things like Google Analytics on your website. You want that so that you can identify the traffic, how long people are spending on your website, how many visits you've got to your website and all that good stuff. Google Analytics is a great addition. And the Google site kit plug in is one of the best ways to implement that into your website. So jetpack is also a great one. Jetpack is a plug-in from WordPress themselves from the developers of WordPress and jetpack adds in some great performance additions. I'm not going to go through the setup and everything here. I've simply installed it. Jetpack gives you the ability to add some additional features that are more wordpress.com specific. Earlier we talked about the difference between wordpress.org and WordPress.com. There are some benefits to connecting two jetpack with WordPress and that is utilizing their CDN for speedier loading of assets on your website. So if you have a lot of images and stuff like that, it is a best practice to have those images and everything loading from a CDN, which stands for content delivery network. And jetpack has that and it's very easy to implement through jetpack. And so there's a lot of benefits. You can go ahead and read. I've got all of the links to these plugins included with the video down below. So you can look and see if any of those options are a good fit for you when you sign up and connect jetpacks who your website. Jetpack can be free. There is a free version and then there's also some added features that are paid versions that even can provide backups to your website. So if you have a host account that doesn't provide backups and you're thinking, okay, I guess I'll just do my backups manually connecting to jetpack and subscribing at the appropriate level will give you backups as well. Moving on down, we have Gravity Forms. Now you can build a form using that forms plugin, that contact 7 plugin that we talked about earlier. But Gravity Forms gives you a lot more functionality when building out your form. So for example, if I'm going to build out a contact form here, rather than utilizing that short code that we were looking at earlier, which might be a little confusing. I can come in here and grab a name field and drop it in. I can grab an e-mail address form, just click it and it drops right in. And then I can grab a paragraph text, change the name of this one to comment. I can make these required fields really easily. And then also, let's just hit Update and I'll show you. I can also create a custom confirmation message that is shown after the form is submitted by going here and updating that, I can also have notification emails sent it very easily, not just to myself. So here's an admin notification. I can go in and put in my e-mail address here and I can set the from email address as something like no reply at my website.com, whatever your domain name is. And then you would get the notification directly to your email that was, that was filled out from your website. On top of that, you can also create notifications that are sent to the person who filled out the form as well. I love this because it's nice to send a if it's a form that has a lot of fields, it's nice to send them a copy as well, or even just a message that we receive two there, our form submission. I can come in here and to the body of this and I can add any detail. So if I wanted to say, hey, and then have it automatically populate the name, we received your request. This would send them an e-mail that says, Hey, Sam, whatever the person's name is that filled out the form. We received your request, Jared, and then it would send that as an email to the person, which would be awesome. Of course, I need to put in the email address, so we'll select a field. We'll choose their email address. I can put in their name or who it's for. I'm actually I would want to put my name or whatever you named. Your website is C. You need to fill these out appropriately to complete this notification, but it's pretty cool. And then there are tons of add-ons for Gravity Forms as well, such as Stripe payment forums. You can make a payment form using Gravity Forms. You can connect it to your email marketing tool. Lots of great stuff you can do in gravity forums. A link to checkout Gravity Forms is down below. Also, the seed prod landing page builder is great because you can build a coming soon page for your website while you're working on it or a maintenance mode. So if you wanted to work on your website without everybody seeing the changes that you're making live, you could simply set up a maintenance mode page. So let's go ahead and set up a maintenance mode page. We can use one of these many templates here. We'll just go ahead and click here. I could change out this logo to an image that I already have on my computer, such as this image that we used as the logo earlier. And I can hit Save, I can go to page settings. I could publish this and hit Save. And then now we should have this live, I believe in his life, access control. We can even give access to people to look at the website, gets them passed this maintenance mode page, which is pretty cool. So let's just check to see what this looks like. I'm going to open this up in a private browser because it will allow us past because we're logged in. So let's go ahead and check and see. No, I must not have activated at all The way. I need to go back to the maintenance mode and publish this. So let's just close this. We need to activate it. There we go. Maintenance mode activated. Now we'll refresh. A couple of times. Maybe it's remembering, it must be remembering my IP address here and not allowing me to, to show this coming soon page. So of course, as I'm trying to go through these things really fast, It's not, oh, you know what? I'm still logged in in this browser instance. So anyways, building out this nice coming soon maintenance page is definitely useful because now you don't have to do your changes and hope that nobody sees your changes as you're doing them live. You can put up a maintenance page or a coming soon page, making it easy for people to see websites being worked on and it's not down. And then they'll come back later because of your messaging that you left on your website. So seed proud also allows you to create a custom login page, which would be good if you have a lot of users logging into your website. And also accustom 404 page, which is the error page that people see if they find the wrong page on your website or a page that might be a broken link. Going all the way down. We've got WP, mail, SMTP. This allows you to more easily send email from your website. So earlier with the Gravity Form or even if you're using Contact Form 7, those need to send email from your website to other users and not configuring anything could mean that email deliverability will be spotty because the website is sending e-mail which can easily be seen as spam or your email address being spoofed. So sometimes e-mail delivery will be tricky. So what I recommend is coming in and configuring WP email, SMTP. And there are all of these options down here below. For example, if you have Gmail, you can connect Gmail so that it sends on behalf utilizing your Gmail account, which means the deliverability is going to be much better. I use SendGrid, which is very inexpensive every month to connect to. And I use this on a lot of websites. I think it cost me $5 a month. And I have probably 30 websites running underneath that $5 a month account and SendGrid makes it so that all of my e-mails are delivered, all of my clients e-mails from their forums are delivered. So make sure you take advantage of something like WP, mail, SMTP. I don't even typically use the Pro version. Of course there are more features if you unlock the pro version, I don't use those. Lastly, we have SEO by Yoast or Yoast SEO. This is a very common one that a lot of people install. You can come in here and configure some of the features of it so that it's helping you better understand what makes a SEO friendly page. It does things like analyze the amount of keywords that you're utilizing and a page. And then it also allows you control over the title and the description that shows up in a Google search. So for example, when you do a search, such as if you were searching for me, you have. This title here and you have this block of text, and then you also have some site links that show up as well if Google so chooses to include those. And what's nice is you can customize the title. You can customize this block of text that shows up, because often Google will just grab whatever is at the very top of your page. And that might not be what you want showing up in the search engines. So when you add Yoast, oh, and then go and look at one of your pages from the backend, for example, let's look at our homepage. I'm just going to click Edit, not go into element to orbit, just click Edit. You can see we have this Yoast SEO box down here below. And it shows that basically what will show up on Google. So I can come in here and I can edit these just by clicking down here, I can change. Welcome to our new website, dot-dot-dot. I'd want to fill that out and notice how the bar is filling up. It's letting me know when I've added too much text, that Google will truncate that text, basically cutting it off. Same thing for the title. And then of course I can go in and do a little brief SEO analysis if I'm using the premium, but it does give us some problems. It says no outbound links, no internal links. It's kinda giving us some SEO tips that we can utilize to better prepare our website for being life on the internet. And then also you can see over here the readability. It says readability analysis is good. The SEO analysis needs improvement. However, if we're using something like Elementor, it's going to be a little bit harder for Yoast to read that content. So it might be better just to use this feature over here when you're writing posts because it's not my practice to use page builders like element tour on a standard post. I'll use them on a page but not on a standard post. So I know that was a real quick look at some plugins that I might use on WordPress. I just wanted to introduce you to some of those so that you can see some of the features and some of the different things that you can add the WordPress. Obviously you can go into the plugin section and explore. Just make sure that you are choosing plugins that have been updated and show that they're compatible with the latest version of WordPress. Don't install plug-ins that haven't been updated in over a year. Chances are there some security flaws and some things that have come up that plugin might not be completely patched, which then opens your website up to potential Hacking's. All that nasty stuff that's out there, malware and stuff like that that you might not even know exists because they're really smart about getting that stuff into your website. So with plugins, proceed with caution, but just make sure you do your homework and check to assure that those plug-ins are current, that are updated and that there's still being supported by their developer. 25. WordPress SEO Tips: So let's look at a couple of WordPress SEO tips. Seo stands for search engine optimization and it's the practice of improving your website so that it will perform better in the search engines. Now, search engines are getting very smart these days and don't need nearly the help that they use to need in order to rank websites. But we do need to prepare our website to be the best experience, not only for the search engines, but for the end-user as well. So we're going to look at a couple of things that help a website be more findable. Now I talked about the WordPress SEO plugin by Yoast that we installed as a recommended plug-in. One of the things that that plugin allows you to do is go in and customize the page titles. And what's important about that is that the page title that shows up typically in the tab of your browser bar is the page title that Google will see. So if we do a Google search, say example for, for me, Jared hill. And we see these titles here that show up in the blue. And this is essentially the page title of your website. And then below that is the description from the page. Now the description from the page can be the first sentence or two from the very top piece of content on your page. Or it could be a custom tag that you've added the Meta description. So Meta tags are still something that you can manage. They're not as important for SEO as they used to be, but they definitely help with the overall experience. And what shows up when somebody does a Google search is very important because the search engines use that to display so that users like us when we're doing internet searches through Google, Bing, any of the search engines, we want to see a good example of what we can expect at that website. So when we scroll down on the page, we have this little box right here, and it's pulling in content from our homepage. And with element tour, It's a little tricky because it doesn't pull in that information automatically. We need to go and feed this information. So you can see right here it says home dash all things iPhone, that is the title that would show up. Now home doesn't necessarily need to be there. It's not a good descriptor of the homepage of our website, I would rather change this. And so right down below where we see the SEO title that's being automatically generated by the title of the page, a separator and then the site title. We can remove this for this specific page and change the title of the page. So we could change it to all things iPhone I. And then we can like reviews, tips and tricks. And then we can also give it a description. Love Apple, you'll love our reviews. Tips, and tricks. Articles and videos to help you better utilize your mobile device. So as you can see, the more I type, the more this little bar fills up here. You want it to be in the green because it's utilizing the majority of the characters that you have available and the title that you definitely want some keywords in there. And so I say all things iPhone reviews, tips and tricks I could put for iPhone, I pad and Apple Watch. And that utilizes the whole area. And then in the description, we also have room for a few more words. So what's, what's good about this is that we're putting some keywords in our title and our description that people would find on our website. And we're also giving a better example of what people can expect. And here it gives you kind of a visual preview and I can see what that would look like on a desktop and then also on a mobile device. And then when I'm done, I just click on update to update the page. I highly recommend doing that for all of your static pages. And you could even do that for your posts as well. If your article is not starting off with the information that would be most relevant. Typically with a post when I'm writing a post or an article to my website. The first couple of sentences of that post, I want people to understand what they're about to get. It's very easy to ease into an article with an introduction talking about things that aren't necessarily relevant to the, the thing that we're going to be giving to the person in the article. For example, with this website, it would be maybe a review of a product or a tip or a trick for their iPhone. And so you can utilize this to change the Meta description at least so that it reads better so that when somebody Google searches, it's not, you know, a short story, a couple sentences from the short story you started your article width. So very good tip here for SEO and for making your website more findable. And other thing that's huge. How fast your website loads in a browser when somebody pulls it up, Google really pays attention to this one. And to make sure that my website is running fast, I use a plugin called WP rocket. So I'm gonna go ahead and activate WP rocket and just quickly show you what it does. Wp rocket is a plugin that provides website caching and then also some neat tweaks to WordPress that allow things to load in a different way so that the website loads faster. So when you install and activate WP rocket, it's going to show up in your top bar here. And you can go to Settings. So in settings you need to of course connect it to an account. This is a plugin that has a cost, but I believe it's just highly worth its cost. Every client's website that I build typically is pretty well optimized and loads pretty fast because I size images appropriately. I don't get too carried away with animations and things on the page that could be heavy. But there's still some tweaks that need to be done to make it optimized and run at its best. And so after installing and activating WP rocket, things are much faster. I've got a link included with this video for WP rocket. You definitely should check it out. So most of these things here, I just I, in that on the dashboard, I don't change. I'll go into cache. I will enable separate cache for mobile devices so that the cache file stays small and separate. It's not something that's big and heavy to load. Only if you have logged in users what I enable cash, otherwise leave that disabled. So when people are logged in like yourself into the back into the website and you're making changes. You don't have to delete the cache so often so that you can see your changes. I'll then click Save Changes. Wait for it to refresh here, and then move on to file optimization. Now, I minimize CSS. Click Activate, combined css, activate optimized CSS delivery. And typically this fallback critical CSS would just be a more advanced thing most of us, unless we've gone in and written a whole bunch of style code for our website that is separate from our theme. We don't have to worry about that. I'll also minimized JavaScript because chances are I'm not doing anything crazy that would, that would break. I'll combine the JavaScript files and as well to continuously minify. And low JavaScript differed. And then click Save Changes. Now, there are a lot of boxes and a lot of little warnings that pop up 99% of the time. I don't have any issues here with these. I typically only have issues if I'm running some advanced plug-in that provides some sort of service that was typically more customized for my, my client's specific needs. Now I enable lazy load for images, which means the images are going to load as they become visible on the page. So it's not going to try and load every image on the page, including the image is way down at the bottom until the user starts to scroll. This definitely helps with page load speed. I enable iframes for videos and replace YouTube iFrame with a preview image, which means this is no longer calling out to YouTube and loading in additional information which sometimes can slow down page load speed. Instead it's replacing it with a preview image. And then when somebody clicks on it, it then loads that and then it will start to play the video. I add missing image dimensions, disable WordPress embeds usually unless unless I have a need to keep them enabled. And then I, uh, need Enable Web API caching as well, which converts images to a web API format when it can. The WebP format is very friendly for browsers and images load significantly faster. You'll see after making all those changes that are some things that are happening up here, we'll just scroll down and continue to go through to the preload tab. I'll activate sitemap based cache pre loading. And if I have Yoast installed, I could just click the box and use the Yoast XML sitemap that it's already generated. If you don't have Yoast SEO installed, then you can figure out what your sitemap URL is here, which is usually your website address slash WP dash, sitemap dot xml. This has changed over the years, so you definitely want to check and figure out what the automatically generated sitemap that WordPress is generating is. But Yoast SEO, we'll manage it and we'll just put it right there. Enable link preloaded that's already there. And then we'll just hit Save Changes. Now we'll move on to just advanced rules. I don't think we're going to do anything with advanced rules database. This is for cleaning up your database. This is ongoing maintenance type of stuff that we're not going to really manage right now. And the rest of these are not really features that will utilize. You can integrate a CDN if you know what that is. A CDN as a way to load your images separately on a server that's just specific for loading media for your website. And WP rocket has their own CDN service that you can use as well. I've used it on one client's website, but I don't use it that often. The heartbeat control WordPress API, heartbeat. We'll just go ahead and leave those set to their defaults. Of course, there are some add-ons. If you're using Google Analytics, you can add Google Analytics to improve caching there. If you're using a Facebook Pixel or anything like that, you may want to enable these because the caching plugin can affect the performance of those tools. We have image optimization. With image, if i, I think is how you would pronounce it, I do use image of fire a magnified on a couple of sites that are more heavy with images. And what that plug-in does is it compresses images so that they're not so large. And I typically only use this on client sites where I know they're going to be adding images to their website. And they tend to just upload these massive images that are going to slow down their website. So it's not necessary. It does have an additional cost, but that's typically the only time that I use it. And then of course there's a tool for exporting your settings and all that good stuff. So now that everything is enabled, we're ready to go. It's about done with its with its pre loading. And if I refresh the page or just go to any other page, I can see that that's now probably gone unless it's just specific to the WP rocket page. Yeah, it's already done. So if you have any issues where you make a change and somebody can't see it on the front end of your website, all you need to do is go up to WP rocket and click on Clear cache. And it's going to go ahead and clear cache. Most of the time if you make any change to the backend of your website, there's going to be a little bar that pops up that says something changed on this page. Would you like to clear the cache and it gives you the option to do that. So WP rocket definitely helps improve your website loading and page speed and all that stuff. It's a fantastic plug-in and it gets the job done. That would take a lot of back-end work to your server, your host account. And most of the time these days, especially with Managed WordPress, it's hard to get a lot of these things done at your hosting account level. And then if they run a software update on the server, it might erase all of those things. So utilizing a tool like WP rocket definitely helps keep your website running fast and, and clean and safe. And the improvements to the user experience are definitely worth the price of the plugin. 26. Additional Courses: All right, well now that you understand WordPress, it's time to level it up and take it to the next step. There's a lot more to unpack as far as WordPress goes and even building webpages, managing webpages, and moving on to building full websites. So if you're interested in learning more, I haven't advanced WordPress course that I think is a great next step to this course that you just finished taking. And on top of that, I have a few courses on the Elementor page builder. I briefly went over in one of the videos earlier. As you can see, that's a very powerful tool to building amazing looking websites without nearly as much effort as hand coding and designing and even using the built-in WordPress block manager. So if you're interested in learning those, I've got links to the courses below for you to check out. And I would appreciate you at least watching the introductory video there and seeing if those courses are for you. But continue your education, the more time you spend in WordPress, actually trying things out, seeing what different things do, the better you're going to get, the more comfortable you're going to be. And the better webpage manager, website manager, website builder, whatever it is that you're going to be doing as far as utilizing WordPress goes into the future. So as always, you can always reach out to me if you have any questions or anything of that nature. 27. WordPress tips and tutorials on YouTube: I also wanna do invite you to subscribe to the YouTube channel. I'm going to be posting a lot of shorter form videos, tips, and tricks that might not necessarily make it into a course are interesting things to know. Top five type of plug-ins that you should be using, top five things that you should, no, when it comes to preparing your website to be more search engine friendly, things like that, that just help you further your WordPress knowledge and your website design knowledge. So check out the link to the YouTube channel and click the subscribe button so that you can be notified when new videos come out. And of course, the little bell icon will send notifications to you, letting you know that I have a new video out so that you can continue your education. 28. Thanks: And that is going to do it for the course. Thank you so much for watching the course all the way through. I hope it was useful to you and that you are able to glean some insight into how to use WordPress and better manage the site that was given to you to manage or maybe you're building your own site for the first time. I hope that you have a better understanding of WordPress. Now, I have a feedback form I would love for you to fill out. It helps me better understand how this course was used by you, how you understood it. If there was anything that was confusing, if there's parts of it that I could have done better. That feedback form helps me better understand how to revise this course in the future and also prepare to produce better courses on other topics in the future as well. So please click on that link below and follow that over to the feedback form. It's very short and I appreciate you filling that out. When you fill that out, you'll also have the opportunity to subscribe to my e-mail newsletter. You don't have to, but that will give you updates when I have new courses and new information out. I talked in the last video about some of the YouTube content that I put out and I will share some of that through the email as well. It's just a way for me too, keep in contact with you and let you know what I have coming up. And then just to be available as a resource to you as you move forward working with WordPress or whatever it is that you end up doing. So, thanks again for taking the course. I appreciate you making it all the way through the course. I know that it can be a bit long and daunting to get through an entire course. But if you're watching this video, I really appreciate you making it this far and I wish you the best and I hope to see you in another course here soon.