WordPress for Beginners - The Complete Guide | Phil Ebiner | Skillshare

WordPress for Beginners - The Complete Guide

Phil Ebiner, Video | Photo | Design

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
74 Lessons (5h 50m)
    • 1. Enroll Now

      2:34
    • 2. Welcome & What is this Course About?

      2:52
    • 3. Desktop Server by ServerPress vs. Hosting with BlueHost (or another host)

      2:37
    • 4. Practice WordPress for Free with ServerPress

      6:20
    • 5. Install WordPress with Your Own Host (Bluehost tutorial)

      5:59
    • 6. Navigate the WordPress Dashboard

      6:06
    • 7. Install a New WordPress Theme

      6:34
    • 8. Set Your Home Page

      4:09
    • 9. Editing a Page & Changing the Site Title

      17:05
    • 10. How to Set Up Your Custom Menu

      5:41
    • 11. Publish Your Website - Make it Live

      1:41
    • 12. Writing a New Post & Organizing Your Blog

      9:12
    • 13. Blog Page Design - Excerpts vs. Full Content

      1:00
    • 14. How to Add Videos to a Post or Page

      3:44
    • 15. Design Your Sidebar with Widgets

      4:47
    • 16. Add Images to the Sidebar Using HTML

      4:58
    • 17. Add a Facebook Like Widget to the Sidebar

      2:27
    • 18. Change Your Site Icon / Favicon

      1:47
    • 19. Change Your Site Icon with a Plugin

      2:25
    • 20. Make Your Website Responsive - Easy to View for Mobile Users

      3:27
    • 21. Customize the Footer Information

      3:28
    • 22. How to Find, Install, and Activate a Plugin

      7:19
    • 23. Back Up Your Website - Automatically and For Free

      4:48
    • 24. Secure Your Website to Prevent Hackers and Malicious Files

      4:51
    • 25. SEO Plugins that Help Your Site Rank in Google Search

      5:37
    • 26. Speed Up Your Website with Caching Plugins

      4:33
    • 27. View the Analytics of Your Site

      5:06
    • 28. Block Comment and Contact Form Spam

      3:13
    • 29. WordPress Commenting Systems

      5:07
    • 30. Secure Contact Forms That Block the Spammers

      7:07
    • 31. Link Redirecting and Shortening with PrettyLink

      2:58
    • 32. Add an Editorial Calendar to Your Site

      2:00
    • 33. Create Email Opt-Ins for Free - SO IMPORTANT

      10:58
    • 34. Add Social Sharing Buttons to Increase Sharing

      6:51
    • 35. Add a Welcome Mat to Increase Opt-Ins

      3:23
    • 36. 3 More Ways to Increase Opt-ins with Sumo

      3:50
    • 37. What Pages Do You Need?

      8:42
    • 38. How to Design a Home Page that Works

      8:54
    • 39. The Start Here Page (aka About Page)

      6:15
    • 40. The Resources Page - A Visitor Favorite that Drives Revenue

      5:39
    • 41. Set Up a Blog-Based Home Page

      7:16
    • 42. How to Write Epic Blog Content that People Will LOVE

      5:32
    • 43. Set Up Your Permalinks to Make Your Site More SEO Friendly

      1:09
    • 44. Using Tags & Categories - THE RIGHT WAY

      3:24
    • 45. Scheduling Posts to Go Live Later On

      1:22
    • 46. Create a Membership Site on WordPress Using Free Plugins

      8:07
    • 47. Sell DIgital Products on Your Website with Gumroad

      5:56
    • 48. SSL Certificates - Secure & Encrypt User Data

      4:37
    • 49. Case Study: Set Up Sales Funnels That Work

      11:24
    • 50. How to Update WordPress Itself

      3:10
    • 51. Easily Add a Google Map to Your Website

      6:04
    • 52. Add a Slider to Your Website

      5:29
    • 53. Customize the WordPress Dashboard

      1:30
    • 54. Add a Background to Your Website

      2:52
    • 55. Create a Child Theme

      8:44
    • 56. How to Create Multiple Sites with Desktop Server

      1:53
    • 57. Design a Modern One-Page Website

      1:51
    • 58. Create the New Home & Blog Page

      1:07
    • 59. Adding Blocks to the Home Page

      7:00
    • 60. Add the Services Block

      4:22
    • 61. Add the Employee Section

      2:56
    • 62. Add the Facts Block with Custom Background

      5:18
    • 63. Add a Testimonial Bock and Customize the Text Colors

      4:28
    • 64. Customize the Header and Menus

      7:34
    • 65. How to Install a Great Theme for Portfolios

      1:42
    • 66. Design Your Website Title and Logo

      6:06
    • 67. Editing the Home Page Slider

      4:34
    • 68. Add Contact Info to the Header

      1:41
    • 69. Add Social Media Icons to the Header

      1:37
    • 70. Customize the Main Menu

      0:58
    • 71. Design Your Home Page Gallery

      4:05
    • 72. Create a Tile Mosaic Gallery

      5:50
    • 73. Edit the Footer Copyright Information

      3:30
    • 74. Thank You

      0:55
30 students are watching this class

About This Class

Create your own website with this complete WordPress course - no experience, programming, or coding necessary!

You're here because you want to create your own WordPress websites, right? 

This is the perfect place to start. This complete course is designed for beginners like you who have never built a WordPress website (or any website for that matter). 

WordPress is the perfect tool for creating a fully customized website for any purpose. Whether you want to create a blog,  a personal portfolio, or a business website to sell your products and services, you can do it with WordPress.

While WordPress might seem scary from the outside, once you get started, it's fairly intuitive. Everything from hosting to installing a theme, then actually building your first pages can be learned in the first few lessons of this course.

With this course, you don't need to actually pay for hosting to practice with WordPress. I'll show you how to create a free temporary site so you can follow along. 

Why learn from me?

I've been building WordPress websites for years. Just like you, there was a time when I was a complete newbie! I was honestly scared of starting a WordPress website because it seemed so daunting. 

Now I love WordPress! I wouldn't recommend using any other web-building tool.

I still remember what it is like to be a beginner, and I've kept that in mind while creating this entire course. I walk you through every process step-by-step to make sure you understand things clearly. And if there is ever anything that is confusing, just let me know and I'll create more lessons that explain or walk you through myself.

COURSE CONTENT:

  • You will learn how to build your own beautiful website using WordPress.
  • You will learn how to design your WordPress website the way you imagine.
  • You will be able to customize your WordPress website for any purpose of yours - whether it's a blog, a portfolio to show off your work, or an e-commerce site to sell your products or services.
  • You will learn how to host and publish your website in an inexpensive and secure way.
  • You will know how to design pages, menus, sidebars, footers, and create a professional and modern website.
  • You will know how to find and install themes.
  • You will know how to find and install plugins.
  • You will know how to back up your WordPress website in case of emergency.
  • You will know how to get your website found by search engines like Google, Bing, and Yahoo.
  • You will know how to set up email opt-in forms throughout your website.
  • You will know how to increase social sharing of your posts and pages with free plugins.
  • You will know how to set up comments and contact pages, while blocking spam.
  • You will know how to speed up your website with caching plugins.
  • You will know how to make your website secure and protected from hackers.
  • You will know how to set up a membership and / or e-commerce site.

DESIGN A SITE THAT WORKS FOR YOU:

No matter what your goal is with your WordPress website, I want to make sure you're able to achieve those goals. That's what I promise to help you out with.

PLUGINS YOU'LL LEARN ABOUT:

  • JetPack
  • Google Analyticator
  • Google Analytics Dashboard
  • Backup Buddy
  • BackUp WordPres
  • VaultPress
  • All in One SEO Pack
  • Yoast SEO
  • Google XML Sitemaps
  • W3 Total Cache
  • WP Super Cache
  • SumoMe
  • MailPoet
  • Optin Monster
  • LeadPages
  • OptimizePress
  • Share by SumoMe
  • Floating Social Icons
  • Akismet
  • Disqus
  • Contact Form 7
  • Fast Secure Contact Forms
  • PrettyLink
  • Redirection
  • Editorial Calendar
  • Sucuri
  • WordFence Security
  • many more!

Who is this WordPress course for?

This course is for anyone brand new to creating WordPress websites. If you have never built a website before, great. If you've built a website on another platform like Wix, Weebly, GoDaddy, or others, that's fine too. This course is not for people trying to learn to code a custom Website. In this course, we'll learn how to use the thousands of themes and plugins already out there to design our own custom websites.

I can't wait to help you build your own WordPress website!

Cheers,

Phil

Transcripts

1. Enroll Now: you're here because you want to build websites, right, and you probably know a little bit about WordPress. That's why you're here. It's one of the most popular platforms for building your own website. I remember when I was starting out understanding WordPress and hosting, and everything that goes into it was so confusing. In the first few lessons of this course, you'll learn how to practice WordPress for free. If you just want to get started, play around with it, especially with this course, you can follow along and build your own website, and then you're going to learn about hosting. So when you do want to make your website go live for the public, I'll walk you through how to purchase, posting and set up your own WordPress site. That way, within the first hour of this course, you'll know how to install a new theme. Add new pages, customize your home page. Following that, we'll learn about plug ins, things that actually make your website faster, safer, more reliable and just work better exactly how you imagine it. So if you're looking to build a business website and e commerce platform membership site, a blogger or a portfolio or really any other type of website. You can do it with WordPress and I'll show you how in this court. After learning the basics which you can use to build the website of your dreams, we'll actually walk through a couple other examples of websites, whole projects and whole sections dedicated to building a different type of website. One other great thing about this course is that you're not just going to learn how to use WordPress as a tool to build your website, but you're going to learn how to create a great website that works. What pages should you add to your website? How do you design pages so that they actually do what they're supposed to do? For example, how does a home page work? What should you put on a home page? Because it's one thing to know how to use the tool to build the website, but it's a different thing to know how to use it the right way. The reason why I think this is the best WordPress course for beginners is not just because of all the what I would like to say. Amazing video content, but also the fact that I'm here for you. If you ever have a question, if there's anything that's confusing with your website or with what we're working on in the course, feel free to send me a message. Proposed a question to the course, and I'll answer it as soon as possible with our 30 day, 100% money back guarantee. There's no reason to hesitate if you want to start building your own WordPress websites and roll now and I'll see you in the next lesson. 2. Welcome & What is this Course About?: Well, you did it. You may hopefully the right choice in ruling in this class and from the bottom of my heart , I thank you and I hope that I can help you learn how to build your own WordPress websites. If you follow the next lessons, you are going to dive right into building a website. First, we're going to deal with hosting or getting started for free. If you don't want to pay for hosting, this could be one of the most confusing things about starting a WordPress website. But I promise, once you get this, taking care of everything is going to seem a little bit easier. If you have any issues with it, please let me know. I created video tutorials to walk you through how to get started for free and also how to get started with hosting. I'm using Blue Host. It's going to be very similar if you're using a different host, But if you are using a different host and you're stuck somewhere, just let me know. By the end of this first section you'll have a WordPress website up and running. You'll know how to navigate WordPress. You'll know how to install a theme so that your website looks and fuels like you want and you're even going to set up your home page. Following this first section, we continue learning exactly how I imagine you would want to learn as you work through building your own website so I don't go through every single button or menu item in order. What I do is try to think of how would you go about building your own website for the first time and walk you through each of those steps? So there's a lot happening in Section two that will get you used to using WordPress. And then, in Section three, we jumped Teoh, learning how to use the different plug ins. There are thousands of plug ins out there. They do all kinds of different things, and these are the things that really make you able to build a WordPress website that does exactly what you want. If you need a photo gallery, there's a plug in for that. If you want a different type of commenting system, there's a plug in for that. If you want a membership site, there is a plug in for that, and we're going to walk through all kinds of these situations. By the end of the plug in section, you should have a pretty good grasp on designing and building your website. But I've included more content to go over some more specific advanced techniques and then afterwards, at the end of this course there's a couple sections where we walked through an entire build of a new website. So we install a theme from scratch and we worked with that seem to make it look amazing. As I always say in my courses, I know they're not going to be perfect, especially when I launch them. But after I launched a course, I listen to students like you and I try toe update the course based off of your feedback. So if you have any issues, if there's anything that I didn't cover or something that's still a little confusing, just let me know. I'd be happy to explain further in the course. I'm excited. Are you excited because you should be because you're on your way to creating your very first WordPress website? Let's get started 3. Desktop Server by ServerPress vs. Hosting with BlueHost (or another host): as soon as I launched this cores. One of the questions that I kept getting asked was about confusion with what the hosting options were. What is hosting what server, press and desktop server are, what blue Host and the other hosting options are? So if this is confusing for you, please continue watching this lesson as I explain what this means. If you totally understand it, you can go ahead with the course and get straight to installing server press or blue host or another host to start practicing with your WordPress site. I just added the text based lesson that you just read through previously. To explain what wordpress dot org's verse wordpress dot com It's hopefully by now. You understand what hosting is and why you need it for your WORDPRESS website. So now you have to decide. Do you want to pay for WordPress hosting so that you can have a website that's live for the public to view? Or do you just want to play around with WordPress for free? And that's why I included the option for getting started for free with Server press, which makes the tool, sir Desktop server So you only have to pick one. You don't have to do both, and in terms of Blue Host, there are different hosting options. So in lecture five of this course, I'm going to list out a bunch of other hosting options for you to go through. I use Blue Host. I included a tutorial, step by step tutorial in Lecture six on how to install WordPress with Blue Host. But that doesn't mean you have to use Blue Host, so hopefully that makes sense. You just have to choose one. And if you just want to play around and start for free, you can use desktop server by server press, which is coming up in the next lesson. I'll show you a tutorial on how to get started with that, and with that, your files are actually hosted on your own computer, so it's not going to be live for the world to see. You don't have to worry about that, and you don't have to worry about paying anything so you can get started for free and practice along with this course. So go ahead, choose which one you want to do. If you want to practice for free, start with Silver Press. If you want to pay for something, go ahead to lecture five, choose a hosting option and get started with hosting. I promise this is the most confusing part about WordPress. A lot of people give up at this point where they don't even get to this point because it is a little confusing. But after you have it set up is going to be a lot more clear. Thanks so much for watching, and we'll see in the next lessons. 4. Practice WordPress for Free with ServerPress: the first thing you'll need to do when starting a WordPress site is to host it. And if you're not going to host it using a paid service, there are some free services out there where you can actually just test and play around with WordPress, which is a great way to learn in this class. The one that I have tested out and recommend is called Desktop Server, which is brought to you by server press dot com. So in this video, I want to show you how to download and install it and get started with building your own WordPress site on your own computer for free. So head over to server press dot com. Click the get started for free button here. Depending on what system you're using, Mac or PC, you're going to download the right version. You'll see that they have a premium version and a limited version. The premium version costs some money, but the limited version allows you to test it out for free. What you won't be able to do is export and archive different websites, so if you do want to take your website and uploaded easily online and actually use what you're practicing on here on server press, then it's going to be a little bit difficult, but you could upgrade later. Say you build a website for practice using this course, and you really like it. But you want to just play around for free. You can do that. And then later on, you can upgrade and also export your sights to a live website online. Because whatever you work on with server press is actually just going to be on your computer, even though you'll be able to see it in the browser such as Google, Chrome or Safari. It's not public for anyone else to see. So click on the free Add to cart button down here in the bottom, right for Desktop Server Limited, you're going to then fill out your information and purchase it, even though it says purchase, you're actually just purchasing it for free. So I'm gonna go ahead and do that, and then we'll move on to the next step. After you fill out that form, server press will send you an email. It will include links to the latest versions of desktop server Click, the one that is correct for your computer. I'm going to use Macintosh OS X. The latest version. I recommend that version or, if you're on a PC, this latest version for Windows Vista. So I'm going to click this and it's going to start downloading my file. Choose where you want to save this file. It could just be on your desktop or in your documents or downloads and click save. Then it's going to download it. Once it's downloaded. Double click on the file for Mac. It's a DMG file, and it's going to open up this file and then we're going to install it. A winner will pop up with this installed DSL V 383 file Double Click that it's going to ask you if you want to install it and open this file that you downloaded online. Click open. Now it's going to walk you through some different steps, so it's going to ask you if you want to grant privileges to run this software, so just click. Continue and go through the process, so go ahead and click new desktop installation and click Continue. It's going to then copy the files and install desktop server. Once it's finished installing you can go to your applications. Zampa X a MPP folder to open desktop server So let me go there. Now Open up, Finder, Open up new window. Go to my applications Good of the Zampa folder and now I have desktop server. I'm going to double click that to open it up. So now I want to restart desktop server with privileges, so click next type in your password so that you can give it the privileges to run. And then I want to click. Yes, start Apache and my sequel services click next. So now it's going to start those web and database services it needs. Teoh create a local website. Basically click. Next one is done, and now you want to create a new development website. Now, if you're on the limited version this these are the options you'll see. If you're on the premium version of Desktop Server, you'll see other ones, such as exporting your website so say created new development website. Click Next. Now you have a chance to name your website, so I'm going to call mine fills woodworking dot Deb because that's what the website were going to be working on her. I'm going to be showing you how toe use WordPress on. That's the one I'm going to be using for blueprint. Just choose of WordPress for 70 and then just leave the site route the same, or you can move it to a specific folder that you want. So I'm going to browse and actually change it to a specific folder where I'm creating this course and then select create. It's going to create the source folder, where all your files and the different things that go in the back end of your Wordpress website live once it's done and click next. And now you can go to this website and actually start working on your website. So you can either just click on this link right here or copy it into your browser. So click next and now we're done with best top server for now. So when you go to this website, this you're all on your browser, it will first ask you what language, so choose your language and now you actually set your site title. Now, this stuff can be changed later on, but we're going to go ahead and set a title so we'll call this fills woodworking and then use their name. He want to choose a user name for me. Right now, I'm just going to say Phil, and then for the password, you can set your own, or you can use the one that they give you. But make sure that you remember this or copy it somewhere so that you can log in later and then enter your email and then click Install WordPress. Now WordPress has been installed, and this is working on your own computer, so we're going to be going over the dashboard and the layout of WordPress in a future lesson. But that's how you can get started with server press to practice using WordPress on your own computer. 5. Install WordPress with Your Own Host (Bluehost tutorial): the first thing you need to do if you want to build a WordPress site that's live for the public is to purchase. Hosting. Hosting is the back end of your website where your actual files are saved. WordPress is the framework that allows you to edit your website but is not where your files are hosted. There are many different hosting services out there. I've used blue hosts for a number of years for all of my websites, and I can recommend it. There's other ones out there the other people recommend, like host Gator. But I'm going to show you how to install WordPress with Blue hose because it's what I would do if I were you. Now for other people, if you're using another host, I'll try to include Resource is for how to install WordPress on those hosts as well. So to get started, I'm going to actually walk through the entire process. If you go to blue host dot com, what you're going to want to do is click get started. Now you can select your different plans. These different plans have different options, so if you go with the basic plans, you only get one website. You have a limited amount of space for that website. Even though 50 gigabytes seems like a lot, it potentially could get filled up. If you end up having a huge Web site with lots of files, photos, those kinds of things that you upload to it, you can only have up to five domains. 25 sub domains, thes air things that as you grow you might want to consider upgrading. And that's another thing you can upgrade to any of these accounts later on. These other ones include different types of things like unmediated ah, ban with and space and websites. But for this class, I'm just going to go with the basic one just to get started. If you already have a domain name, you can submit it here on the right, and you're going to have to transfer it. Say you purchased a domain name from go daddy dot com or name cheap or another domain registrar. You're going to have to transfer it to Blue Host if I want a new one. Then I click over here and I can choose a new one for this website test. I'm going to create a website based off of my very simple woodworking designs. So I'm gonna call it Evan or designs now dot com is the best one. But if I want something cheaper just to play around with, I can use a dot sight or some of these other different domain extensions. So that's just click next to make sure that this domain name is available, it looks like what is available. So the next thing you would do is fill out your name and all of your information, and then, under your package information, you can choose which package you want. So, for example, on Blue Host, there's different packages, and the deal gets better the more months that you pay for up front, so choose the price that fits your plan. Now there's different options that you might want to consider. One is domain privacy protection. This is really important. And if you click any of these more information buttons that will give you more information about it. If you don't have domain privacy protection than your address and your email address are actually how in the public wants you register for your domain name, see, I would consider that one the other one site backup pro search engine jumpstart site locks , security. All of these things were going to be learning how to install plug ins that do just the same thing, but for free and some other options, so I wouldn't recommend not choosing any of these over here. Lastly, you input your payment information and then click submit. So go ahead, fill this out and purchase your hosting before moving on to the next step. Once you have signed up for Blue host, log into your account and under hosting click on See Panel, then click Install WordPress. It will take you to this new page and say, Get started. You're going to choose the domain name that you just registered for me. I have different domain names that I've purchased. I'm actually using my main account for Blue Host now because I can purchase multiple domain names under the same host. So now I can click ebony or designs dot com, which is the new website that I want to build for this course. Select that domain, leave the directory empty unless you want it to point to its separate website. So if you typed in home for example, then when you go to Evan or designs dot com, it would take you to evident designs dot com forward slash home. So leave it blank so people can get straight to that domain name. Click next, and then it will show you your admin, user name, email, address and password. Check these two boxes saying that you understand that the install will take place on this domain and that you've read the terms thing. Click install. Once you get this installation complete banner up here, you're ready to rock and roll. You'll also receive an email with the Web address and your information for logging in. So go ahead and go to the website address, which will be your domain name dot com or whatever your extension is. Ford slash WP dash admin. This is how you log on to your WordPress site. Now input the user name or email address and password that you were given in the last step of installing WordPress. Great. Now you have WordPress installed for your brand new website Now to log on and to edit your website. Always remember that you're going to go to your website your ah dot com forward slash WP dash ad men and then input your user name and password. The blue host account where you're hosting account is separate. You might have to log into that, adjust things toe, register new domains or things like that. But for the rest of this class, we won't be dealing with hosting as much as just with your website itself. So whether you're using the free option of server press or a hosting option like Blue host , we now have WordPress installed and are ready to start building our own website. 6. Navigate the WordPress Dashboard: Now you have a WordPress insulation for your own website, Whether it's through super press or through your own hosting, The first thing that opens up is this welcome mat. And if you want, WordPress can help guide you through building your own website. But for those of you in this class, you probably don't need any help because that's what I'm here for. So just click that I don't need help, but it this is your home page. This is the dashboard of WordPress, and in this video, I just want to quickly go over the main menu and help you navigate. Getting around WordPress You can see on the left hand side a menu with different options right now were highlighted on the dashboard, and that's because we're on the dashboard. There's a lot of things happening right now, and when you first install WordPress, a lot of things are going to be needed to be updated or installed because with latest versions of WordPress, depending on who you're hosting with, they will already come pre installed with certain plug ins or certain tools. For example, with Blue us, we already have this blue host this marketplace option things you might not see if you're using server press contact form, opt in monster These air plug ins that are preinstalled when we installed via Blue Host. Don't worry. If you don't see these, that's OK. The main things you need to know are the dashboard. This is your home page. We're going to learn how to customise it and really dive into what you can do on your home page. In a future lesson going down the left hand menu, we have this first plug in. It's kind of an all Star plug in called Jetpack, and this comes with a ton of cool tools were going to be going over all the different plug ins and tools that I recommend in a later section below that we have our posts. Now, when you hover over some of these menu items, a different sub menu pops up. So, for example, under posts, you can click all post to view all of the post you've written and post. Think of post as your articles or your block post. You can click add new or you can see your categories and tags. Media. This is all of your upload, such as photos or files that you upload pages. These are all of the pages of your website. Again. You see the sub menu where you can view all pages or you going click. Add nude at a new page. I'm going to skip over contact form because that's Onley for this install of WordPress. You have comments, so if you have comments on your website, you can moderate them. Their appearance. This is a very important one where you were going to customize your theme, your menus what everything looks like and we're going to be diving into this in the next lesson, including installing and finding a new theme. Plug ins are all kinds of tools that you can install for your website, doing everything from commenting security, contact form, Social Media Sharing, S CEO. All kinds of things happen with the plug INS users. You can add users to your website if you want to have other authors or other people who help with your website. That's in this user menu tools. This is another menu that when you do installed certain plug ins, you might actually have more tools appear under this menu, and then same with settings. We We have some basic settings for how our website works in terms of which pages the home page. This is the blawg page. If comments appear or not different things that will be covering in the rest of this course up at the very top, you have our site title, which we didn't edit when we installed WordPress via blue Hose. But we're going to edit that in the moment. And if you want to view your site, you can just click this view site button. Then you have these different icons up here. Some refer T comments. If you have any comments, you have a new button. If you want to, easily and quickly add a new post page user or upload new media. And then for me, I have this marketplace, which is there because I downloaded via Blue Host. And so there's different marketplace options. So let me just click on that and I'll show you what it looks like. So because I installed with Blue Host, Blue Host gives us all kinds of tools and things that we can use right within our WordPress site. We're not going to use this tool because I'm going to be showing you free tools and other plug ins that I suggest using so back to our site. I clicked visit site and it opened up this new tab. And here is our website. It's already up there live, and if anyone goes to it, you can see this now. At this point, if you actually go to ever near designs dot com, it might not be alive. I'm probably not gonna publish it for the world to see, but if you have created your website and you share your link, this is what it's going to look like Now. WordPress has pre installed a theme that I'm using right now. Each year, WordPress comes out with a custom theme. So this is the 2017 theme, but we're going to be looking into installing a new theme in the next lesson. So that's the basic WordPress. Lay out. The main thing when you log in is you'll appear on your dashboard, and one other thing all mentioned is updates. This is something you should do every time you log in. Go under dashboard to the updates to see if there are any updates for your website. This might include updates for plug ins, for themes or for WordPress itself. Right now, I'm using WordPress version 4.7 point two. But sometimes WordPress does get a facelift or some sort of update that might have to do with security. So you want to make sure that you're updating to the latest forms of your plug ins or themes or whatever. So don't do that. You will click on whatever needs to be updated and then click update plug ins. Now there are other ways to update individual plug ins via that plug and paid. But that's the easiest way right from this. Updates page. Now I've updated that plug in that was already pre installed, and I have no more notifications for updates. Cool. So that's it for the dashboard right now. In the next lesson, I'm going to show you how to install a new theme 7. Install a New WordPress Theme: Now let's learn how to install a new theme. In the last lesson, I talked about how we already have a theme preinstalled when we install WordPress, the 2017 theme. There's lots of themes out there, thousands upon thousands of themes. Some paid some free, a lot of themes. You confined by searching for WordPress themes on Google on finding different sites. One place that I highly recommend is Thean Votto Marketplace called theme forest dot net. This is where I've purchased themes in the past, and you can see if you go to theme force dot net just thousands upon thousands of themes that you can look through. And they come with all kind of variety for every purpose. So a theme is basically the look and feel of your website, and you can find specific themes related for corporate creative e commerce, education Mobile. And these come with different tools, perhaps a membership option or perhaps a different type of portfolio option or different types of sliders or different types of home pages. So you might want to check out these ones if you're interested in purchasing the one that I have used a lot for my other websites, like video school online dot com is the Avada theme. $60 but it's very customizable. And when you go to any of these themes on theme forest, you can actually demo them to see what they look like. So you can see that this is a sample template with Avada. They come with all kinds of sample templates over here for photographers, for any kind of people. So there's lots of customize ability with all of these themes, but there are also very good free themes. So to change your theme, go to appearance and then themes, and this takes you to your theme menu. You can see that the active theme right here is the 2017 theme. You also have a 2015 or a 2016 theme already pre installed toe. Add a new theme. Click this add new theme button. It will take you to a page of WordPress themes that you can search through. Now. You can just scroll through and preview them by clicking the preview button. Or you can sort by popular latest or if you have a specific idea or something you're looking for or a specific theme you've heard about, you can search through the themes this way. So say, Let's just pick any one at random Say we end up liking this Fite club theme because maybe we're starting a an exercise fitness theme. Well, first, we'd probably want to preview it by clicking preview. You can see what it kind of looks like and say OK, that looks great. You can either click install from here from the preview page or click install from this page here. So with these themes that are hosted by it wordpress dot org's, it's basically already on here. So you just install it quick and easy like so once it's installed, you have to activate it so you can activate it by clicking here. Or if we go back to our Themes Page, you'll see that it's now one of our theme options. So if I click, activate and then if I go to my home page and I refresh, you'll notice that I have a whole new theme installed a different look. So that's how you install a theme from wordpress dot org's See, We got a theme from theme forest dot Net, and we want to install it. Well, when you purchase it, you can see here. How have purchased different things from in Votto, including WordPress themes and songs from Audio Jungle. You want to download the Install Herbal World Press file only. It's probably a good idea to download all of the files and documentation, and then within that folder that you download, you'll have the WordPress file. And then under your themes, you want to click, upload so appearance themes and then upload click upload theme and then you want to choose the file so it should be in a ZIP file. So I'm gonna go to my desktop, go to my unstoppable theme filed that I downloaded and install that theme. Click Install Now. Now. This might take a few minutes, depending on how big the file is and how fast your Internet is. Once it's installed, you'll get to a page like this where you can preview it activated or return to the things pages. If we go back to the Themes page, you'll see that Nevada is now an option so I can click, activate, and now if I go back to my home page and refresh, it's going to appear like the Avada theme. One thing that might happen if you install a theme from theme forest or any other premium theme, you might need specific plug ins required for that theme toe work properly. For example, with the Votto theme, we need a plug in called Fusion Core and Fusion Builder. You'll typically get a notification as soon as you install a theme saying you need this so you can see here on the left hand side of our menu. Now have the avada theme that comes with some menus and it has this big installation required message. So what I would do is just go to go to manage plug ins and then all of these plug ins are required. And so I'm gonna have to install the ones that are highlighted as required, just by clicking the install. But in here now, since you're probably not going to be using the body theme, I'm not going to do that. But there is one other thing I want to show you about themes. Since you probably aren't using Nevada, I'm gonna go ahead and delete my avada theme now to delete it. One thing I need to do is to de activate it, so to deactivate it, I'm just going to actually activate a different theme, so I'll just activate this 2017 theme now to delete this theme or any of the other themes that I've installed, I can click on the theme itself to view the theme details, Then click the delete buttons, then confirmed by hitting the okay button. So the challenge for you is now to install and activate. The template will be working with throughout this course. Of course, if you want to follow along with what I'm doing in each lesson, the template is called sparkling and he couldn't find it right here through the WordPress themes. So I'll let you go ahead, find it and install it and then activated. And when you do, your website should look something like this with your own name up here and in the next lessons, we're going to start diving in customizing the content, designing our website, adding pages, adding blogged articles and all sorts of other cool things. Thanks for watching, and we'll see in the next lessons 8. Set Your Home Page: Probably the first thing you want to do is to create your home page or set what your home page should be right now. And whenever you start a new WordPress site, the home page of your site is actually the Blawg article page, where a list of all of your recent posts appears when you install WordPress. What happens is a sample blawg article and a sample page are added to your site automatically. So this post right here when you go to your website is actually just a sample post that they created will want to delete that and write our own content later. This is also the home page of your website. So to create a separate standalone page, we're going to create a new page and call it home. So go from your dashboard. Two pages. Add new under title. Just type in home. This doesn't really matter for this page, because what happens when you type in the title of a page is this Perma link appears This is the link to get to this page now. Right now, the link says, debonair designs dot com forward slash home. We don't want people have to type in Hebner dot com Designs slash home to get to the home page. But don't worry. We're going to set the homepage of the site ebony or designs dot com to go directly to this page. So you see, this is the page editor, and we're going to be designing a page in the next lesson. But right now, I just want to show you that in the main part of this editor, you have a text editor with different text options up here. This is where you're going to be designing your page. On the right side, you have different options for publishing such eyes publishing. Now you can save a draft of your page. You could also preview it and then down below. Here are options for making your page out of a certain template, and some themes come with multiple templates. For example, that theme might come with a contact page template or a portfolio page template. We'll talk about all these things in the future lesson, but first, right now, let's just publish this page. Once you publish a page, you can view it by clicking the View page button up here or clicking the Perma link right here. I'm going to control Click to open it up in a new tab. And now this is what this page looks like. So now this isn't our home page. If I goto dinner designs dot com, what happens is I go back to that page where the blogged articles were, so to set that as my home page, What I'm going to do is go under settings and then reading Here. You see that your front page displays option is your latest posts. I want to make it a static page. So if I set the static page, front page, toe home, then what happens is I have to set the post page to another page. So what we should do is under pages select. Add new and I'm going to control. Click that again or command click if you're on a Mac and then type in Blawg or articles or posts and rename this page to whatever you want your post page to be and select Publish. That page isn't going to show up here on the post page until we say save pages. And then now that we've refreshed this page, it sees all of the published pages, so I can now select our post page to be the block or you don't need a post page if you're not going to be adding post to your website and click save now, if we go back to our site and we go to Evan or designs dot com and refresh were at the home page now. And if we click on this icon right here, which is our site title, which will be changing in the next lesson, we go to the home page, which is that home page that we set up to get to the Block article. You could go to Evan or designs dot com slash blawg, or what we'll do in a future lesson is at a menu that has links directly to this page. So that's how you add a new page. And that's also how you set your home page to a separate static page. Thanks for watching, and in the next lessons will be changing the site title and also editing the page to make it look really awesome. 9. Editing a Page & Changing the Site Title: in this lesson, we're going to transform this home page to look something like this. Yes, it's simple, and we're gonna build on from here to make it even better later on. But what we will need to do is learn how to change the title of the website up here from what it was set at when we actually created our website and you might have already created it with the right title. But we're going to learn how to change that. And then we're going to learn how to customise our home page toe look something like this, with some titles and image and things like removing the page header, which is right here. Or the page title that also removing this page sidebar right here, which we probably don't want in our home page unless we're creating a website where the home page is a Blawg theme or a blawg designed home page with a list of articles and the sidebar. But for most websites, you want a clean with no sidebar home page. The first thing we'll do is change the site title right here, so there's a couple of different ways to do that within this theme in general, what you'll do is actually go under settings to general settings. Here you see the site title and the tagline. Let me also show you where you can edit it under appearance. If we go to customize, this brings up a lot of different theme options. So under this customize mint, you can see that there's this site identity option. And here we have the same things the site title and the tagline. So here I can change to embitter designs. And then we also want to change the tagline, because this is something that thesis urchin engines such as Google will look at in display when your site appears in the search. So we don't want it to just say just another WordPress site will want to use our tagline. Now, this is something that you want to think of. You want to make it keyword friendly. You want to make sure that it's catchy and it shows some sort of benefit so that when someone is actually searching for your website, they see your title and they perhaps see your tag ling, and it really makes them want to click on your website so let me just say something really quick, something like clean Simple and D I Y woodworking projects for beginners. So that's what my websites going to be about. So now if I save and publish and then refresh what happens is the site. Title changes. And so now, if I go to this home page, which is our home page and refresh, we now have the evidence designs title at the top. Now. One thing I didn't mention is that this is our home page. This home page that I created right now is just a demo page that I created. It's an extra page. So now let's go ahead and see where that pages Soto edit the home page. What you'll have to do is go to pages and all pages, and here you can see that we have the home page, the front page, which we had created and set as the front page. And then this is just a separate page that I added that you don't have to do. I would just add it the home page if you want, so go ahead and click Edit home page. So now we have our home page editor and like I mentioned earlier, we have this text editor box And this is where we add text. We add content to our page. So, for example, we can type in some words. So maybe simple, clean d i y I believe that's what I had said before Simple modern D i y. So that could be our top text. Now, if I want to see what this looks like on the actual page, I can click this preview changes button. This is This opens up a preview window of our changes right here. So now you can see this text. Simple modern D I y I'm gonna go at it and close down this preview window. So now we can just kind of compare these two pages the demo that I created and the one we're working on right now. So the first thing I want to do is actually get rid of this sidebar. That's what this is called. It has different things like here. We have recent post recent comments, archives categories, thes they're called widgets, and we're going to learn how toe edit the widgets later on. This sidebar is something that you can add to many different pages, and it stays the same for all of the pages. And you can edit this sidebar on the content of the sidebar and what's in it. And it will change for all of the pages, making it really easy to change what your sidebar looks like across your entire site. So to get rid of that side bar, there is typically, on most themes, an option for layout. Now this might appear down here below the text editor or the content editor, and that's why appears for this theme, you have a default template, a right sidebar left sidebar, a no sidebar and a full with template. So if I changed the left sidebar, let me just do that and then say preview changes. The sidebar goes to the left. If I choose no sidebar, what happens is there's no sidebar. But the with of this content box is kind of skinny compared to this one where the width of this content boxes the entire with of the site. Well, at least the menus of the site. So we want to change this to actually full with Okay, so that makes this the full with of the site. OK, so now let's go ahead and add our next text and I can just type it out or since I already have it, I can copy and paste it. So let me put this text underneath this top text. No, if I hit preview changes and look at this the text at the top simple modern D I Y is the same size as the bottom text. So to make this top text larger in WordPress when you first install WordPress, you have a few different options for sizes. And this is under this paragraph heading option drop down menu. So if I choose one of these different heading options, it becomes a different size and with or boldness. So if I preview the changes now, we have simple modern D I y. And then in the bold text. But it's a different color, so we're gonna learn how to change that color in just a minute. But let's center this text. So let's select all of this text and use this align center option. So on this top menu, we have bolding our text italicize ing. We can create bulleted lists. Numbered lists weaken, do a block quote, which basically in dense whatever we select and highlight and choose block quote. We can left center or right justify or a line rather. And then we can edit and remove links or hyperlinks. If we want toe link out to a separate page or a separate website, there's a read Maura tag, which will get into. And then there's a MAWR options with this toggle toolbar option, which allows more things like strike throughs, horizontal lines, changing the text, color, clearing any formatting, increasing the indentation, undoing all of those kinds of things that you want in your typical text editor. One other thing you'll notice is that we have two tabs. Visual and text. If you do know HTML, you can actually edit your website using HTML. And we might have to do this for a few things in the future. And you can see that there's the's HTML tags basically saying that the text within here simple modern day, why is a heading one style? That's what the H one represents right there. But for those of us who are beginners, we don't need to do that. We can just use the visual editor. Okay, so Now we have our text. If we preview the changes now it's centered. Let's add a photo Soto at a photo. I'm just going toe return. Could new space and then click this ad media button. You can see that I already added this photo right here. If I want to add a new photo, I can click this upload files, select files and then go to my folder where I have my images and you could upload images from wherever. But I have a images folder that I put together for this website. So this is the photo that I uploaded before I already uploaded it. But I just want to show you that I can upload another image. Say this one. This is a bath ladder and now it's uploaded to the website. Over here. On the right hand side, we have the euro of this photo. So if you want to go directly to this photo file on the Internet, you can go to this link. We have a title for this actual photo. You can add captions and alternative text and a description if you want as well. The alternative text is what appears to the viewer if they for some reason there's an issue with loading your image. So if you want, you can take this bathroom title, and it's a good idea for search engine optimization and just for usability toe. Have alternative text for your images, and then you have your alignment. So if you want to center it right, justify left justify. Or if you want to link it to a custom mural, say you have a picture and you want to link it to a blogger article or another page. You can do that. Then you have size and we can choose four specific options. Thumb now medium, large or full size. I'm just going to select large, and we can edit this later on, too. So let me just say insert into page to see what this looks like. So now we have this image in our page, and if we preview changes, we'll see that this image is on our page. It's a little too big, though, so let me go ahead and decrease the size. There's different ways to decrease the size. If I click on this image, you see that we get these little tools on the corners of this image where I can grab and literally just shrink the size. If we have a specific size that we want, you can see the numbers appear. Say we want this to be 350 pixels wide weaken. Just see that and edit it that way. Or you can go into the edit menu. So click the photo, then click at it. And now you see these display settings where there's a custom size option. So if I change the with, say, I wanted to be 300 it's automatically going to change the height so that it has the same aspect ratio, and it doesn't get squished here. You can also link it to a custom mural. If you want, say, I wanted just to point back to our home page, we can do that. That doesn't really make much sense. It might not be good to link this to anything unless you do want it to link out to another page. So vague Click update now is decreased in size. Now, if I click preview changes, we have this small image right here. Say I want to actually edit it and add a caption so If I add a caption, let's just say bathroom ladder. I want to show you what this looks like. So if I add a caption, say update, for some reason, it went to the no alignment. So let's just select the photo and center. It now has this caption bathroom ladder. And if I preview the changes, let's see what it looks like on this page. So now on this page, it creates this sort of outlined box around the photo with the caption. I don't really like that, and I don't really use captions on my photos much, but you might like that option, so I'm just going to go back at it. Delete the caption Click Update. So now we have our website. It's getting closer to what we want it to look like. Here we have this image. Here we have the text. It's a little bit more spaced out. It's a different color, and the other differences. We don't have this home title page text right here. So first, let's just space out this text here. Basically, what I did was a simple space between these simple, modern D I y. So I put nine spaces in between each one. 123456789 And then there was one extras. And now if we preview this, it'll look better up. We've gotta add one more. Now let's change this photos. I'm just going to click this photo. Remove it, Go back, add media. And now we already have our two files uploaded so I can select files that I've previously uploaded. Select it. Just going to use the large and insert into page. Now we're getting closer. OK, so we see are two pages. So how do we get from here to here? First, let's change the color of this text. Now, the color of your heading tax might change how you edit it, depending on your theme. But in this theme, we're going to go to our customized theme options. I'm gonna open this up in a new tab by control or command clicking it if you're on a Mac under the sparkling options under typography, we have the heading color option. These air the color headings for all headings. H one h six. Those are the levels. Remember, we saw H one heading one heading six. This is just a default color. It's that red that we saw here. That's just the default for this theme. But say we want to change it to blue. We can just click this blue or weaken. Just pick a custom color by moving it around. Maybe we want it to be sort of a brown because this is woodworking, and we want it to look kind of like would something like that might be kind of cool. So if we save and publish, and then we refresh this page both our page title heading and are heading right here that we changed this text to changes to Brown. So now let's remove this home page title. This gets a little bit advanced, but I know you can follow along. Removing this depends on the theme as well. And whenever you download a theme or installing new theme, you might have to search do a little Google. Search yourself to see how you remove the page title. Sometimes on the Edit page page, there is an option for removing the page title, and if you don't see all of the page options or the edit options on this page where you can do is click this screen options button right here, and there are different options that aren't appearing on this editor. So say we want to be able to edit the author and the comments and maybe some custom fields . Let's turn those on and then we can see down below that we have discussions, authors. If we have multiple authors, we can change the author of this page all kinds of other stuff. So these air Mawr editing options for this page. This isn't going to help us out with the page title, but in some themes that page title option will appear under your screen options. I hope that makes sense. So I'm just going to turn off those options right now because I like having a clean editor . So how do we get rid of this page title? So what I did was I search for remove page title in sparkling WordPress, and that's all I typed in in this first option comes from color lib. I might be short for color library. This is the creator of this WordPress theme, and they give custom CS s that you want to add. That will actually change the display off So I took this code and what I also do. And this is a little tip for you is I actually add this to a notebook or to a word document or two something so that if I ever need to change this later or add it again later, I have it. So this is just a tip for you. This might happen with other CSS things as well. So let's go back to our website and where we add this is under this customized page where we were before and then under other. And this is where we can add additional CSS. CSS is basically code that affects the appearance of our website. So I copied that code from that website and if I paste it here, it gets rid of that page header. So you can see basically what this is saying is that the page header? We want the display to turn off. Now I'm a beginner at CSS. I'm a beginner at HTML code, but I was able to figure this out just by a simple Google search and searching around. So if you're using a different theme, you might have to do a little bit of research yourself. So I'm going to save and publish this. Now if I go back to my home page that I've been editing and refresh. Now we have our home page with our title. Not really the title of our website, but these keywords a little blurb about the website and our image and the only difference from before is the color of the text. But now we know how to go back and color that text. Awesome. Thank you so much for watching. I hope this makes sense. If you have any questions, please let me know otherwise in the next lesson, we're going to be adding to this website and what we're going to be doing is adding a menu . So this shows our home page are blocked page and perhaps even creating some more pages that will be editing later on. 10. How to Set Up Your Custom Menu: the next thing we want to do is out of menu and customize the menu. So before that, though, we want to actually update this page because the changes we've made are saved, but they're not updated. So let's just click the update page for the home page that we were editing last time. Now, before we create a menu, let's just go back to our pages and see quickly what pages we might be adding. And we'll be adding more later. But right now I'm just going to add a new page, and I'm just going to call this contact and so I don't I'm not gonna edit it. I'm not gonna do anything. I'm just going to make sure that the Perma link is what I want. It in. This again can be changed later, but evidence designs dot com slash content is good, so I'm just going to hit publish now. This page can't really be seen from our own website yet because there's nowhere if someone actually went to our website to get to it, unless they actually typed in this entire year, Earl or somehow got to that you are well, so now I'm going to add a page, and there's lots of different ways to add a page so you can click here, add page click here, add new or from the new button, odd page. And let's just add a about page. Okay, so wait for it to load the Perma link and then click publish. Okay, so that's enough pages for our menu. So now let's go under appearance menus. So first we want to create a new menu. So let's give our menu and name. We'll just call this top menu and say, Create menu. Okay, so now we need to add pages to the menu over here on the left. We have all of the options for what we can add to the top menu. Here we have our pages. If you had different posts, which we have our sample posts, you can add posts to the menu. Say you have you only have a few posts, and you really want them to be accessible from the main menu. You can add that or even custom links, So let me add the home blawg. Contact an about page. I'm just going to click add to menu. So now if I click save menu, and I actually have to now show this display location. Put it as primary menu and click Save. Now if I refresh my home page and now I can just go straight to Evan or designs dot com, actually, and it will appear we have our top menu, and you can see the order of the pages about contact Blawg home from left to right. We probably want to switch up this order so we want to move home up. So let's just move home up, and then let's put about second blawg Third and contact fourth, Save the menu. Refresh. And now we have that menu looking really good. Say we want to add a sub menu, meaning we hover over a link and a few more options pop up. What we can do is put any of these as a sub menu by just dragging, and you can see that there's two different spots I can drag it to. One is the top menu or the top option. Or, if I drag to the right a little bit, there's a spot where I can drop it. As a sub item shown off. I save this and say I put this like so these two blawg and about under home and save this menu and refresh. Now home has a sub menu. Okay, so you might not want that for this particular option. But say you have some actual pages or sub pages that you would want to put their but say you do have some sub pages you want to put under one of these top menus. That's how you would do it. Now let me just show you how to add a custom link, which might be something you want. Say I want to also send people back to my YouTube channel, for example. So say I created a YouTube channel, and right now I'm just going to send it to video school online's YouTube channel. I can put the girl there and then the link. I can type in whatever I want to show up as Link. I'll just put YouTube or maybe videos and then add to menu. And now I can put this and save menu. And if I refresh now, we have our top menu and we have this video option. So that's how you add a custom link to your menu. And then if I just want to get rid of these links, I can go ahead and do that by clicking down on this arrow for any of these links and saying Remove, let's say that menu one more time and refresh. Now we have our home top menu. So let's talk about the colors, though, because this is an option in our customized settings to change the color of our top menu right here, go to your customize settings under sparkling options Header. We have our top navigation item color right here. This is a link color, so we're going to click Select Color and we maybe you wanted to be a white or a light gray rather than that read. And so let's just choose white and then saving publish. And now these appears white. If we want to change the Hubbard color, we can go down to top navigation item, hover color and say we want it to be orange Now. If we hover over it, it becomes orange and the page were on becomes orange, too, so that might be a little bit more in line with the brown text color that we're using for our titles. So let's just save and publish. And that's how we actually add and at it, our menu. Thanks for watching, and we'll see in the next lesson. 11. Publish Your Website - Make it Live: Right now, your website is actually still private, and so if someone else who isn't log on to your WordPress tries to view your website, then they're going to end up with a page that looks something like this. And the reason why I'm getting this right now is because I opened up a new private window so that I can see what the website looks like to a visitor who's not logged in. You can also do this by opening up your website or trying to open up your website in a completely different browser. So to publish your website, it's very easy. When your website isn't published, you'll see this. Your site is currently displaying a coming soon page. Once you are ready to launch your site, click here. This announcement is at the top of pretty much every page when you log on or go to any of these menu items, so just click there and your site will become live. Now if I open up a new private window, I go to Evan or designs dot com. Now your website is live for the public to see. You don't really have to worry about anyone stumbling across your website unless they're actually typing in the Ural directly and visiting it. Or if for some reason you do have a lot of block content or content on your pages that does somehow get picked up by Google or other search engines. But we haven't even indexed our site for search engines yet, which will be doing with a plug in. So if you want, you can go ahead and make your website published. Or, if you don't, you can keep it private until you edit it and put it all together. So now that our websites public, we can go about and start editing it more and in the next lessons will be learning about adding more blogged articles. 12. Writing a New Post & Organizing Your Blog: Now we have a live website, and in this lesson, I want to teach you how to create blawg articles. So here, I'm going to show you how to create your blogged page so that it looks like this with the Blawg posts. And then we're going to create a separate BLAWG post to add to our website that looks something like this. So you can see here we have this header image. We have the title, we have different types of text and we have images including a quote, a block quote, which is what this looks like right here and basically Cem Texan, some images. So let's go back to our dashboard and let's go to posts. And let's view all posts. The first thing we're going to do is just at it. Or actually delete this Hello world block posts Soto edit or delete any individual or even do a bulk at it. You can check the block post here than up here under bulk actions. You can say move to trash or if it's just an individual one. You can click this trash button right here, so that deletes it. So now if we refresh and go to our blawg. We won't see that sample posts. Soto add a new block post. We can go to this. Add new button right here in your post, or just go to the new button up here and click post. Now let's type in our blawg title, so what we'll do is a bathroom ladder. This is the new project that I'm working on. So you see this Perma link right here. It's set up as Evan or designs dot com slash. And then it takes the title that we input right here, and it creates this year l for a lot of you, depending on what WordPress site or theme you have installed, it's not going to be the title. It's going to be either the date or the page number or the block number, and to change how this is set up, we have to change our Perma link settings. So go to settings and then Perma links, and that will take you to the Perma Links page. You have common settings that you can use, such as plane, which is just when you create a new page or a new blogger article. It's going to be evident or designs dot com slash question mark P. And then each page has an actual i D number, or you can do the day and the name. So if you want to include the day or even just the month, you can do that. Or numeric if you just want to have a numeric archive with each page or each bloc post being a certain number. But I suggest using Post name because this is going to be key word friendly for S CEO purposes, because your block title will help get more search traffic if it's in the euro itself, So switch it to Post name right here. So that's about Perma links. Now let's add some content to our blogger article. First, let's add some media. Let's add a new image. So we already uploaded our bathroom ladder. You so you can either upload it if you haven't done so already, or you can just select it and say, insert into post. So let's just see what are other block post looks like, because I like to have them look kind of similar. This information right here, the title of the block posts the date the author the tags. This stuff is all set up automatically, so that's not things we add. It's just based off of when we actually post and who the author is. The information below, though, is stuff that we actually type in, so you can see if I just go here and type in some words, this is a bathroom ladder that's going to appear in our block post, just like how we created a page. If we also want to add a header, we can do that by selecting our text and changing the paragraph style to heading. Now I'm going to be going over a few tips and advice for using the different headings in a follow up lesson. So be sure to check that out, because using your heading is great for both readability but also s e o purposes. So search engines actually see which words are in your headings and use it to make your posts appear in search. So if we want to add a list of supplies, we can just click the bulleted list and add your supplies. Now, I don't have the exact list of supplies right now, but I could just make a short list. And so if we preview this, it's going to open up our block posts in a new tab and we can see what it looks like. Pretty cool. Pretty cool. But say we want that big header image right here like this, because now let's just go ahead and publish this post. If we want Weaken, set the published eight for a future time by clicking, Publish immediately and then click the edit button and then setting the date and time that you want to publish it. This is great for pre writing a bunch of content that is scheduled out, or you can publish it immediately by clicking. Publish now. I wanted to do that just because I wanted to show you. Now when I click on the block page what it looks like we have the blog's title, but there's no image. That image comes from our featured image, which right now is down here in the bottom, right? So if we click featured image and now we would want to set an image as our featured image, you can click there and then say, set as featured image. It's probably a good idea to have multiple images and not use the same exact image that's in your block posts as your featured image because it gets a little repetitive. So now if I update that and then I refresh the blogged page, that image becomes the featured image, and you can see that it crops it to this aspect ratio. And now, if I go to my blawg page, we have the featured image appear on top of the block title. And if people want to click the bathroom ladder or the read more page, it goes to this block article. If we want our image to be on the right side like this, we can just go back to our image, select it and then say, Right, align. Let's make it a little bit smaller, something like this. And then let's click and drag. And as I click and drag, I can see where the cursor appears on the left hand side, and we'll just put it right next to the supplies list. So if we preview changes, you can see now that is on the right side of the supplies list. Now I would go through, add more content on more images, but Now you know how to write and create new posts. One good thing to know is these featured image. The other is with categories, so categories are how you organize your different blawg articles. So for this article, I would categorize it as D I y. And then probably a new category for bathroom. It's okay to post your blog's in multiple categories, Soto added. That new category Just click the add new category, type it out and then click Add new category. So now the reason why we do this is because in the future there is plug ins where you can actually create blawg list, such as on this block page or even right here on the right side of these categories that only show search and blogged articles for a tag. So let me show you how that works right now on my own site video school online dot com. You can see here that I have recent articles and podcasts. These are all blogged articles that are showing up, and these are all chronological order. So the latest one, whether it's a podcast or just a regular article, no matter what category it's in, appears here But if I go to my podcast page on Lee, the podcast articles appear because I said on this page toe on Lee show articles that are in the podcast category in the blawg page. What I did was I actually excluded the podcast category, so that is how you can use different categories for your articles. Another thing is, say, I click on one of these articles, and it depends on the theme that you're using. But you can show related posts down below, and the related posts have to do with the categories. So it's not going to show podcasts in this related post because this post is about video production. But it will show the other posed related to video production down here. So it's really a good idea to organize your blogged articles into different categories in terms of tags, thes air tags that search engines will look for and will use to make sure that your articles show up in search for the specific keywords. So for this article, I would probably type in D i y woodworking project bath room ladder towel, different words that have to do with this bathroom ladder, then just click add, but that's basically how you edit your own block post. Make sure that you update it when you are completely done. And like I said earlier in an upcoming lesson, I'm going to explaining how to use headings in the proper way. 13. Blog Page Design - Excerpts vs. Full Content: When you go to your blawg page, you might see something like this. Where on the block page, it actually includes all of the content from those blogged articles. You might not want that. You might want to just show the exit. So to change this, go to your custom options under appearance customize than under sparkling options and then content options. Make sure that the show post Excerpts option right here is checked. And for some reason with this theme, I had to uncheck it and then check it again and then save and publish before it on. Lee showed the excerpt, even though it was checked. Initially, it was still showing the whole block article and not just the excerpt. You also see another option right here for displaying comments on static pages. If you don't want comments on static pages like the about page or the contact page, uncheck that typically I just like having comments on my block post pages. So that's just a quick tip on how to make sure your blawg page on Lee shows excerpts and not the full content 14. How to Add Videos to a Post or Page: in this lesson, I want to show you how to add a YouTube video to your block post or to really any page on your WORDPRESS website. This is also another opportunity for me to tell you an easy way to edit posts or pages. If you're logged in to your WordPress account and you go to the page of the blogger article that you would like to add it, just go up to this edit post button. It's going to take you to the Post editor. Cool. So now let's learn how to add a you do video. Go to the YouTube video, and this is similar if you're wanting to embed a video video or really any other video platform that has a sharing embed code on YouTube To get the embed code, go under the video where it says share, click that button, then say embed Now it gives you a standard in bed code, but I want to show more so that we can see our different options. First, you have your video size. If you know a specific size, you can click this drop down menu and then type in a custom size or you can use one of the preset options. Let's just try this 8 53 by 4 80 to see what it looks like. Then you have options to show suggested videos. At the end of the video you have showing player controls, which are going to be the play button down here, the volume making it full screen, changing the resolution. I typically like to leave that on for my block. Post videos showed video title and player actions. So this one I might turn off because it looks just a little bit cleaner. It takes off this top text right here, depending on the title of your video. If it looks distracting, I might just take that off. If you don't check this, enable privacy enhance mode. Then Google is actually seeing who visits your Web page where this video is embedded. So I suggest checking it on so that your users have a little bit more privacy. Cool. So once you have your all of your settings selected, you can go up to this code selected all by present Command A or control A if you're on a PC and copying it. So now if I just go ahead and underneath this wood glue tax, just paste. This this isn't going to do anything. If I preview changes, it's just going to show up Oz. This random text right here. But what I want to do is go into my text editor and not the visual editor and find where I want to add this. So let's just do it at the very bottom. So I'll just enter twice and then paste this and then if I go back to the visual editor, you'll see that now this HTML code shows up as the video. So if I preview changes, go back to this post and refresh our video now appears. What happens, though, is getting cut off on the right hand side because this is a little bit too large of a video embed. So what we can do is go back here and we can change the video size. So say we want to try this 16 40 By 3 60 we can either re copy this whole line of text and paste it, or we can go into the text editor and change the width and height ourselves from the with 26 40 on the height to 3 60 Now, if we preview changes, refresh looks like we have to refresh for some reason. Now we have our video in bad and it looks solid. And if we click this, it'll start playing our video right on our block posts. So now with this particle, I would want to add more text so that the layout doesn't look as funky with the image right up against the video, one thing we could do is just simply adding some space It. Typically, though, I'd be adding a lot more text to this. I want to make sure that I have at least 300 words and all of my articles, if not even more, because this will increase the value for the visitor. But also it will increase the chance that search engines will see our posts and point people to this post in the search results. So that's how you add a YouTube video to your WordPress block article or pages 15. Design Your Sidebar with Widgets: in this lesson, I'm going to show you how toe customize your sidebar. The sidebar appears on any page with this side bar, so it's an important thing to edit and to make sure that it's doing the right thing for your website. Now let me show you a couple different websites. Thought I like Well, one is mine. And what is these side Hustle nations? So first side, Hustle Nation. Let's see what's going on on their sidebar, which appears on their block, posts their podcast post. And this is important because a lot of people might be coming directly to your website to this page. They're not going to be going to your home page. So if there's things like your Facebook page, there's specific articles or pages you want people to see or go to. If you have an opt in form where you want someone to sign up for your email newsletter, this is the place to put it with side Hustle Nation. They have a search bar at the top, which I think is very important for people who want to be able to search on your site for specific topics. They have a join the nation opt in form at the very top. So every time someone visits there Black article they'll see this if they're not a member than Lil C and potentially want to join. The tribe joined the newsletter of this website. They have some greatest hits and favorite blogger articles. This looks like a plug in that he's using. There's different plug ins that you can use to list out your most popular posts, or maybe even some specific post that you like these air things that will be learning how to do in terms of adding plug ins in a future lesson. He has a YouTube video that is one of his favorites that he's put here. He has different topics. So these air probably the categories for his different block posts and then also maybe, perhaps some advertisements or some images that you want to add as well. For me on my sidebar, I keep it pretty simple with the search bar a top. I have my big opt in form. This is created with convert kit, so I use convert kit for my email marketing, and so this is created in Convert Kit And then I added the code into my sidebar on WordPress. So if you use convert it, you can get something like this. Or no matter what type of email service you're using, this probably some kind of op inform you can add, and we're going to be adding an email. Opt in to our site in a future lesson. I have my Facebook page here so people can like it then some most popular posts, which is just actually a custom list of posts that I've created from some of my best post that I want people to potentially click on. So how do you actually edit this? Go to your dashboard and go under appearance to widgets. These air called widgets So you can see here we have our sidebar right here, and these are the widgets on our sidebar. There's different areas where we can add widgets and we'll go over the footer and other things later. But this is just the sidebar. So this is what's in our sidebar right now. Search recent post recent comments etcetera than on the left. You have all of your available widgets, so if I want to just get rid of some of these widgets. I can just select it and delete it. Right now, I don't have that much content, so I'm not going to include the categories or in archives or recent comments. I don't really see a reason for including recent comments, potentially a recent post, which it might be good. So now, if I go back to my block posts or any page that has the sidebar, I see just the search. And in the recent posts, if I want to change the text up here from recent post to something else, I can just type in a new title. It automatically uses the text recent Post, but maybe I want to say latest articles. Or if it's just one specific type of podcast article that you write or something like that , you can just write that. So if I save that and then refresh, you can see that this change is toe latest articles. Now over on the left, you have different options, so if you want, you can add a calendar. You can add tag clouds that will show all of the tags that you've used. You can add pages, or you can add custom text. This is perhaps where you would add a little about section so you can add an about section . So maybe I'll say I'm a d I Y woodworker, etcetera. Don't want to waste your time, so I would just filled out a little bit more, save it and put it up here, perhaps above recent posts. That might be good for someone who's new to your website to quickly understand who is the creator of this website. This is also how you would odd a custom opt inform. Typically, you'll get HTML code from your opt in form and you'll add it here using the text block. So that's how you edit it. In the next couple of videos, I'm going to show you how to add specific things, such as an image and this Facebook like widget. Thanks so much for watching and we'll see then 16. Add Images to the Sidebar Using HTML: So how do you add an image to your sidebar? A quick and easy way is with some custom. HTML. So first, let me drag a new text widget onto my sidebar. Then what I'm going to do is use some HTML code to add this image. A good place to find HTML code for all kinds of things is W three schools dot com and then underage team mail. There's all kinds of quick and easy HTML that you can use for your own website. So if I scroll down to see an example, I can easily just copy this tax and then customize it with my own. So I'm just going to copy it. This is another thing that he should probably right down on your own notebook just toe, remember, and then paste it into the content. Now this is saying that the image source is coming from this HTML five GIF, and so that's the file that it's pointing to. What I need to do is changes to the image file that I want. So what I'm going to do is add a new photo, so I wanna add a photo of me. So I went to media add new. And now I'm going to select a new file. So I'm gonna put this picture of me sanding this table. Not the best picture, but it will be good for this example. So now I've uploaded it. Let me click at it, and I can get this file. You are l So let me copy this entire file. You, Earl, go back to my widgets and then replace this html five gift tex with the image source. So this is where it's uploaded on my site. Then this alternative equals this is the alternative text that will appear if for some reason, the image doesn't load. So maybe I'll just right, Phil sanding a table. And then lastly, we have the with and the height. I'm not exactly sure how this is going to show up. So first, I'm just going to save this. The problem right now is that this image is squished. So it's not the right aspect ratio. So let's go back to our widgets, and what I'm actually going to do is delete the height to this 128 pixels. Semicolon. I'm just going to delete that. So what happens now is that whatever the with, I said, it's going to make that image that with. But the high is going to automatically adjust to the right aspect ratio. So I save it. Lme refresh. And now I have a perfectly not stretched or not squeezed image. So perhaps maybe I want to take this code actually cut it. Command acts if you're on a Mac Control X, if you're on a PC and then put it this under the D I Y section, maybe above the text, right under the title. So we'll delete this text box in the top. Save this and then I refresh. And now what's happening is I haven't about I have my image, but there's no space between the image and the text. So what I can do is after this is another little bit of code after the image again, press left Arrow P right Arrow thing. As you can tell, I'm not an HTML editor, but I can get around. So now there's a space between the image and be text, so that's how you add an image to your sidebar. Say, I want to actually link out this image to another page. Perhaps you create some sort of banner or some sort of ad. Where you can do is using an image as a link. HTML. That's on that same page. You can copy this and paste it. So let's just put it right here for now. And what I can do is I can take my image source. It can replace the image source with that text again to take my alternative text replaced this alternative text with that alternative text for the style. Let me just set the with 2 200 and high I'll just delete. And then this h reference the H ref. This is where you want to point your your l So say I want this to go to H T t p. Colon slash slash Abner designs dot com slash about so that it goes to the about page. So now if I save this and I refresh this now, if I click on this link, it's going to take me to the about page and you can see here on the about page. We still have the sidebar, but perhaps later on we'll edit it so the about page doesn't have the sidebar So that's how you add a link to your image. Will you saw, though, is that the only thing that's added is this h reference. So if you wanted to, you could have just added that h reference, but of code instead of the whole thing. But for me, a newbie in terms of HTML and a newbie, probably for many of you, I just like taking the entire code. And again, this is coming from W three schools dot com under the HTML and under HTML images. Thanks so much. In the next lesson, I'm going to be showing you how to add a Facebook widget to the side. 17. Add a Facebook Like Widget to the Sidebar: So how do we get a Facebook widget like this in our sidebar? What we're going to have to use is a plug in now. We haven't got into plug ins in this course yet, but we're gonna kind of jump ahead to that specifically for this one. Jetpack might be installed if you're using a host like Blue Host to host your WordPress website. If you don't have jetpack, go down to plug ins. Go to add new jetpack by wordpress dot com will probably pop up right here because it's a popular one that is used by most websites. But if it's not here, just search for jetpack by wordpress dot com and install it. Just click the install now button. Now, if I goto installed plug ins by clicking this installed plug ins button. What I can see is the jetpack by wordpress dot com. Plug in is already activated and up here. It's asking me to connect to wordpress dot com. Now what you're going to have to do is click that and connect it to a wordpress dot com account, so you will have to sign up for a wordpress dot com account. Once you've signed in through your wordpress dot com account, you'll be asked to select a package. Just go ahead and select the free package. Now go ahead over to appearance and widgets and you'll see that jetpack has installed a bunch of different widgets that you have available. Go down to Facebook page plug in, drag that over to your sidebar, and now you'll find the option for putting in your Facebook page your L. So go ahead and find if you have a page your Facebook page girl and type in the URL, you can choose to show the faces of people who have, like your page or not. You can also show a stream of page posts if you want, and you can choose to show the cover photo or not. So let's just save this and see what it looks like. So now you can see, just like on the video school online website. I have this page right here. If I want to turn off faces and show cover photo, it's free fresh, and you'll see that it's just a simple page like you don't see. Other people have liked it Now this might be a good idea if you care about the privacy of people who like your Facebook page, even though it's public information also, if you only have a few people who like your page so far, then you might not want to show the faces if it's only a couple different people. So that's the easiest way to add a Facebook like widget in your sidebar. 18. Change Your Site Icon / Favicon: one thing you should do when you start your website is to update thes site icon, sometimes called the fabric con. Now, different websites and different themes have different options for updating this within the sparkling theme that we're using right now, we have an option to update the icon. It's this little one up here you can see. For a an example, I opened up the DeWalt website, and they have a little D up there. I have another website where you can actually find icons called icon finder dot com and has a little logo of their website. Now. Icon finder dot com is a great place to find icons and graphics that you could use. Four. You're a little icon up here. If you can create something a little bit more unique, that's probably a good idea, but I just want to use this as an example. So to change that, go to your appearance and customize settings again, this is gonna be in the sparkling theme settings. If you're using another theme, it might be in your theme settings as well go to site identity and then underside icon. We're going to upload a new image Let's just go and upload. Find our tool icon that we downloaded. It recommends a 512 by 512 pixel image so that this can be used as both your site icon. And if someone saves your website as an app or as a link on their smartphone, this shows up has that home icon on their phone screen. If your images in a perfect square, it's going to ask you to crop the image and you can see a preview of what it looks like right here. Now you can see that our site has a little icon up here, so that's how you add a site identity logo at the top of your website. 19. Change Your Site Icon with a Plugin: What if the theme that you're using doesn't have a site icon or Fabrikant option within the theme settings? There's a plug in for that. Now, in the next section, we're going to be looking at all sorts of plug ins that I recommend, but here's one for updating your site. Icon Goto Plug ins. Select Add new search for Falvey con F A V I C O N. And then this fabric con by real fabric con generator is the one that I recommend now just a quick note about plug ins. One thing that you want to do when you are choosing a plug into uses toe look at the reviews. Make sure there's enough of them. Make sure that they're good star reviews and then see when the plug in was last updated. And if it's compatible with this version of WordPress, you want to make sure that plug ins you install have been updated recently and work with your version of WordPress. Because plug ins are an easy way for hackers to get into your website and really mess it up so you don't want to get hacked and old plug ins out of date plug INS. Ones that don't work with the current version of WordPress are ones that are at risk of being hacked. So click install. Now, once it's installed, you can activate it right from this page. And now that it's activated, we can go to the settings for this plug in under appearance. Fab Icon is a simple plug in where it allows you to select the photo either that you upload or one that you've previously uploaded and simply generate a fabric on from the icon. It'll take you to this page where it shows you the different options, so we want to make sure that the background color is white. For this icon, you want to make sure that it shows up. It depends on what type of icon you're using if it has a background color or not. But for this one, we wanted to add a solid white background for IOS devices for android. It's OK if you leave it as it is, or you can add a solid white background to make it easier to see. And this is cool because you can kind of see what the icon looks like for all kinds of different devices or for browsers, click. Generate your fabric cons and HTML code. Once it's installed on your WordPress site, it will give you a message saying that it has been installed, and that's how you add a fabric khan via a plug in if you don't have the option in your theme settings. 20. Make Your Website Responsive - Easy to View for Mobile Users: At this point, you know a lot about creating a WORDPRESS website. You could go out and start editing your own pages, adding block content, adding pages like the about page and adding all the information for your own website later on. In the course, we're going to be diving deeper into some more specific pages and things you'll need to know about WordPress and about creating things like a contact page with a contact form in the next section. We're going to be looking at all kinds of plug ins that I recommend to make sure that your website is up and running properly, including things like security plug ins, comment, plug ins and all kinds of plug ins that help make your website run faster and smoother. But the one thing that I want to talk about right now before we get to that is having a responsive design. Responsive design means that your website looks good both on a browser but also a mobile device. One way you can look and see how your website looks on a mobile devices one by looking at it on your phone if you have a smartphone or by opening up your website in a new tab and making the browser small. You can see already some weird things happening with the titles that we created in the mobile version. Most modern themes are created so that they're responsive, meaning when you increase the size of the browser or whatever viewer you're looking on your website, it changes the design. You can see that the header shrinks. The menu turns into one of these drop down menus rather than across the top. The images actually shrink down rather than cutting off on the side of the device or the browser. So this theme is already very mobile friendly. But also looking at the mobile friendly version will give you ideas for how to make sure it looks best another way that you can do it right within. This theme is from the dashboard. Good appearance, customize, and you can see these controls down here on the bottom left. You have the desktop version, the tablet version and the mobile version, and it's all actually interactive, so you can see what it looks like and play around with what it would look like on a phone. For most of the content, It actually looks pretty good. Let's just see one of our posts. All the photos look pretty good, but it will also show you where the photo is in terms of the text. We would probably want to move this photo up above this supply list. TEX The one thing that I'm seeing the big issue is the home page, where this title it just doesn't look good on mobile devices, so we're probably going to have to change this. So using these controls down here while editing your site is a good thing to Dio. What if you use a theme that isn't mobile friendly or doesn't have this option where you can see the mobile version of your website? Thankfully, there's different plug ins to make your website automatically mobile, friendly or responsive. And there's one right within jetpack, sort of the go to plug in that we installed already. So if you go to the jetpack menu and click on settings and then go down to appearance, you see these tabs at the top thes air, the different tools and plug ins that come with a jetpack. So let's go down to appearance. If we scroll down, we'll see mobile theme. So if we turn this on, then it's going to make our website more responsive and it will optimize it for smartphones and tablets. So if your theme isn't already responsive, you can make it more responsive, right within the jetpack plug in. 21. Customize the Footer Information: in this lesson, you'll learn how to edit the footer text in the sparkling theme Now for any theme, you might have to do a little bit of research yourself for how to remove the footer. Copyright information. This is this little theme by color LIB part by WordPress. Text down here That's automatically added when you install this theme. If you have a different theme, it will probably have the other themes information down here. They like to include that because they are the creators. Sometimes in their custom settings. There might be an option for changing this and here in the sparkling options. If you go to the sparkling options footer, you do have this copyright text and footer spot. But if I do this, I say Copyright 2017 Abdennour designs. What happens is it just shows up next to this text right here. What if I want to completely get rid of this text promoting color lib? Well, like I said, you'll have to do a little bit of research because it's different for every theme. But I just searched for how to remove footer copyright info for sparkling theme and Google , and this popped up most modern themes will have their own documentation or their own forum where you could ask questions. And I'm sure that for every theme out there that's been around for a while. So one has asked this and they actually got back with this CS s that we can plug in to take out that information. So let's just copy this dot copyright information. And if we go back to our other settings and we plug this in, remember we turned off the header display. It's the same thing for the copyright information. Now it takes away that text, but you might be saying, Well, what about the text that we added? Well, we're gonna have to go about that in a different way. So if we go back and we go to our widgets in this menu, we can go to our footer widgets, and this is where we can add our text. So I say, add widget text. You could add any of these widgets, and I suggest adding some of these to your foot or, if you want, such as surged blow post recent posts, but for just some basic copyright techs, weaken just added text block and then say Copyright 2017 whatever year it is and your information now at the bottom, we have our copyright information like we wanted, so it's saving. Published this. Another way to get to this is through your appearance. Widgets tab, and then you have your foot or widget. And now we see this text that we added, and you can also add links and images and everything else like we did before with the sidebar widget. But do it with your footer. If you want multiple columns of widgets, you can do that. The just for kicks and giggles. Let's just add categories. Two footer widget to now Let's just go to our home page. And now we have our copyright information and our categories. Don't worry. This latest article is little bit will be learning how to do that in the section on blogging later on. So that is a quick and easy way to add copyright information or to change the footer for this theme. Like a said, if you are using another theme, I don't want to be a broken record, but you might have to do a little bit of research yourself. Just search for remove footer and then the name of your theme, and there should be some documentation on that that pops up on Google. Thanks so much for watching and we'll see you in another lesson. 22. How to Find, Install, and Activate a Plugin: Welcome to this new section of the WordPress course. We're going to step back from the building and the designing of our actual website and move on to plug ins. Plug ins are really, really, really important for being able to customize your own website and to create a website that has all kinds of features, such as security, backing up, email, opt ins, you name it. There's a plug in for it on WordPress. So in this lesson, I just want to verify that you know how to install a new plug in. So if you've already learned how to install a new plug in from the previous lessons where we did it really quickly with some of the design features, you don't have to watch this lesson. You can skip to the next one, and each lesson in this section will be covering a specific WordPress plug in and how to use it and why we use it. So first, let's learn how to install a new plug in from WordPress. You can go to plug ins, add new. This will take you to a search page where you can find new plug ins. Now there are all kinds of premium plug ins that you could find on different websites from developers who create custom plug ins thes air, great for certain kinds of jobs. But I personally like using the free option. So when this course I'm going to recommend some of the premium options if you've I want to actually purchase a plug in but also be showing you the free version if you want to bootstrap your website and start it basically for no cost. So here we're on the ad plug ins page. And if you haven't been on here before, you can see the featured plug ins, these air very popular plug ins that WordPress recommends for all kinds of things, and we'll be looking at some of these. We've already looked at jetpack right now, which was pre installed when I installed WordPress on my Blue post website. You might not have installed it yet. If you're not using blue hose to search for a plug in, you can search in the search box. Now you weaken. Search for anything, Say we want to add a gallery to our website, weaken search for gallery and find all kinds of plug ins for creating different galleries. I will admit that the plug in search is not the best. It's difficult to understand how some of these search results appear. You have a mixture of some that are highly rated ones that have been around for a long time and have lots of installs and some that have been recently updated versus some that haven't and these are the key things to look out when installing a plug in. You don't want to install plug in that hasn't been updated. Probably you don't want to install Plug in that is not compatible with this version or your version of WordPress. There are some plug ins that just haven't been updated yet, but they have a great reputation and they will be updating for your current version of WordPress. So that's one thing that you want to look at. The next is last updated. So if it hasn't been updated in the past year than I would say, skip it. You don't want to use a plug in. That's old outdated. This is a formula for disaster in which hackers can figure out how to hack into your website via an old plug in you also want to look at the ratings. Typically, you want to make sure that it's over. Four stars. Of course, this is just like anything else. You want to make sure that it has good ratings and then active installs. Yes, there might be some great new plug ins out there that don't have many installs, but I typically use the ones that have the most installs, or at least a lot of installs, which proves that there are a lot of people using it, and a lot of people like it. So to find out more about any of these plug ins, we can click on it right here. Click on the title. It pops up a new window with a description. Instructions for installing screenshots of the plug in, which might not matter for some different plug ins but, for example, for a gallery plug and we'd want toe look at what it looks like. There's a other frequently asked questions. We can see the reviews. These are all good things to look at. If we're happy with it, we can click install now from here. Once it's installed, we can activate it from this menu right here because we haven't install doesn't mean we can use it yet, but I'm not going to activate it yet. I'm going to go to our installed plug ins page right here. Here you can see all of the plug ins that we have installed. The ones that are highlighted in blue are active. The ones that aren't highlighted in blue aren't active. Soto Activate this photo gallery. We can click. Activate from here. Sometimes when you install a new plug in, a window will pop up or a new banner will pop up at the top of your screen. That will kind of guide you through using that plug in So we could just click start here to view this photo gallery Plug in. You can see that added to Menu Adams, the photo gallery in the photo gallery Add ons. Now I personally have never even used this gallery plug in before, so I would have to walk myself through this toe, learn, but that's what I'm going to do with the rest of the plug ins. I'll know how to use them, and I'll walk you through them in a little bit more depth. But in this lesson, I just wanted to show you how to install. So let's go back to our installed plug ins page and learn how to delete a plug in. Sometimes after you've installed a plug into this window keeps popping up. So until you click the dismiss button, it's just going to keep popping up. This hello, Dolly. Plug in is automatically installed, and this is one that I want to delete because it really serves no purpose. You can read what it means right here. So I'm gonna deactivate it, because right now I can't delete it. I have to deactivate it first. So I click deactivate. Once it's deactivated from my website, I can now delete it by clicking the delete button and confirming that I want to delete. The other thing I wanna mention is updating. There are different ways to update your plug ins, but one is by going to this installed plug ins page. And here we can see that the mojo marketplace plug in, which was installed when I installed WordPress with blue hosts, needs an update. It has this little banner right here. I can click update now here, or I can go to dashboard updates, and we saw this earlier in the chorus where this is sort of your home page for updates. It will include updates for WordPress itself, for plug ins or themes. It's interesting right now. It doesn't show that that Mojo Marketplace needs an update, so it's important to check both places. So back on the installed plug ins Page, I'm just going to click update now. Now for best practices, it's important to check if the update is good to go for your website search on their website, go to this plug INS website and see what the details are with the new plug in. Sometimes I've updated a plug in, and there was some sort of glitch with it, and it either messed up my website or it messed up that plug in. So you want to make sure that everyone's happy with the update. At the same time, you need to balance this out with making sure you update frequently because if you leave a plug in not updated, there might be a glitch with that plug in. Perhaps there was a vulnerability that could lead to hacking, so you want to make sure that you do update your plug ins because usually it means that the creator of that plug in is fixing a problem or making it even better. So that's how you find, install and activate any new plug in also how you delete plug ins in the follow up lessons . I'm going to be going over specific task that I encourage you to do for your website before you launch it to the world. 23. Back Up Your Website - Automatically and For Free: in this lesson. I want to show you how to back up your WordPress site. This is so important. I know from my own experience, I have had issues with someone actually hacking my website. They took it down completely and without a backup, I would have been lost. I would have lost business and I wouldn't have known where to even begin. So, luckily, now I'm using a backup plug in and there are some paid and free options. First, let me just talk about the paid options. If you want to check them out yourself. Thes come highly recommended from all kinds of sources. One is vault press. This is created by the same creators of the jetpack plug in. So this is one that a lot of people use and it's built in kind of with jet pack. The only thing is, you have to pay for it. The other premium one I would highly recommend is back up, buddy. This is used by you can see here half a 1,000,000 WordPress sites since 2010. They do have different options for buying this plug in. You can pay a yearly rate or even a lifetime rate And if you do find yourself being serious with your website and you seem like your business is growing and you want to invest in a high quality plug in for backing up, I can highly recommend this one. But even when you're just starting out, you want to make sure you have something so like I always do in this course, I want to give you a free option just to get started. And this is actually one the ones I'm using for my own site. It's called Back Up WordPress. Now, to find this, you might have to search for backup WordPress. All one word you can see that it has over 200,000 downloads itself and lots of great reviews. So let me just go ahead and install it, and I'll walk you through it. Once you've installed it, you'll find it under tools so good to tools and then click backups. When you first see this page, you will have no backups, and you'll want to set it up to back up according to your schedule. So go to settings right here. Here, you can choose to back up your database on Lee or your files only, or both your database and files, so your files will include all of your images, all of the things that you upload to your website. So if you want a full, complete backup, I would suggest doing both the database and the files. You just never know what's going to happen, and you don't want to lose anything. So if you do end up losing your website, you could literally download the backup file and start up again. Next you want to set your schedule. You can do it daily hourly Onley When you want to every week, every two weeks, every month, I recommend scheduling it to however often you seem to be updating your website. If you're only posting a new blawg post or making updates once a week or so, I wouldn't recommend just scheduling every week. There's no point in running it more often than that, because it's just going to be the same files and it just takes up processing power. So that's what I typically do because I'm usually posting once a week or so and even if the worst thing happens and I get hacked and I end up losing a block post or even to that I hadn't ridden since I backed it up. That's fine. If you do make major changes to your website, I suggest doing a manual backup, and I'll show you how to do that in just a second. You can set the day and the time when you want it to back up, and you could also set the number of backups to store on the server. So this backup plug and actually stores your backups to your own server. So this is where ever you're hosting your Web site. So for me, I'm hosting with Blue. Oh, so it's going to actually back up this WordPress in my blue host database. There are other plug ins or a premium version of this plug in that will automatically back up your website to some cloud service such as Dropbox. This might be a good idea if you want toe easily. Be able to access your backup that way. Otherwise, you can plug in your email right here, and whenever they do, a backup will send you an email with a download link so you could just go back to that email. The last one from the backup that was most recent. And download your backup that way. Or you can download your files from an FTP server so going in the back end of your files, which is a little bit more advanced. But it's the other way to actually access all of the files of your website. I was just mentioning, If you do make a lot of changes and you just want to back up your website manually, just click this run now. But it after you've run some backups or after enough time, where it's done multiple backups, it will show all of your backup down here, and you can download them straight from here. It'll be under actions, so that's the backup WordPress plug in. I can personally highly suggest using this one, and it's a very important one to install an active and get set up right when you start 24. Secure Your Website to Prevent Hackers and Malicious Files: website. Security is so important, it's crazy. How many people will actually try toe hack your website once you start to grow your traffic ? And if it wasn't for some security plug ins like word fence security, I'm sure that my website would be down and hacked all the time. So here are two free options that both have premium options as well. But they're easy to get started with for free. One is security. This is a security Web security website that's their specialty, and they have a free plug in that you can get started with. The other is word fence security, and this is the one that I'm going to walk you through right now, the one that I use in the one that I recommend. Of course, if you want to do your own due diligence and do some research yourself, you can decide between the two. But to get started, let's install word fence. You can see that it has over a 1,000,000 active installs and thousands of good reviews. Once word fence is installed, it's pretty plug and play. There's a pop up where you can actually just go ahead and start the tour and it kind of walks you through all the things that you need to know about word fence. So this is what I would recommend doing when you install this plug in for the first time. What it does is basically walk you through all of the different things that word fence does , such as scanning your site for any malware files or any things that are an issue with your website, including plug ins that are out of date, creating a firewall against hackers who try to maliciously add files or do something to your website. It also automatically blocks I p addresses of people who have tried to log into your website and have been permanently blocked for doing so so you can go through with that tour . I suggest doing it, but really quickly. If you go to the dashboard, you'll see how it basically works and you'll see what's enables what's not enabled. You can see that the firewall log and security different things are enabled. Other things are premium. You can see here the total number of attacks that word fence has blocked in the past day. Now, this isn't on your site, but this is just across all of the sites that it protects. And then once you start getting people attacking your website, which I hope you don't, you'll start seeing it here. You'll see the I P addresses that are blocked. You'll see if anyone's logging in are attempting to log into your website. You'll see countries that are attacking here. But the main thing is that you have to configure this plug in first. So at the top you'll see this banner that says that you have to configure word fence. So click that configure button right there. It's going to run an entire scan of your website to make sure that everything's up to speed . Everything's good to go and then is going to actually be active. You have different choices, and with this plug in, I just recommend using what they recommend. So this Apache plus su PHP test, So just do that and click Continue and it will run. It will ask you to download a backup copy of a certain file this HT access file. Go ahead and click, download and just save it. Click continue once you've downloaded it. If successful, it will give you the success message and let you know that your site is being protected to the fullest extent. The one thing I want you to check out is go down to your options, and this is where you can change some of the things. Everything is set up pretty much automatically for you. But there are some options that I would just check out and look at, and one is under log in security options. So this is where if someone does get to your log in page and Tryst, log in but doesn't have the right password, they'll be blocked after a certain number of attempts. So I suggest lowering this number because it's after 20 attempts. That seems pretty high, so I'm gonna limit it to five and same with password, all limited to five. It counts these failures over a period of five minutes. It seems pretty fine. So make sure, though, that you do remember your password so you don't get automatically locked out because you could be blocked. Word fence will also send you a weekly summary of any sort of blocked attempts to log on or anything that is wrong with your website. It will automatically send you alerts if you have plug ins that are out of date or if there are files or any attempted attacks on your website. As you can see, there are a lot of options and a lot of things going on with word fence, and there could be an entire course on how to use word fence for your WordPress website. But like I said, this is a pretty plug and play plug in. So now that you haven't installed, you can kind of rest assured that your website is pretty darn safe. Thanks for watching, and that's how you protect your WordPress site. 25. SEO Plugins that Help Your Site Rank in Google Search: s CEO or search engine optimization. This is something that I have tossed around before in this course, and it's probably something you've heard about. Basically, what S CEO is is making sure that your website appears in search engines and optimizing your content and just making sure that search engines like Google and being an Yahoo know that your site exists. So to do this, we can add plug ins to our website that actually build a site map, which is what we call it of your website. For these search engines. Here are three plug ins that I can recommend and I've used all of them. And ultimately, I decided to use Yost S CEO because it has some additional options that I'll talk about. But the 1st 1 that I can recommend is Google XML site maps. This is one that has been downloaded millions of times, and it was highly recommended a few years ago when I was getting started out by Pat Flynn, who started the smart, passive income show. It still does a great job, and if all you want to do is tell search engines that your website is there in the world This is a great plug in to install the other two options. Have some additional bonuses, such as things like helping you make sure that your content is s e O friendly. All in one s CEO pack is one option, and Yoast Seo is the other. And you can see if you search and look up these two, you'll see that they also have XML site maps within this plug in. So you don't need multiple of these in the thing about plug ins that I'll just mention really quickly is that having a lot of plug ins will slow down your website. So you don't wanna have a bunch of actual plug ins for that reason. Also, it just means that you have to have maintained them, keep updating them. So I try to recommend limiting your plug ins to only the ones you really need. I'm going to install you STS CEO. Once I've installed it, we have the S E o menu right here on the left. So just go to the dashboard. When you first install it, you might get a couple of errors or notification. One is that it points out that were blocking access to search engines. So to change this, we have to go to our reading settings, which we can go straight through this link or go to settings reading down here we have search engine visibility. So we want to uncheck this to make sure that our site can be searched by search engines will save changes. And let's go back to these S E O dashboard. Now we have to configure our plug ins, so the first notification tells us where we can do that. So click plug in to configure, and you're going to have to walk through a series of steps to configure yos. So just go through this menu and then once you're done with that, come back to this video, so pauses video and then come back here. I am on my video school online site, and I already have Yost installed, So we want to show you what it can do on the dashboard page. You can go through the different tabs to configure Yost s CEO for you. You'll want to go through these things and make sure that you have all of your information set up, such as your comfort, the information company logo. If you are using Web master tools, which are the custom tools for each of these websites, you can go ahead and verify them here. One of the first things you want to do is make sure that you go to the XML site map setting and enable it once you've been stalled and enabled the XML site map. The other cool thing that this tool allows you to do is improve your S e o for your posts and pages. Here's an example of a post that I wrote for video school online. So this is the post page. You can see where I have all kinds of titles, images, all kinds of stuff that I posted and down below. We have this new window that pops up called Yost s CEO. You can see that it kind of grades us on how well our S CEO is, and they'll give you any sort of errors. If it's not for each post, you can put in your focus, keyword. This is the key word that you're hoping that if people search for this key word, your post shows up now one of the warnings That idea is that the key word density for this post is too low. It's only found three times on this entire post, and so they're wanting me to use the keyword more often. Other things that it checks off, though, are things like the page title looking nice, the keyword appearing in the euro of the page. That's why we set up our per maling so that are your l actually includes the key words of our posts. It also looks at the images that we've added to our page and the alternative text to make sure that our tax relates to our keyword and it looks at our subheadings. Remember, we talked about how subheadings can affect your Seo Will Yos s CEO Plug in tells us if her headings are good or not. Another thing that you can look at is the readability, which helps make your posts more readable. One thing that it sees in mine is that one of our subheadings is followed by more than 300 words. Now this is their recommendation that we don't have more than 300 words following a subheading, and if we do to use another subheading, here's an example of a block post I did for my podcast, and this one has a lot more warning, so I really need to work on this. The key word is Theresa Greenway interview, which I played in here, but I have lots of problems with that because it's not included in the title. It's not in the Euro. It's not in any of the headings, really. So I do have to work a bit on this post. But that's why Yost s CEO is so great it helps us make our posts much more ASIO friendly. So that's the Yost S E o. Plug in. It's a great way to make sure that sites confined your website. 26. Speed Up Your Website with Caching Plugins: The next thing we want to do is speed up your website. Slow loading websites get high balance rates which affect your Google search results or really any search results, because Google doesn't like toe share websites that have high bounce rates in their search engines. So your website speed goes hand in hand with S E O. There are two plug ins that I recommend. One is WP Super Cash and the other is W three total cash, both through a very similar thing. So either is really a great option. But we're going to go ahead with WP Super cash, which is what I use for my own website. So let's go ahead and install it. You'll find the settings for WP super cash under your settings. This tool is pretty straightforward. You want to turn on cashing and then say updates status. And basically what this is doing is it's turning a lot of your heavier, slower loading PHP files into HTML files these air just faster to load. And for anyone that's visiting your website, that's not you. Basically, you want to make sure that they're loading just something that's a little bit smaller, so that's basically what it does. It goes through all of your files and turns them into faster loading files. With this plug in, I just go through with all of the recommended settings, and I suggest that you do, too, so you can go through under advance and turn on all of the recommended settings. So there are a couple that aren't automatically checked, such as compressing pages. So there served more quickly to your visitors, not cashing pages for users. You might not want it to cash the pages, because if it does, when you make updates, you might not see those updates yourself. And then there's just a couple more that I would just check all over the recommended ones. Like, for example, this one is it checks your home page more often than the other pages to make sure your home pages cash for all the people who are visiting your home page, which most likely will be your most popular or one of your most popular pages. Once you're done checking all of those boxes, just click update status. The next thing is to enable CD and support content delivery network. Basically, what this means is when people are visiting your website, they're actually accessing the files from a server If you are hosting in the United States , that means if someone is visiting your website, they are getting that information from a server in the United States, at least if that's where you're hosting is. But this is actually kind of slower for people who live far away with a CD. And it's a massive network where all kinds of files are actually stored on different servers. And when you enable cdn support, it means that whenever someone visits your website, they're actually getting those files from the closest server which just speeds up your website. So I definitely recommend enabling CD and support. So once you check that box, just save changes. The contents page will just show you what pages and what content are cached from your website as you create more pages and over time, that wool increase, then pre low. This is also really important. I would check on the pre load mode because this will actually create a cache file for your website when people visit it for the first time, and this will actually help you increase your Google ranking So go ahead and click update settings and pre load cash now. Oh, it also recommends setting the minutes to run around 14 40 which is about a day. So this means that your files will be cashed every day for this pre load setting. And if you are using tags and categories, which most of us will be doing with our block going and check the pre load tags and categories setting, then click update. Great. Well, that's the WP super cash settings. And once you install that and set all of those settings up, your website should be acting faster. Now, if you are just starting, it might not seem like your websites that much faster because you don't have a lot of plug ins and images and posts. But over time, once you do start adding a lot of content, and then you turn this on and off, you and your viewers will see a difference. You can even test the speed of your website with the tool called Ping DMSO. Go to tools dot kingdom dot com type in your website address. You can choose where you want to do the test from, and it will give you a summary of your performance and things that you can do to improve the speed of your site. So that's how you improve the speed of your website. 27. View the Analytics of Your Site: the next plug in that I recommend installing is a Google Analytics plug in, and this is really a plug in that just allow you to easily and quickly see Google Analytics stats on the home page of your WordPress when you sign in on your dashboard, so there are two that I recommend. One is Google Analytics Dashboard for WP for WordPress, and then the other is Google Analytic ater. This is the one that I've been using for a long time. Over the time that I've had it installed, other plug ins have popped up, including this Google Analytics dashboard for WP that is a little bit cleaner, but there are still some things that I like about Google analytic ater. Once you install these, what you're going to have to do is sign it for an analytics account. So let's should go ahead and install Google Analytics Dashboard for WP. Once I installed Google Analytics, a new menu item pops up over on the left. Let's just go to the general settings to set it up. There's a really great set up tutorial video. If you want to watch it, that pops up over here on the right. Otherwise, you can just click. Authorize, plug in. It's going to ask you to provide your access code. First, you're going to have to click get access code. This is going to take you to your Google account page, where you're going to have to allow the analytics plug in access to your Google account. Once you have set that up, it will take you to this page where you can copy and paste this code that it gives you into this access code area right here. Then click save access code. Now it's going to bring up your option for any of your websites that you have hooked up with Google Analytics, which you're going to have to dio right here. You can see under select view that I have a number of websites and you to me courses that I have hooked up and got an analytics for with Google Analytics. I'll just use my video school online, Staats and say, save changes. Now let's go back to my dashboard. You were on our dashboard and we haven't really customize the dash board before, But one thing that I can do is I'm going to get rid of this announcement. When you sign up for WordPress for the first time, you get these next steps and actions kind of announcement. I'm just going to dismiss that now. We have all of these windows on our home page and down at the bottom. We have the school analytics dashboard, which I can click in drag and move up to the top into the left or right column really, wherever you want it. And now this will show the analytics for your website in the past 30 days, or you can select a different time frame. Now I'm going to go over to my video school online dot com dashboard so that you can see a comparison of the Google Analytics WP, which is here on the left, or the Google Analytics cater Plug in, which is over here on the right. You see, that is very similar. It has starts from the past 30 days, includes different things, like the number of people who have visited your site. The page views, the sessions, the bounce rate, different things on the left. You have organic search. How many people are coming actually from search rather than directly page load time session duration all kinds of different stats on the right with Google Analytic ater. The one thing that I wanted to mention about that plug in which I really like, is it shows you your top five pages. So it's kind of cool that you can see which pages of yours get the most traffic and then down below. Your top refers. So if people are coming from a specific site, or also what people are searching to get to your page, which lots not provided you can see here 31,000 visits. They don't show thes search results. That's because of the settings with their search browser and all kinds of things that doesn't allow Google Analytics toe actually share that data with other people. It's a privacy thing, but you can see that some people search for video school, online school video, and you can dive more into this in your Google analytics, which is a whole different topic. But if you want to just see a snapshot of the stats, this is a great place to do it. And one thing that I like to do with these stats is just look at a little bit of a longer time frame to see if your website is growing. You can see with the Google Analytics you could only choose past 30 days past 60 days or yesterday with the Google Analytics dashboard for WP, you can choose even up to a year, and I like the look of these stats not. This isn't for my Evan or designs. This is for video school online, but you can see that the monthly page sessions is increasing over the past year, and this is what you want to see when you are starting a website. If I go even longer than three years, you can see the growth of my entire website, starting where I was barely getting 1000 page views back in 2014 per month to this past month, where you can see over 36,000 sessions to my website. So those air the to plug ins, remember that you're going to have to set up Google analytics if you haven't done so already. And if you have any other questions, please feel free to let me know 28. Block Comment and Contact Form Spam: you want to make sure that you block spam on any of your comments on your website, and hopefully, as you grow your website, you're going to be getting a lot of comments on your block post from visitors and fans. But I heard a stat recently that said 85% of all comments on websites are spam comments. So to protect your blawg from spam, I suggest using AK is met. Akkus Met is created by the founder of wordpress dot com. It's a very legitimate option for blocking spam in it, and it works together with all kinds of comments systems in contact forms, which I'm going to be talking about in the next couple of lessons. I already had Access Mitt installed, but I have to activate it. But if you don't have it installed, go ahead and install it like we have done in the past couple of lessons. Then click this big activation button up here in the top, or go under jetpack to Akkus met. You're going to have to get your own a P I key, which is basically just verifying that you can use this plug in. So click this get your A P I key button. Think like Get an AK is met a p I key. There is a basic option where you can basically donate if you want, or just get it for free. Or there is a premium option that supports bigger websites and has advanced stats and priority support, and you can pay $5 per month. Click the get basic to just get started for free. Slide down the slider to zero and click. Continue. Unless you want to donate, it's going to tell you which website it thinks you're adding it to. And if this is righteous, click. Activate this site, and this is a part of your wordpress dot com account, and we actually created your wordpress dot com account when we activated the jetpack plug in earlier. If not, it will probably ask you to create your WordPress account. It's already plugged in the A P I key, and it's already activated. The act is met plug ins and you're free to go about, and it's going to automatically start blocking span. There are two options, though, for the strictness. One is that it will automatically discard the worst and most pervasive spam, so you don't even have to check it. The other is that comments that are deemed spam will be put in a spam folder for you to review. Depending on how big your site is, you might want to just have it put in a spam review folders so that you can use it yourself . There has been a few times where a comment that was not technically spam was put in this band folder. But as your site grows and you get more and more comments, you might want it to automatically do it for you by checking this box right there and then clicking save changes. You can see spam that has been blocked. If you go to your dashboard, go down to your site stats, which is WordPress is sort of site Stotts That shows how many people have visited your page . It's not as good as Google Analytics, but down here. It does say the number of spam comments that have been blocked by AC is met, and like we did earlier, we can rearrange these windows if we want. We can also turn them on and off by clicking down the screen options, checking on and off any things that we want or don't want on our home page. Thanks for watching, and in the next lessons will be looking at different commenting and contact form plug ins. 29. WordPress Commenting Systems: In this lesson, you'll learn different options for comment. Systems natively. Whenever you start a new WORDPRESS website, people can comment on your block posts or your page under settings and then discussion. You can turn on and off a number of settings related to your commenting, such as authors being required to fill in their name and email address. Users must be registered to log in. Commenting will be closed on articles after a certain number of days, etcetera. It's really important to have people submit their name and email address. Teoh Further Prevent span. Even though we already have Akkus Mitt set up and blocking spam, it's just another step that prevents span to see any comments. You'll see them on the blogged at page itself. Or you can go to this comments paid right here. Right now, I don't have any comments to review. Let me show you what the native commenting system looks like. Here I am on the Block article about easy and cheap garden boxes and you can see here says leave a reply. It requires the email address. You got a comment box name, email website posted comment. People have the option of getting an email follow up when comments are made on their posts . So this is a very simple but clean looking box, and it's going toe match the design of your theme. So if you have a different theme, it might look a little different. There are other plug ins that you can use to sort of spice up your commenting system, and there's no need to do this. But some other features that might be of interest to you one is within jetpack, so we've used jetpack for a number of things. But if you go to jetpack settings and then engagement, you can see that there is a commenting system. So right now it will probably be turned off, So just go ahead and turn it on for you. If it's turned off, you can drop down this little menu, and you can write in a new comments headline. And there are a few different options for the appearance light, dark and transparent, and then just click save settings. You can also get to these settings once you have turned them on back on your discussion settings page under settings discussion, and then if you scroll down to the bottom jetpack subscriptions, settings. You can see the different greening text, the color options and also to turn on and off the follow Blawg option or the follow comments. Now let's see what this looks like. Okay, remember, this is the original. Now this is with jetpack, and people can log in with their WordPress, their Twitter, Facebook or Google plus accounts to actually leave a comment. If they don't want to actually just put in their email address or website, they could just sign in, so it looks a little bit different. It gives you some different options for how it will look like Now there's one other plug in that I would recommend. It's called Discuss, and it's actually been used by hundreds of thousands of people. And the reviews don't really give it justice. It does come highly recommended by a number of WordPress websites and WordPress users and creators, though they haven't updated it for a while. It is still a very good system that's used by a lot of people, and one good thing about discuss is that people can use all kinds of things, toe log on and leave a review, and it comes with a really sophisticated way of moderating comments that I find I find a like So that's what I use for video school online dot com. And so let me just show you what that looks like. Here's one of my blogged articles on my 2016 goals, and you can see that it has these comments. You can see that you can easily start a comment. If you have a discuss account, you can sign up. And a lot of people nowadays have Senate for discussed, though they already have a discuss account. There's an easy option to share your conversation if you want. And just visually, I like how it looks and you can also up vote and down vote different comments. When you do install, discuss, it will appear under the comments menu. Under all comments. There's discuss and you'll have to be taken to the discussed moderation page, and this is the one thing I don't like about it is that it's kind of separate. You have to open up a completely new tab to go to the discuss moderation. That being said, you can moderate comments from the dashboard of your website. Now I'm back on video school online's dashboard. So if I scroll down, I can see recent comments and I can approve unapproved reply right from here. But if I do want to go to the discussed moderation page, I can do that as well. You can see here I have all of my approved pending spam deleted, etcetera. So I'm just gonna show you again what these three options look like. Here's the discuss option. Here's the jet pack option. And here is the regular native commenting system within WordPress. Honestly, if I was starting out and if I were you, I would just go with the native comments. It looks really clean. It's pretty easy to use. The only thing is that people can't sign in with their Facebook or their other kind of account for commenting, but I think that's okay. Thanks so much for watching. If you have any other specific questions about commenting or things that you can do with commenting, please let me know. Otherwise, go ahead and start sending out your block to the world so you can start getting some comments 30. Secure Contact Forms That Block the Spammers: one of the most important pages of a website is the contact page, where people can get in touch with you, especially if you have products and services that you sell with. Your website is important that people can get in touch with you to find out more information. So here on video school online, I have a very simple contact page that works really well. First, I created this image with a bright, smiling picture of me in a How can I help? But in trying to just personalize my website a little bit more and then down below, I have the contact form, and this is created with fast, secure contact forms. They plug in that I'm going to show you in just a second. There are hundreds of options for contact form plug ins, but there are two that I'm going to show you. One is the fast secure Contact Forum, which is the one that I'm using for video school online dot com. Relatively simple to use visually, it's not the best. Graphically, it's not the most seamless integration with a website, and the back end isn't as easy as another plug in called contact form. by WP forms. So for our website that we're working on, I'm going to show you how to use this one. So go ahead and install this one. Just search for WP forms, and it should be the 1st 1 that shows up after you've installed and activated Goto the WP forms menu and click on Add new. Or if you're on the All forms page, you can click. Add new from there. Here we can give a name to the form. So for me, I'm just going to call this contact page. You can follow a template, or you can create your own. Let's just create a blank form for now. Now we can easily drag and drop the different options from the left onto our contact page. For example, we might want to include a name box in email box in a paragraph text box. If you want to find any more data about people submitting information on your contact page , you can add a multiple choice question, a drop down menu or some checked boxes with a list of things that you might want to find out about that person. There's also what they call it fancy fields or payment fields that you can add, but you have to purchase the full premium version of WP forms, but this is typically what you would want in your contact pages, name, email and paragraph. You could also add a single line text. Say you want to find someone's website out. You can drag it on to this editor, click any of these modules to edit it, and then it comes up with the edit options on the left and then weaken. Change the label name from website. For that, I wouldn't make it a requirement. But here is the check box to make it a requirement or not. So you don't want to include their last name or require them, including their last name. You can click on the name field and change the format from first last two. Just simple name, but I like requiring, or at least having the option. For the first and last under settings, you can change the way that your message appears to the person when they get an email, for example, under notifications, you can change what the from name is if you wanted to be the website name, or maybe you just want it to be. Or maybe you just want it to be your name and under confirmation. This is the message that they'll receive after submitting something in the contact form. So you might want to include right now. This is the default. Thanks for contacting us. We will be in touch with you shortly. Maybe you want to say with you in the next 2 to 3 business days, and then maybe you want to say something, like in the meantime, feel free to check out my list of blogged articles or my YouTube channel that answers some frequently asked questions. Or maybe you have a F A Q page that you want to direct people to. You couldn't also change it from a message to going to your L. If you want to redirect them to a specific page. Once you're happy with your form and your settings, click, save and then click Embed. What we can do is now take this short code, which is what this is called. Copy it and embedded into our contact page. It does have a tutorial if you want to watch that. But I'm just gonna go to my contact page. So here I am on my contact page and I'm going to click Edit Page. Now I'm just going to add the short code right there in the middle of this visual box SE update and then click view page, and now you can see our contact form. Good to go. Now. If this were my contact page, which it is, I would include a little bit more information like I did on the video school online page, maybe just some sort of verification or some sort of explanation of what you're looking for , or what types of things you expect to hear from people in the contact form. Or perhaps again, you want to redirect people to other pages or information so that you don't get bombarded with too many submissions on your contact form. So this contact form looks really amazing, really clean. One thing that I would add Teoh prevent spam is a recapture, which is a Google tool that is added to all kinds of forms so that it can prevent bots from spamming. Your website here, you can see on my page with fast secure contact form the capture code where people have to type this in, and as annoying as it is for someone to have to type that in, it's a wonderful tool for preventing span. To add that to your WP forms, go under WP forms menu under settings and down on the bottom you have recapture Click the Visit Recapture Link to go to the Google page and click Get Recapture. It's going to ask you to register a new website, and once you walk through the step, that's going to give you the capture site key and the secret key that you can plug in and save. Next. Go back to your contact page form and you might have to refresh the page than under settings. Go to general and turn on enable recapture and press save. Now, if anyone visits your contact page form, they'll get this. I'm not a robot recapture, which is the new way that Google is figuring out if someone is a spammer or a bought or not , so people will actually have to check this and be verified to provide a comment for this example. You get one of these image pop ups where I ask you which images have a street sign, and so the user has to select all of them. Click Verify to be able to submit a comment on this form, so that's WP forms. And again, it's very simple to use. And if you want some more advanced tools, you can Simon up for a premium account. But with what you get with the light version, you can go ahead and get started. Thanks so much for watching, and we'll see in the next lesson. 31. Link Redirecting and Shortening with PrettyLink: in this lesson, I want to show you probably my favorite plug in that I've ever used. It's called pretty linked late, and it's a way that you can redirect euros to a specific euro, making it easy for someone to remember or to type in a specific euro. So go ahead and search for a pretty link light and install it. There is a premium version, but for what it does in the light version, you won't really need much more, especially when you're starting out after you have installed the plug in. Go back to your dashboard and it adds a panel on your own page I use is when a lot. So I usually put this at the top of my dashboard. So here's how you use it. You have a target, Ural, and you have a pretty link. So you have a specific girl that you want to send people Teoh. Maybe it's a YouTube video of yours. Maybe it's a product of yours that you're hosting on. Who knows what Amazon Gum Road You to me. Any other platform. You can take that euro specifically for YouTube videos this year. L means nothing. Youtube dot com slash watch question mark v equals yada yada yada paste that into the target, your l box back on your pretty link page and then create a pretty link. Maybe you want this to be evident. Designs dot com slash video and then click create. And it's going to take you to the links page, where you can see the stats for the different links you've created. And now, whenever anyone visits debonair designs dot com slash video, it's actually going to forward them to that YouTube video. So you can see here on video school online dot com. I use pretty link. Ah, lot. You can see it's just a way to clean up a euro, especially when I'm putting it in an email or in a YouTube description. Perhaps it's a blogger article that has a very long Ural, which is good for keyword s CEO purposes, but not for remembering or not for visually seeing in a YouTube description, Then I just create a pretty link with it. Here. You can see the clicks for all of these links, which I think is really cool, including the unique people clicking it versus the number of clicks There are some tools that I haven't used ever before within pretty link, including automatically sharing the links via email or Twitter, etcetera. The other cool thing is that say, you create this pretty link that links to a specific video and you post this link all over the place on you're blogged articles in e mails all over the place, but you want it to redirect to a different video. Where you can do is just edit this pretty link by clicking that edit button, and now I can change the target, your URL toe, whatever I want. Now I don't have to go back to all of those YouTube videos and change the euro that I put in there. It's automatically going to change because I use the pretty link, and now it redirects to a different page. So that's pretty link, and it's a really amazing plug in. Start using it and I'll see you in the next lesson. 32. Add an Editorial Calendar to Your Site: one request I got when surveying people about this course was to show how to add an editorial calendar to your WordPress site. This is great whether you're working by yourself or with a number of authors to more easily visually see when articles are going to be posted without an editorial calendar. What you see is here. When you look at your post, you have a list of post with their scheduled date there publish status. But it's not that easy to visually see when things are going to be posted because we're so used to looking at calendars. So the plug and I recommend is called Editorial Calendar. So go ahead and install that once you haven't installed, you'll find it under your post menus on her posts calendar. And here's what it looks like. You see a calendar version of your post. So right now you see, I'm recording this on February 21st I see upcoming post that are scheduled, and I could also scroll up and see past articles that have been posted. If I want to create a new post right within this calendar, I can click New Post, give it a title. You can even write some content in here. If you want, you can change the draft if you want it to be scheduled or draft. If it's in the past, you're not going to be able to schedule it and then click save. And now, from the counter view, you can go to added it, delete it or view it. I worked on a communications team at the University of California, Berkeley, and whenever we had our weekly meetings, we would run through the editorial calendar, which was really great because as we were doing it, we can just quickly add different posts to specific days, depending on what people were writing about. Instead of having to do that through the add new post page or any other way that you can add a new post, this is just a better way to see it visually, on a calendar 33. Create Email Opt-Ins for Free - SO IMPORTANT: one of the first things you need to do before you launch your Web site is set up some sort of system where people can subscribe to an email list. It's better to do this with a tool or a system that's dedicated to email marketing rather than trying to use your own personal email. To do this, you can get hit as a spammer if you are using your own Gmail account or other sort of personal account. There are lots of different tools out there, and a lot of them you can start for free, such as mail chimp with male chimp you can get started for, I believe, up to 2000 subscribers, and they've got all kinds of tools. So if you go to Mel Chimp and then goto pricing, you can see the Senate for free. Give this free option and it if you click the learn more, you can see that you are able to send up to 12,000 emails per month to up to 2000 subscribers, and there are tools and plug ins within WordPress that allows you to create option forms for your website that hook up with male chimp another option is convert Kid. This is kind of the new kid on the block in terms of email marketing, but they've really pared down the whole idea of email marketing and made it very simple for people who are just getting started. And this is personally what I use. Currently, A Weber is another option, and this is just another one in a long list of email marketing tools like constant contact infusion, soft. There's dozens of them out there, and there's great reasons to use any of them. But as always with this class, I want to give you a free option that I highly recommend. And that's built right within WordPress. And that's male poet. I actually used to use this before going over to convert Kit, and it allows you to do a lot of cool things. And it's very simple. So if you search for a male poet, you'll see Mel Poet newsletters and it's had over 300,000 installs five star reviews really , really great. So go ahead and install it, and I'll show you how to use it. When you activate mile poet, you'll get this welcome letter and you can walk through their own tour. If you want to, or you can just click this thinks. Now take me to Mail Poet. But in down in the bottom, there are four different menu options under the male poet. Tab one is newsletter. This is where you create new emails. One is subscribers where you can see all of your subscribers settings where you can change any of your settings or premium for you toe and role in the premium Mel poet, where you can use it with over 2000 subscribers and send more emails per month. There's a few things that you might want to do. If you're trying to legitimize your business, one is put in your company's address. It's actually a requirement that you actually send your address with each email. And if you don't some spam filters, depending on the email tool Gmail, Yahoo would have you. They'll actually put your emails and spam. If you don't have that, you also can choose where you want notifications to go to and choose. If you want to get notified when someone subscribes unsubscribe or a summary of the emails that you send every day, you can choose how it appears to the person who gets thes e mails so it will be sent from Phil. Or you could say no Evan or designs whatever you want, either a company name or your name and then your email address and with your hosting account with Blue Hose with Host Gator. With whatever hosting, you can create your own e mails with your website so you could have Phil at Evan or designs dot com or contact or support at debonair designs dot com. The next tab under settings is your forms. So right Within the male polar app, you can create a form to put in your website, so click create a new form to add a new form, and then you can add different fields. So say you want to collect first name, last name. You can add these two your form, and then you could click any of these to edit how it actually appears down below. You can choose what lists these subscribers air going to be added to so say you have multiple contact forms on different pages of your website and you want a funnel visitors into different categories. Perhaps you have some visitors for me, this would be visitors who are more into photography and then some that are in tow. Video production. I might have to lists. And depending on the blogged page or the article, I would put a different form on that page that funnels into that list. And then this little after submit option is a little pop up that appears after they've submitted their information on this form. So say you've gone through this click save and then to add it to any of your pages, just click this short code button down here. Copy and paste. This short code, I'm gonna test it out on my about page. So just paste it into any page click update, then refresh that page. And now you can see the form it tries to match the style of your own website. This looks pretty good. Now, when you're trying to get people on a newsletter, it would probably be beneficial to give a reason to subscribe. So on this page, I would include information that they'll be getting once they subscribe, or perhaps giving away some kind of lead magnet, a pdf download or something that they get in exchange for signing up, and I would include that information, and I would include that information right next to the form. You can also go to the widgets area under appearance widgets, and then you have a new widget that you can put in your sidebar male poets subscription form. So let's put that right under search, and then we have to choose which form we're going to choose. So we created that new form, which we should probably re title. Maybe we will create a specific one for the sidebar click Save. Now we'll have to refresh this page so that that shows up in our male poets subscription form option. And now we have these sidebar option, and we'll just click Save Now if we go to our blawg or any page that has the sidebar, we have this subscribe to our newsletter page. Now let's go back to our subscribers page. You can see that I automatically have myself as a subscriber, but say Let's just type in, for example, my other account, Philip dinner and then the email addresses at video school online dot com. Then click Subscribe, and now you can see this is the pop up that we saw, so you might want to change this. Make it more interesting. Say something like, Hey, check your inbox. You'll be getting your free PdF or whatever your lead magnet is. Now let's refresh our subscriber page and you'll see that now. Support video school online dot com is added the status and is unconfirmed. Until that subscriber gets the first email and confirms their email address. This is a double opt in, and this is required for people who start newsletters. Now. What is that email that people get first when they subscribe? Let's go back to our settings and go to sign up confirmation. This is the email that someone gets when they sign up, so you definitely want to edit this with your own information. In this email is a confirmation link that they'll have to click, and you can send them to a custom page. If you want going down the line of tabs, we have the send with Option one you could send with your own website, and the delivery method is PHP, which I highly recommend. Or you can use 1/3 party depending on what your host situation is. Sometimes they don't allow you to send more than a certain amount of emails per day. So once you get over 100 subscribers, you might want to go with this third party option and find out more about that. Just go here and click on the read More option. Then down below. You can see that you can choose how many emails you want to send every hour. If you're using 1/3 party option, you can increase this because you don't wanna have to wait to send your emails over the period of a day or two. If you have a few 100 email subscribers, you want to send them all at once. But they suggest 70 emails per hour to be safe to start out so that you don't get seen as span. And that's if you're sending from your own website. But again, if you want to send more, you can choose this third party option. Lastly, let's just quickly look at our newsletter options. They come with a draft, but I'm just going to go ahead and say, Create a new email this you can see as a one time email blast or an automatic newsletter and this is awesome so that you can actually create an automated sequence for your subscribers so you can automatically send either when someone subscribes to the list or when there's new content. So perhaps you want someone to get notified whenever you post new block article, but to do it as an automated sequence you would choose when someone subscribes to the list , you would choose which list you're using, and you can send either right away or an hour after a day after a week after. So if you want a 10 week sequence, you would choose weeks after and then you just said it as one. And then, if you want to create another email in the sequence, you would create a new newsletter and choose to. So I'll just title this first email just so we can see what the next step is. And this is a standard template that male poet uses. You can go into any of these blocks and basically edit them, or just go ahead and delete them. And I typically delete these and start from scratch over here on the right. You have your options for types of content that you want to add just regular titles and text, or perhaps a WordPress post, and here you can choose which WordPress post you want to include. Say you're sending a blast with all of your latest articles. You can choose multiple articles, and it adds it to this email blast or, if you are creating this email and it's the 1st 1 being sent out. But you want to send the latest article that you've written, perhaps you choose automatic latest content, and then you choose how many Let's just do the last one. So this is automatically going to send the latest article to whoever signs up at that time . You can add images, you can change the styles, or you can actually add a custom theme. So if you click the add more themes button. There are lots of different themes that male poet has given us to start out with, so these are kind of templates that you can use once you're done, adding all of your content, just click Next step. Verify your subject line. Verify when you want it to be sent. Verify the sender of the email also where the reply to email goes and then you can activate it or you going to save it as a draft and activate it later on. You can also enter your email address and send a preview email to see how it looks. As you can see, there's lots of great stuff to do with Mel Poet. And, of course, there's the other options as well. So if you have any other questions, please let me know otherwise, just poke around and see all that male poet has to offer. It's a great way to get started. 34. Add Social Sharing Buttons to Increase Sharing: using email marketing tools like male poet or a premium version like Convert kit, mail, Chimp or a Weber is great, but these tools are built for email marketing and not necessarily the opt in side of things . Yes, you can build opt informs with any of these tools and put them on your WordPress website. But sometimes you want to use another tool that can do it better. Sumo Me is a great premium tool but also has some free options. If you want to, just try it out. So go ahead and search for sumo me and we're going to use it for a couple of things, including having social sharing on our block posts but also custom option forms. Once it is installed and activated, click on Sumo down here in the bottom left, and then you'll have to connect it to a sumo account. So then click this big sumo button. Sign up with your own email address, and then it will take you to your dashboard so you can go to the store to find out all of the different maps that they have available or the APS that you have available to do you right now, it will walk you through what you can do with sumo, and you can see all these tools. So I'm just going to click this Xbox and and the lesson that they're trying to give us. So you have different options, like a squirrel box, which is an opt in form that pops up and appears on your Web site as they school down. You have different contact forms. If you want to use the contact, form a welcome mat. This is something that appears over your website page as soon as someone actually visits your website or these share tools. So let's just go ahead and click on these share options to see how you actually use sumo. So if you click on share and then you click on the share but in itself, it will take you to the share options page connected with your Facebook account, and then also add your twitter. If you have one, then click save and then let's just go through these tabs so that you can understand what's going on. So first at the very top under clicks, you'll see the stats for all of your shares. Next, you have your settings. So this is where you customized what it looks like and what services or what websites people can see automatically to share on. So right now we have Facebook, Twitter, Google plus Pinterest and an email, but over on the left, you have all kinds of different services. So if you know that a lot of your audiences on Reddit you can just drag and drop it over to the right and then click and drag and drop these services on the right to reorder them or just drag him to left to remove down under services. It actually shows you whether you want to allow sumo me to reorder them, to optimize getting the most shares or the manual order that you select. And then you can also choose how many you want to appear. Say you only want three, and then you can also choose how many of these you want to actually appear. You could change the label, so if you don't want it to say, shares, you can say likes favorites something else, then the background color for this little box, which now if we go to our blogger article, you can see so you see here it says shares Maybe we wanted to say, likes and then also change the color. Just choose something little wild like that. Click save and then refresh to see what that looks like. You can see it pops up here with the new background, color and text. You can change the but in size. If you want it, Teoh, be bigger. You can also change the style, maybe want the circle look. You can also add some spacing between the buttons. If you want, you can show the share accounts or not. If you're just starting out, you might not want to show the shares. But it might be a good idea just to show that there are people watching and looking your site a little bit of social proof. And then over here on the right, make sure that you have the share counter Start after one. You don't want to have it appear as zero shares leave the mobile with as what it is standard. Let's save it, then we'll refresh so you can see now has the round buttons. And if I click one of these, it popped open with these share option for that fewer down underneath settings. You have your layout so you can put it on a different part of the page or multiple parts of the page. So let's just put it here at the bottom as well and say Save now let's refresh. We have the share options on the left and at the bottom of the article. I'm just gonna turn them off down at the bottom. If you want to add share buttons in the middle of a post, you can go down to this in line sharing. Click. Add new code, name this placement and then click save. And now you can copy and paste this code right here and put it in the middle of your blogged articles or your pages. This next option is for mobile optimized. If you want your sharing buttons to be different on mobile devices, which actually might be a good idea, then it changes the services that appear, such as text. What's up? Email, Facebook, Twitter or any other services that you think your users are using? More so on their mobile devices? This display rules tab is really intricate, and if you just wanted to show on all pages. That's great. Otherwise, you can click this at a show rule. And then there's a drop down for all of the different options and some of them you don't have unless you buy the premium version of Sumo Me. But you could also use a lot of these to really customize it. So if you only wanted to be on desktop devices only on the home page on Lee on Urals, where there's a specific hash or there's a euro matching, for example, or if you have a euro that has a specific hashtag or something like that. But I think the better way to do it is to just have it on all of your pages and then don't show it on specific pages. This is easier to do, because typically you'll want to have it on all your block posts, but maybe you don't want it on your home page. So under don't show rules, you click. I dont show rule and then choose on home page and then click save. So now if we go to our website and go to our home page, you don't see those sharing options. But if you go to a blocked page. You can see those sharing buttons, so that's just one of the tools within. Sumo. Me. We're going to be going over some other tools to show you what you can do with sumo. Me to get more email opt ins. 35. Add a Welcome Mat to Increase Opt-Ins: the sumo. Me plugging also has all kinds of cool tools to add. Opt informs to your website. Like I mentioned in the last lesson, You've got your scroll box, you've got welcome mats. But the bad thing about it is that you have to pay to have it integrate with your email service. And the other bummer is that it doesn't work with male poet. Currently here, all of the email marketing tools that it does work with it works with the biggest ones. Mail Chimp a. Weber Get response. Active campaign. Constant contact Convert kit infusion soft. But you will have to sign up for a premium account to use that. That being said, you can still create contact forms with this plug in and then export the email subscribers and then import them into whatever tool you have for free. It just is going to take a little bit more time. But that being said, let's go forward and check out how you can create cool custom welcome mats for your website . So turn on the welcome that option and then click on welcome mat And here you have your stats. This is the first page you see, then you have these tabs on the top with your different campaigns. So say you want to test out different welcome mats. You can actually turn them on and off to see how well they dio and then the 3rd 1 is your actual welcome mat. So they have default templates, or you can choose a different template to use. And this is what it will look like so you can start with any of those. You can change any of the text over here with the heading text called Action Box. You can change the background image. You could customise everything, let's save it and then go down to fields and you can change if you want to add an email address field. Perhaps you want the first name or a different name field, so let's turn that on. And let's move that above email address and click Save under behavior. The next tab you can choose when you want this welcome mat appear Yoon. Have it appear every single time someone visits your website or every five minutes or so, because perhaps you don't want to show it to someone who just went to your home page and then refreshed or went to another page and then went back to your home page. You might know want to show it then, or any number of options, or this next option is to prevent it from appearing. If someone's subscribe through the welcome mat or through any of your sumo option forms before and then if someone opts out, you can also choose to not show it. Let's just click save over on the right. You can choose what happens when they submit their information. You can redirect them to a new Yura. Let's just go down to campaigns and turn on Campaign one to see how this looks. So now when someone visits your website, it will take them to this page, and then they have to click this down. But in to actually go to your website or click no thanks. Like so these welcome mats do a great job at increasing your opt ins. Now you want to make sure that it's high quality. You don't want to bother someone who visits your website and make sure that whatever you're welcome, Mat says. And whatever off you're giving is a value and it is interesting to the person visiting to make them more likely to not only give you their email address, but also to continue looking at your website. So that's how you create a welcome mat using the sumo plug in in WordPress. 36. 3 More Ways to Increase Opt-ins with Sumo: There are lots of other great tools with the sumo plug in. But the three also mentioned are the scroll Box, the Smart bar and list Builder three. This builder three is actually a pop up feature where you can actually create pop ups for your website. No, I actually hesitate talking about this because currently, Google is going through some changes where they're actually penalizing websites that have pop ups because a lot of people find them annoying. So your S CEO might be hurt by using pop ups, but this is an option if you want to use it. The scroll box is like I mentioned earlier. It's Ace's box that actually appears, and it stays on the page as someone scrolls down. And then, lastly, the smart bar. So this is a bar that you can add to your page that appears on top of your page. To use any of them. You just have to activate them and then similar to how we created our welcome mat. You go into it and then you create and design your bar, similar to how we created our Welcome out. You go in and you create a new bar title it, you design it and then you choose where you want it to be, what the behavior is. So a lot of this is similar to what we did before, so I'm not going to walk through everything. But if you have any questions, please feel free to ask. So, for example, with the smart bar, you can choose where you want it to appear, and if you want a preview, you can click the preview button to turn it on. Make sure you add a new campaign and turn it on. And then once you have that campaign active, you can see on your pages how it appears at the top of your website. You want to go back and change where it appears you can go ahead and do that, going down to behavior where and changed tip top or bottom of the page, and you can choose whether it's static or it is sticky, and it stays wherever that person is scrolling. Now I have it sticky, so it stays here at the bottom of our page and having an opt in form like that that just stays. There is a great way to increase your opt ins. So that's the sumo tool. Like I mentioned, there's lots of cool things that you could do with this. There's even Mawr if you upgrade to the pro version but just get started, there's a lot of things you can dio. I do quickly want to mention how you can actually get the email contacts who subscribe to this page. If you go down to your dashboard, you can download the C S V and then say you want to actually use it with male poet or whatever other tool your using. You can go to male poet, for example, to subscribers and then import, and you can actually just upload a dreck file and upload that C s view file, or you can copy and paste the email dresses into this text box. Now that's a lot of work, though, And so, as you grow your business and if you actually start making money from your website, it might be a good idea to use the premium version of Sumo Me. And of course, this is just one option for creating your opt informs. There's other options and other plug ins that are free and premium that you might want to check out to, depending on what your email service provider is like. For example, I'm using Convert Kit, and there are different ways to customize my form so that it looks more how I want it without using a plug in. Or if you're using another tool, like mail chimp or a Weber, you might want to search for the best opt in plug ins for that specific email marketing tool. And, as always, you can always ask me a question on the course. So just send me a message or post a question to the course page. Thanks so much for watching, and we'll see you in the next lesson. 37. What Pages Do You Need?: in this brand new section, we're going to be looking at what it takes to design a great website that works. So we're stepping back from the nitty gritty of WordPress and plug ins and the behind the scenes of building a website into understanding how website works and no matter what your purpose is, whether it's for a business of yours, it's a personal website for fun or just any other kind of random website you're building for a cause. We want to make sure that it works for you. So in this lesson, I just want to go over the main types of pages that I feel are necessary to have for a great website. And one of the ways that I do this myself is by getting inspiration from other people's websites that are working. Why not look at other websites that are successful and try toe use that as inspiration for our own websites? So first I'm going to go over video school online dot com, my own website which has been quite successful, so I will say that it's taken a while to get to this point, but at this point, it's doing its job it's getting people to the website and ultimately building a email list and selling my products and services. So for me, I have a home page and we're going to be going into each of these different pages individually in the following lessons, to break down how to make, for example, a home page that works. I then have a start here page, which is basically my about page. This is where I want people to go when they join my website, and then I have a few pages with specific types of content. So one is my courses page, which is a big part of my business. I create online courses, and so I have a page dedicated to the online courses, and they have. I have them listed out with more information. On this page, I have a podcast page, which is a new addition to my website, which actually replaced another page that I had before, which was a freebie page. But I wanted to create a separate podcast page from my blawg page because for people who are interested just in the online course master show, this page includes all of the information about the podcast and a list of all the podcasts articles. This is an example of how I excluded a category of blogged articles from this page, so it only shows the podcast category post on the blogged. On the other hand, I excluded the podcast from the Post because I didn't want to duplicate those posts on both pages. I don't want to have all the podcasts. Episodes show up here and on the podcast page. So these air just my ridden articles on the block page. And then, lastly, I have my resource is and my contact page. The resource is page includes off. The resource is I used to build my business, and this could be related to anything. So for me, it's about building my website. It's about the film equipment that I use, the things I used to make my videos, cameras, lenses, tripods. It also includes the books that I've ridden for people to find easily. And then, lastly we saw earlier. I have my contact page. I also have a link in my top menu toe log on, and this is for people to log on to their courses. If they have enrolled in a course on my own platform, so I wanted to keep that log in button up there to make it easy for people who want to go to those courses from video school in line. So the main types of pages I have on videos Kwan line are the home page. The start here page. I'm going to categorise the podcast and blawg page together as just content pages. And then I have my product page, which is my courses Page. My resource is Page, which is a very popular page for people who want to kind of replicate what I'm doing with my own online business and then a contact page. Now let's look at three other websites that I really enjoy to see what they're doing. One is smart, passive income. This is how I got into creating online courses and building my own websites. And while Pat Flynn's website is very flashy, he's got all kinds of graphics, and it's very cohesive. The basic page structure is similar to what I'm going for. He has a home page start here, Page a products page, a blawg page. He's also separated into his podcast page. His resource is page and a work with Me Page, which also has a contact page. If you click on any of these links, what's different about his sight versus my site is that when you click on one of these top links, he breaks it down further into a sub menu of different pages. And this is really good to do. And he's done a lot of research to find that it was a little hard from his old home page for new visitors to find what they want because he has so much content and so many different projects he is working on. So instead of having a start here page that people have to go to and then find out more information about one of these things passive income wanna one the very best articles more about him. He's broken it down to separate pages in the link straight from the home page or really the top menu on any page. Same with products. He has all kinds of products from E books, two courses to T shirts, and instead of having one products page, he has a list of the links from the top menu. So no matter where you are on any page you can get straight to where you want to go. With the blogged, he breaks down his block categories with his podcasts. He also has portable podcast or different podcast series that he breaks down here. And then he has His resource is Page, which is one page and a work with Me Page, which has his contact page and the other things he's doing that you can get involved with next. Let's look at simple green smoothies. This is a company that has sold literally over a $1,000,000 in pdf's, and it's the name simple. Green smoothies also goes along with the simplicity of how they run their business. If you go to their website, you go to their home page. Nice clean design again. We're going to get into the design of a home page and how to make it work in the next lessons. But I just want talk about the pages. Now they have the new here page. They have some blenders, which is something that their audiences really interested in. Recipes, nutrition plans, their book. So what they do is basically they break down all of their products into these top menu. So all these are different types of products and they break it down into the top, and then they have a free experience link. So this is something that has worked for me, including a link to a freebie. Or you can click this visit the blog's site page, which has all of their blogged articles on one page. Whereas here it's broken down into a different format of seeing just the recipes versus all of the blogged articles. You can see that similar to Pat Flynn. They have this sub menu, which is something that I'm gonna have to take a look at on my own website to make it easier for people to find the content they're looking for. The next website is an interesting one. This is Thomas Frank. He is the founder of College Info Geek, a very popular and successful website and YouTube channel. This is a one page website, and if you were looking at WordPress themes yourself, you probably saw some of these one page themes. It's a website that is all on one site page, but at the same time these links at the top, they take you to the different sections over the page, so it's basically the same idea. But this is a personal website. So this is something that you might be creating for yourself if you want to create a portfolio or basically a Web based resume for yourself. And he just has this sections as pages an about me section, which is really why someone would come to this website to find out more about him. So that's why this is the top section and then all of the things that he's working on his videos, his book, The podcast that he does his speaking information and then a contact information page and a contact section of this page. He also has links to his social media profiles, which is something that a lot of these websites have, either at the top or at the bottom of the site. I've also included them at the bottom of my site in the Footer. Smart, passive income. Same thing in the bottom, right. As you can see, there are different options for different websites, but really what you want is a home page and about page pages for your products or services that you're trying to sell a content page, whether this is your podcast, videos, recipes or just blogged articles, whatever content you're creating. And then a lot of them also have a contact page as well. In the next, lessons were going to be breaking down how to make a great page for each one of these, including out great home page that works a great blogged that works, etcetera. We'll see then. 38. How to Design a Home Page that Works: in this lesson, you're going to learn how to design a home page that works. I've been through many it orations of my own home page on my website, and for a while I thought it was working. But when I looked at the data that showed who's visiting my website and what they're doing after they visit my home page, I found out that it wasn't working. So I talked to some business experts who specialize in creating home pages and landing pages and websites that work and learn some of the key things to keep in mind when designing your own home page. The first thing is, you really need to know your audience who is coming to your home page because that affects what you put on your home page. The next thing is, what do you want that visitor to do? Do you want them to sign up for email list? Do you want them to visit a particular page? Do you want them to see all of the content that you have? Perhaps you want them to see your latest piece of content, Or maybe you just have a product or a service and you want to promote that product or service. All of these are great ideas for a websites purpose and for a purpose of a home page. But you have to choose one to focus on. And that's why when you visit video school online dot com now the home page caters to people who want to teach their own online courses. I found that that was I biggest and the best target market that I had visiting my Web site . Yes, I have been creating content on how to create videos and how to do photography for many years. But still the people that knew me, the people that new video school online were coming to the site to learn how to create better online courses. And so I redesigned my home page so that when you reach video school online dot com, the main thing is my free pdf my lead magnet with an opt in form to build my tribe. Ultimately, you want people to subscribe to your email list. This is your list. This is something that you can take with you whether you change your website, you lose your website, you lose your business. You can always keep your list and try to build from that. So building a list is so important. That's why a lot of websites you'll see have opt informs on the home page. I then validate myself with the as featured on with different places where I post my online courses. But then I also include recent articles and podcasts and then my top course bundles. And the reason why I included this, because you have to balance giving enough content on your home page to keep it interesting for someone who's new and directing people to the best of the best that you have to offer, which for me are my course bundles, where I actually sell a bundle of courses for a low monthly price. I don't want people to have to wait or to sift through my pages to find these course bundles. I want people to know about them right away. Same with my recent articles and podcast. I don't want people to necessarily have to go to the podcast or the block paged to find my latest content, because a lot of people will be coming straight to video school online dot com. Whether it's their first time or they're returning. Like I said, and so having this extra content here is important, but at the end of the day, my goal is to get someone on my email list, and that's why I have this big opt in form with a great lead magnet on the home page. Now let's look at the other websites to see what they're doing with their home page and see if we could learn from them with smart, passive income. When you go to his website, the first is a big banner with a learn more button, and this takes you to the start here page. There's also an email opt in at the bottom of the page above the fold. Above the fold means on any website, the area above where you have to scroll down anything that I have to scroll down to. That's below the fold. Anything above is what you see when you log onto that page. So what Pat is doing here is he's trying to warm up his audience. If there's a brand new visitor by going to the learn More page, which does the start here page, but he's also trying to get people to sign up for his email list right here on the home page is well down below. He has content that people are looking for when they visit. Some are passive income, including his latest posts. And his resource is This is how Pat makes most of his money by being an affiliate for Different Resource is. And so he wants to put that on his home page. Down at the bottom. He has another click here to subscribe, but in trying to get people to opt in and one thing you'll notice at the top of his page is his income reports. This is proof that he is The real deal proved that he knows what he's talking about, so having this on his home page is a really good idea. So Pat is running a very similar business to me, or we'll all reverse that. I'm running a very similar business to Pat and with his home page. He's trying to build that tribe with his email list, but also share content that that audience will like. Let's go over to simple green smoothies you can see on their home page. They have a number of latest recipes and this big opt in or this big banner for a few different things. But the main one is this seven day reset. This is their main lead magnet. This is a seven day email sequence. It's a seven day sequence for someone to start with the whole smoothie trend. And so this is what they want people to sign up for, because after you sign up for this, they have you on their email list. They also can promote their book to you that can promote their meal plans to you and promote all of their products to you. And that's why when you visit their home page, this is a big banner on their home page. But they also know that their visitors want a lot of recipes. If you are a smoothie junkie, you want to go to a smoothie recipe site and see lots of different recipes. You don't want it to be the same recipe over and over and over, so they're catering to their audience by providing enough content to make sure that whoever is visiting has enough things to look at. Now let's look at college invoke IK in the last lesson We looked at Thomas's own personal site, but I wanted to show how he runs his college info geek site for this lesson because his home page is kind of similar to the other ones. But I wanted to show you this because he designs it, kind of using the same techniques that I'm using that Pat Flynn's using and that simple green smoothies is using. But it's all based on his latest and his best content. Yes, at the top. He does have this. Show me where to start. But in this big banner that takes you to the start here page. He also has this opt in lead magnet at the top if you want to download his free tensed up guide, which is at the top of his website. So he's getting people signing up for his tribe there. But really a big focus for him on his home page is his content, and he is the college info geek. So you would expect this you would expect him to be putting out a ton of great information . This is what people are looking for from him. So he includes his latest article and his latest podcast so this is a really good idea and this is something that you know. I'm using inspiration from people like this to redesign my home page all the time. It's a fluid process. I never feel like I'm done with editing my website one because trends change and I want to make sure that my website is fluid and stays up with the trends of home pages and just general website design. I like that. He has his latest article in his latest podcast, so that whenever anyone returned to his website, they can quickly access that piece of content. If you're building a tribe, your goal is that people will be returning to your website week after week after week and they'll get used to going to your home page and then just clicking on your latest article on the right. He has his popular posts, and so these are some post that he can kind of hand pick. He might be using a plug in that automatically creates a list of popular posts, but I'm guessing that he's actually hand picking these so that people are more likely to click on them. For example, he has this ultimate guide to building a personal website, which is a great article, by the way. But it is sort of a way for him to make money as an affiliate. So I'm sure he's looked at his very popular articles that get the most high praise the most likes the most comments. He puts them on here, and he finds ways to make sure that his particles, while educating, are also driving income for him. At the bottom, You can see that he is using one of these bars where you can sign up for his email list. Clicking on that brings up a pop up and you'll get his free guide. If you enter your email list, no matter what your website is, whether it's a photography portfolio or a business website for your law office, look at other websites in your niche and find out what they're doing. Use what's working to build your own website. You don't have to reinvent the wheel here 39. The Start Here Page (aka About Page): the next page I want to walk through is the start here page, and this could be seen as the about page. I call it the start here page and a lot of other people in the newer website building World call it a start here page because really, the about page is for that new person who comes to your website and wants to find out mawr . But a start here page is a little bit more than just an about page because it includes lots of resource is and links to other content of yours that you want new people to visit. And at the end of the day, that is exactly what you're start here Page is there to do. It's there to explain more about what your website is about to teach them a little bit more about the topic that your website is on than to point them in the right direction for moving forward. So here on my own start here page, I validate myself with the courses, the students in my courses and the tutorials that I have. And then I talk about what this website is all about, how we started video school in line. You know, this is getting people warmed up to who I am, so I share my own personal story. I include photos of myself. You want people to warm up to you? You want warm traffic on your website, They're more likely to purchase your products. Services, Get in touch with you like your other social media pages. Watch your videos on YouTube or even sign up for your email list below. I explain what they can get out of this website. So that's important to do on your start Here. Pays you wanna, You know, just explain exactly what this website is. You want people's expectations to be matched when they visit your website. If it's not matched, then they're going to leave your website. And that means you're bounce rate is going to increase, and that's actually going to hurt your S CEO. So by explaining on your start here page what your website is about, you can make sure that it matches their expectations and they continue checking out your website down below. I share more of my personal story. So again, just more information about who I am and then I offer them access to my seven step guide to be a part of the tribe to basically join my community. And then I include my best posts related to different topics. I know that I still have lots of people coming to video school online for all kinds of reasons. So I break it down into online teaching, online business, video creation, personal finance and photography categories. And last, I just have a thank you. So the goal is that after reading this, people are going to be clicking on these other links, opening them up in new tabs, potentially sending up for my email list, clicking on these other links up here, where I have a ton of great other content to keep people on my website. Now let's quickly just go through the other inspirational websites that I've been using with spark passive income. His start here page is a little different. We saw earlier that if you click the start here, but and he actually breaks down his start here or his more about sections into different pages, the first is passive income 101 where you can actually learn what is passive income, and this is really what people are going to be coming to his website for. So we includes content on this page like different podcast episodes that explain what passive income is he myth busts some things that passive income is all about and things that people probably know or think about passive income when they come to this site and then he just includes again more. Resource is trying to get people to get warmed up to him, potentially clicking on his links where he's an affiliate and really just giving more content. You can also go to his very best of SP I, where he gives his best content that he likes what's trending the most popular of all time . And then he also has an about me page and more of a business y page. So this is basically what I did on one page. He's broken it down into multiple pages. What Pats doing here is he's trying to segment his content, so it's very specific for each page. But he's giving away to find it easily for a visitor, and this works well on a bigger website like his, with millions of views every month on a different website If you're just starting out, you can probably do it more simple on one page with simple green smoothies. Really? What they're trying to do is teach about smoothies, teach about what their purpose is, how to make a smoothie you see on their home page that they actually have a recipe for a smoothie. So they're giving away great high quality content on this start here Page. Then, after reading through all this great content learning about smoothies, getting some free recipes, they have a sign up here. But it actually think that this sign up option should be a little bit bigger. It's pretty small, and a lot of people might miss it if they're just kind of scrolling and scanning through this page. But they must be doing something right because they're making a ton of money with their smoothie recipes on college info Geek. It's very similar to my start here page. He includes information about what this website is. He has some of his best content, including a video from his YouTube channel, some of his best posts, lots of his best posts. His best podcast article is that he thinks people new to the website might be interested in at the bottom of the page, he has an opt in form, and then he has a traditional about page to where you can give a little bit more information about himself and is not as much of a content driving page where he's driving people to other content of hiss just getting people warm to him. Introducing himself and his story If you're building a website where you are the brand where you're the face of your website, this is so important to share your story, to be vulnerable and to give yourself to your audience. People really resonate with that. People will see right through you if you're putting on a face if you're fake, so it's important toe share yourself and shares on a story with your website visitors and a great place to do this is your start here page and your about page. If it's separate or the same. So remember when you're creating your start here page, make sure that it's something that gives more information about your content. It shares a little bit more about your story so that people can trust you as a website creator. It prompts people to join your community, whether you have an email list social media pages and it directs people to the next content that you suggest people toe look at thanks so much for watching and have a great day. 40. The Resources Page - A Visitor Favorite that Drives Revenue: the next page I want to go over is the resource is page or some call it the Tools page. This is a page I suggest putting on your website. If you're trying to make money as an affiliate, or just if you are building a website on a topic where people are going to come to your website toe, learn how to do that topic. It doesn't have to be about building an online business. It doesn't have to be about building a website. This could be anything from how to be a better baseball pitcher to how toe be a better Fisher. It could be how toe learn better as a college student or how to make better smoothies. Any kind of topic like that has tools or resource is that you use and might recommend. And while you might write about these kinds of things in your blogger articles, or if you have a podcast or in other parts of your website, it's a good idea to have it all. On one page, in your resource is page or on your tools page so you can see here that I just have a most recommended resource is section I break it down according to what type of category this is in, whether it's for people building an online business for people making videos. I have all my cameras, lenses, tripods and these air linked out to Amazon products, most of them. So all of these products I link out using Amazon and I'm an affiliate for Amazon. So so on buys a product on Amazon. After clicking through this link, I make a little bit of income for referring them to Amazon at no extra cost of the person down below. I have online teaching platforms that I use and then below that I have my books and a resource that I give away. I don't have any other page for my books. I did once have a books page that was at the top. It had a link at the very top. But because I'm not as focused on writing books anymore, I didn't want that link to take up the real estate of the top menu. So I just put these books on. The resource is page itself, and again I have my seven step guide and opt in on this page. If you are an affiliate, though you have to announce it and make sure that people know that the links that you're using on this page are affiliate links, and typically it's at no additional cost of the person. But you've got to make sure of that and announce that you can't legally be sending people toe products if you're an affiliate. If you don't make it aware that you are that affiliate, let's look at the other Resource is pages we have. Pat Flynn, who has broken down his resources page into his most recommended exclusive deals that he's gone with different websites or products, and then a specific category called the an Entrepreneurial Journey, where people can actually for filter the resource is based off of where they are in their own entrepreneurial journey. Now this is a very advanced kind of Web site design. This isn't something that you're going to be able to do easily with a slider like this, but you could create different pages or sections of your resource page that does break down . Resource is depending on different categories. On college info geek Thomas Frank does a similar thing where, where he has all of his resource is he breaks them down into category, such as setting and learning tools year and physical tools riding note taking tools, etcetera. But you could also filter them according to the category. I hope what your understanding with these past few videos is that you need to make it easy for people to find what they're looking for. Your home page does this your start here page does this. Your menus do this and now on your resource page, you need to make sure that it easy for people to find the content they're looking for. He also has different types of resource is so similar to what Pat Flynn has with the entrepreneurial journey. Thomas Frank has the college packing guide. So for people who are going to college, he has his packing guide, and he's able to link out toe all of this stuff that I'm sure he's an affiliate for and making money as an affiliate for with simple green smoothies, they don't have a technical tools or resource is Paige that's linked to on their home page menu. But they do have this nutrition plans link and the recipes plan, which is kind of like a resource page. They have their blenders right here, which I'm sure they are affiliates for us. Well, so because their business is based off of smoothies there probably making a decent amount of affiliate income by referring people to these blenders and these nutrition books. So they're not just stuffing them onto a resource or tools page that not everyone's going to see. They're making it a big link and creating separate pages for these tools and resource is that people will need if they want to make smoothies. So this is a good example of a website that is a very niche topic. And because its niche, maybe the tools and re sources are as broad and so they only have a few types of resource is that they promote. So why not create a separate link in the menu for them? Time and time again, from all kinds of business and Web site creators, I found that they have resource pages and like I've been saying, I use other people's websites that are working as inspiration for my own. And so that's why I created Resource Page, and that's where actually, a lot of people end up going and a lot of people click through these links, and that's where I actually have a ton of traffic going to from my home page or from people that visit my website in the first place. Use these tips and tricks toe. Create a resource is page of your own and, of course, make sure that you look up other websites that are in your niche and see what types of resource pages that they have as well. 41. Set Up a Blog-Based Home Page: in this section of the course. We're talking about blogging. So if writing articles is a big part of your website strategy, then this is a good section toe watch. We're going to be talking about design things and how to create a blawg based home page using WordPress and then also just in terms of content, how to write amazing content on your website that people enjoy and also that search engines enjoy. So the first thing that you might want to do if you are a Blawg based website is make your home page your blogged, and so there's a couple ways to do that. One is by actually changing the home page to your articles page. We learned how to do this before, but let me just refresh your memory from your dashboard When you log in, go down to settings reading, then change your front page displays from a static page to your latest posts. Save that, and now, if you refresh your home page, it will show your list of articles like your Blawg page did before. Now, if this is going to be your home page, it might be a good idea to actually delete the blogged button from your menu up here because it's redundant. Toe. Have it as your home page and as a blawg page. If it's the same thing. If for some reason you're not seeing the Blawg page when you refresh, you might need to turn off your super cash settings. So if you install WP super cash and you have it on, turn it off because when it is cash, it might just show the old home page. You want to make sure that's off while you're editing your website. So this is one way to create a website that's based on a blogged. If it is based on a blawg, it might be a good idea to move this about widget up top and include a little bit more information about your website on the side bar, so that if someone does come to your website for the very first time, they get a bit more information than just seeing a few blogged articles. Having a subscribe button is also very important on the home page, So leave that subscribe button but similar to how we had it in the other version of the home page. You want a tagline or your site title or heading to be here on the home page so that someone understands what they're looking at when they visit your site. A cool thing about this is that whenever someone visits your home page, they get to see your most recent work, and hopefully you're posting frequently is that when people visit your site from time to time, there are new articles on your home page. This is one way to design your home page around your block articles. Another idea is to do similar told I do on video, squat online dot com, and do what many others do on their home page is. It's having a custom home page, but also a spot for it. Your most recent articles. So let's do that with this website. But first, let's turn our front page back to the static page, make it the home page, and then our post page will turn back to our blawg page Click Save changes. There are different ways to include the latest posts on your home page, and it depends on your theme. Some themes actually have within it the option to adding the latest post to a static page, so the first thing to check is under appearance. Customize. Or maybe it's theme options. For example, on my AVADA theme, which I used to create video school online dot com, there's a completely different type of builder that has tools to create a page with Lays Post. There are also plug ins that weaken use to do this, and one that I recommend is called WP latest posts. So go ahead and install that once it has been installed, you'll see up here on the top left the latest Post menu item. Click add new. Basically, you're creating little what they called news blocks. In these, they're different blocks. You can put on different pages, tattle your block, and this title is actually going to appear at the top of the block. So title it something like latest articles or latest posts or latest blogged articles or blawg or something like that. And then you can choose different things, like choosing all categories versus a few different categories, and we're gonna be talking about categories more in a couple lessons. You can also put different pages on this, a swell. You can order it by date by title at random, and you can put it in ascending or descending order than there are also some other display options. Click display and theme. You can actually turn on or off the title of the block. You can also create more columns. I'm gonna put three columns and the number of elements I'm going to put three. So at most there's Onley. Three posts that are going toe appear down here in the middle. You can choose whether to include the date, the category, an excerpt of the text from the blogger article or a read more button. If you aren't going to be blogging often and when I say often I mean every week I would actually turn off the dates that when there are new visitors to your website, they don't see that your latest article was from months ago. That will make your website feel very dated. The next tab is images source, so you can use the first image that's in the block article or the featured image. I suggest using the featured image makes sense to me, and you can also change the image size once you're happy with the settings you've chosen click publish, then go to your home page or the page that you want to include this little news block on and go to the edit tool. And now you'll see on the top of the text box this ad latest post button. So go to your home page wherever you want these poster appear, say we want them to peer under. This image will just put our mouths there and then click Add Ladies Posts will choose which block we want to insert. We only have one latest articles, and now this little graphic appears, and this shows us that this is where our latest articles are going to appear. You'll also notice that some other things popped up here, too. We have add contact form. We have insert pretty link. We have odd male poet newsletter subscription form. When you install new plug ins, you might get more options on your text editing tool as well. OK, so now let's go ahead and preview the changes, or you can just update and then refresh your home page, and now you can see the latest articles appear down below. They have the read more attacks. If you click them. It goes to that article, and like you saw before, there are different ways to edit this. You can choose to columns. You could choose one column. You could have more than three articles. You can choose the different image type, all kinds of ways to edit the appearance. And now, if we just go straight back to this editor for the latest Post editor, we can change the display settings say we changed the margin on the bottom of our image to 15. Then we click update in this latest Post editor, and then we refresh our home page. You'll see that there is more space underneath our image. So if you do want to make any changes to your news block, you don't have to go into your edit options anymore for your page just into the plug in itself. That's the simplest and easiest way to add your latest post to any page on your WordPress site, no matter what theme you're using. Thanks so much for watching. If you have any more questions for me, please let me know. Otherwise we'll see in the next lesson 42. How to Write Epic Blog Content that People Will LOVE: in this lesson, I'm going to give you my four steps to creating epic block content that people like, and I'm going to use an example of one of my more successful post on my home page. Nine Key takeaways from You to Me Live 2016. The first key thing is to remember who your audiences and to write content for that audience. If you're trying to grow a brand and an audience that loves and trusts you, then you have to make sure that you're paying attention to them while you write. So this means coming up with topics that they truly care about. This also means riding in a style that they connect with. So if you're a 17 year old doing makeup tutorials, it's going toe sound a lot different than so one who is a 50 year old doing archaeological articles based off of their own research. So you got to make sure that you remember who is listening to you and don't only focus on writing for yourself. Yes, blogged articles and blog's are in essence, a way for us to just kind of write down our thoughts and feelings and ideas about the world , but we are putting them out there for an audience, and we have to remember that audience when we come up with our articles and we write them, the second is quality over frequency, and maybe this can be quantity over quantity. So what I mean by that is it's way better toe have big epic block content than short articles, but more frequently, and I've proved this for myself. For a while. I was trying to write three or four articles a week, and even if it was just me posting my latest YouTube video without any text, really, I was just trying to put out more content. But that's not what your audience wants. And it doesn't deliver on what they expect when they click on that article. If you were at an article and you can see this one how I really wrote a ton of great content, this is a really long article. It took me a long time to write it, and I focus on the quality of it and not just putting out an article as fast as possible. And the response that I got in the comments that I got from this article are a lot better than some of my other posts, and part of that has to do with matching the expectation or even beating the expectation of someone that visits the page. When someone clicks on your article, they're expecting something they're expecting toe learn. They're expecting to be engaged, entertained. And if your article doesn't follow through with that, then they're less likely to return to your website, so there's no right or wrong length of an article. But just think to yourself whenever you write an article. If you feel like you're doing it too quickly, or if you feel like you're just writing another article to get another article out, it's probably not going to be the best quality of an article. Take your time. Validate the idea, do your research and not only with the text but also with images with videos. With other things that you add to the article, make sure that it's an interesting read. The third thing is just that to break up your text. People want to see images. People want to see titles and subtitle is that break up your articles so that they feel like they are making progress. If this article was just a long, text based article with no images without breaking it up into a list, it definitely wouldn't have gone in the response or the views that it did get. No, you don't have to make all of your articles a list based Article nine Top tips to do this. Seven things that will blow your mind. No, you don't have to do that. But just using headlines and titles. And you know, breaking up sentences and paragraphs is a good idea. And then the fourth thing is for you. If you're trying to sell a product or a service with your website, and if you fear that with your articles you are giving away too much information, that's a good thing. If you feel like you're giving away too much information with your articles, then you're on the right path. If someone comes to your website, they read an article, and they feel like, Wow, this person really cares about educating or inspiring or entertaining or whatever it is, and this is just what they're giving away for free. Then I wonder what their premium content, their premium products or services are going to look like freebies are a great way to build your audience and to build trust with your audience, not only in giving away lead magnets such as a PdF for a free video or audio Siri's but also in the content that you write. Make sure that you are putting enough effort into its that people come away and are just blown away with epic nous of your content. And then, at the end of the day, this is a bonus tip. You want to make sure that people engage with your posts, so whether this is leading them on to the next step of reading another article or at the end of a block post, putting a video that you want them to watch, including the related posts, so that they can get to the next article that they might be interested in having like and share boxes on the page so they can do that. Or jazz, prompting people to comment. It's a good idea to get them to take the next step to take action after actually reading an article. So think about that while you write your content at the end of your article, they should be guided towards doing something else on your website or within your brand and your business. Thanks so much for watching. I hope this helps. I would love to check out some of your block content, so send that over and I'd be happy. Look at it, whether it's live or you're still waiting to publish it. 43. Set Up Your Permalinks to Make Your Site More SEO Friendly: make sure that you properly set up your Perma link so that your articles are more. S. CEO and Web search friendly Under settings, Perma links, you can choose different settings. I highly recommend doing the post name setting, and then when you add any block posts, make a euro that includes all of the key words for your block posts. If you want to, you can go back and edit your Perma links, but it's best to do this. When you create the post for the first time and it will pop up right here under your post title, you can click at it and you can change it. Sometimes my articles have titles that are too long or they're just really long. And they include some filler words to boost intrigue into clicking that article and those air words that I might not want to use in the Permal ing. So all actually simplify it for the Perma link. And that's something just to keep in mind when you are writing your blogged titles. So this is just a very quick tip. Make sure that you go to settings Perma link and change the common settings to post name click save changes and pay attention to what the Perma link settings are when you write your content 44. Using Tags & Categories - THE RIGHT WAY: Whenever you write an article, make sure that you add proper categories and tags to the article. You do this in the edit page of the post under format, and then there's categories and tags. We already kind of talked about this, and I showed you how with the categories, you can actually create the latest posts Option where you can choose to include or exclude specific categories in the latest posts on your home page or in the widget. On your sidebar, think of categories as buckets for all of your articles and with both categories and tags, you want to be thinking about usability of your website. A lot of people get caught up in the S e o Factors of categories and tags, and in essence, it doesn't really affect your s CEO. That's why we installed the Yost s CEO plug in. And if we scroll down and you installed Yost s yo, you see that you have this yos s CEO option and you have your focus Keyword. This is where you would want to put the focus, keyword Teoh, help your s e o of your article. But with tags and categories. This is four helping people find articles on your website. So, as I was saying, categories are like buckets. So come up with 5 to 10 categories for your website and put each article into those buckets . Yes, you can put your articles into multiple buckets if it does fit. But you also want to make sure that you're not putting your articles in tow all of the buckets or all of the categories, because that doesn't differentiate the articles enough. And if someone is searching for a specific kind of article, or if they're viewing your posts and the related posts at the bottom of the article show all kinds of posts because they're in all of the same categories, then it's not going to be beneficial. So my suggestion is to use 5 to 10 categories for your site with tags. This is more of an indexing of your article, and they are more specific terms. You can think of this as the index at the back of a book. It's a long list of words that might appear in the book, and it tells you what page they're on, similar to tags when someone searches for something on your website in the search bar. Then the tags will help this specific article appear. So, for example, the tags for this article might include Farm House, Table D I Y backyard miter saw. These are things that I talk about in the article. They are specific words that I will be using throughout my articles, and people might be searching when they come to my site. But again, you don't want to go overboard. 10 to 15 tags per article is a good idea, and at the end of the day, remember, this is all about website usability, and when someone comes to your website, you want to make sure it's easy for them to find what they're looking for. So if they search for a term, you want to make sure that this article pops up. You don't want to include tags that don't pertain to this post. And then, for example, when they search for a farmhouse or farm as table and then an article on a bathroom ladder pops up because you included that tag on the other post. That's not going to be good. Like I always keep saying you want to match the users expectation with whatever with your website with their search with the categories of your website, so always keep that in mind when you're using your categories and tags. 45. Scheduling Posts to Go Live Later On: I love batch producing content, whether it's video content or articles, so that I can do a lot of work now and have frequent and consistent content be published later on. And to do that, we need to be able to schedule our content. So this is a quick lesson if you haven't already figured it out. If you want to schedule a post, just click on the published on date. When you create the post, just click that edit button and then you can type in the date and the time that you want your article to be published. They use the 24 hour clock. So if you want it to be at 8 p.m. For example, and you're not used to military time, you would not put eight. He would put 20 oclock. And if you want in the future, of course, you're going to want to change the date here to sometime in the future. If the date is in the future and you click OK, now, the update or the post button will say schedule and back on are all post page. This article will show as in draft, and if we do quick at it, we can see that the published A is that date we set it at. This is also just a good thing to know about the quick edit tool. When you are on your all post page, you can get to that and easily change the date. You can also change the categories and the tags of your articles and then just click update if you've made any changes. So that's how you schedule a block post in WordPress. 46. Create a Membership Site on WordPress Using Free Plugins: in this section of the course, we're going to be using WordPress to build an e commerce site. One option is to create a membership site, and this is a site where content on your website can be blocked for people who are not logged in or who are not members. And this doesn't necessarily need Teoh mean someone has to pay to be the content. It could just be. You want someone to register before they see that premium content. So there are different free membership plug ins, and we're going to be using the WP dash Members plug in. But there are also some paid options that give you more premium tools that you might be interested in doing who commerce is one of them. They have ah woo Commerz memberships. Plug in Member press is a very popular one that a lot of people use and then restrict content. Pro is also another premium plug in, and if having a membership site is an integral part of your website, you might want to check out these options. Otherwise, you know me. I like to show how to do these things for free, so we're going to start with WP members. Go ahead, install and activate this plug in, and then we'll get started with creating some membership content. Once it's been installed, Go down to settings WP members. It's going to give you some messages that are basically messages that it recommends for your settings, and one is that it recommends not allowing people to comment on your site unless they're logged in. And it also recommends not allowing RSS feeds to see your entire posts without being logged in. An RSS feed basically is a way for people to subscribe to a blawg and to get the content of that block on their own blogged viewer and not having to go to your website. And so if you're full text RCIs feeds isn't blocked, then people can subscribe to your site and get all your contact. That being said, most of us aren't going to be using this plug in to block all of our posts. It's just going to be for specific pages, for example, if we want to create a membership forum, or maybe we want to post some exclusive premium content for specific people. The next thing the look at is the content blocking. I'm going to change this to not blocked pages or posts. But if you turn on block paid posts or blocked pages, it's going to automatically block basically everything on your site. Down below. You can turn on some settings or turn off some setting. For example, if someone reaches a blocked page, you want it to show the log in form, and you might or might not want to show the registration form on that page. We'll see what that looks like in just a moment. There's a lot that you can do with this plug in, and if you really want to dive into it, I suggest going to this quick start guide and where the online user guide and it will walk you through all kinds of things and this course I want to show you basically how to create a blocked page, though, so I've set up a page called Special Content, and if you go to edit any of your pages now, you'll have a setting for blocking the page or the page restriction. This is a YouTube video. It was a live Q and a session that I had for one of my courses, and this might be an example of content that I want to block. Unless so, Nas registered for my site. So if I say blocked page and I update and then if I go to the page and I have to be law, got to see this page so I can go up to a new private window or new incognito window and go to this site and go to this page. You'll see that the content is restricted and you have to be an existing member to see it. It has the log in forum, and it also has the new registration form below it. Those air, the settings that we talked about and we saw before. So let's go back to the settings. If we don't want to show that registration form there, we can turn it off. So if we go save update settings and we refresh this page now, it's not going to show their, but you might want to turn it on because if someone can't view that pays, they might want to register there. Another option is by creating a separate registration page. So to do that, you'll want to go and actually add a new page. So from the top man, you can just click. Add page, tattle it registration. Click publish, Refresh the WP members setting page and now set register Page two Registration. An update settings. You could also have a log in page. You can have a separate user profile page, and you should probably set these up if you're going to be using this plug in. Now, if someone goes to this content page that's blocked, there's this click here to register button and we can go back to our settings. Turn off registration form on posts and pages. Refresh this page and it will be a lot cleaner. I would suggest doing this. So now when they click click here to register, they'll be taken to the registration page. But you have to set that up first because right now it's just a blank page. But if we go back to this registration page, you'll see in the text editor, you have this WP members dropped down, and here you'll want to add your basic registration. So if we update this page and now we go to the registration page, it'll have our new user registration page Here's all the information that we're requiring right now for a new user. You might not want to include all this, such as the address or the state Zip country phone number. You might not need that information, and people are hesitant to give away that content, so you might not want to require it. If we go back to our WP members, plug in and you go to the Fields tab. You can see all of the fields that you can include in your registration page. Here's the column for displaying this field, and here's the column for requiring this field. Go through and enable the things that you want to show or not to create the form that works best for your users, Then click Update. You can also add a custom field. This next half hour dialogues is where you can change the pop up text that appears depending on what the user plugs in to you. That your forms, for example, if they try to choose a user name that's taken. If the email address is already registered etcetera, you could make this your own custom content. The emails tab is where you can write a custom email that people get after they've registered, including other options such as a password reset email, a retrieve user name, email, etcetera. So this is a great plug in for restricting content to specific members or people who have registered for your site. But what about having people pay Hey toe access this membership content? You will have to pay for the premium membership for WP members to do that. If you go to the about WP members tab, you can see down below the options that you get when you have the premium membership you have. Your PayPal subscriptions is where you can charge for access to the membership site and all kinds of other options. Now, this doesn't mean you can't do it. There are other ways. Toe. Have people pay for a membership, For example, You can have people pay you in a different way, and then you would send them their registration information. But that's a lot of work. And, to be honest, if you are thinking about having a paid membership sites probably worth it to pay for the WP members premium option or go with one of the other premium membership plug ins, that we talked about earlier in this lesson. In the next lesson, we will be going over another free option for selling your products or services with your WordPress site. So for now, this is a great option to get started. If you have any questions, please let me know otherwise. Like I mentioned before, the Quick Start Guide and the online user guide our great things to check out when you're getting started with this plug in. 47. Sell DIgital Products on Your Website with Gumroad: if you want to sell a digital product or even another physical product or service, an easy way to do so is with gum road dot com. Gum Road takes care of the payment processing, and that usually is the hardest and trickiest thing to do as your own business owner as your own website creator, Sign up and you consign it for free, even though if you go to the website, they make it seem like you have to pay for a membership. But you can start for free. They just take a higher percentage. If you pay for their account, it's $10 a month, and they take right around 3% of every sale. If you don't pay for a membership, then you can have a free membership upload and sell your products, but they take eight or 9% of each cell, so it's still a lot of decent option for hosting your content and taking care of all of the payments. Sign up for an account and then with your WordPress site. You'll also want to install the official gum road WordPress Plug in. Once you have gum road activated, you can find it under settings Gum Road, and this is where you can find out how to add a product to your page. There are different options, such as just adding a buy now button or embedding a product page. First, you're going to have to set up your products, so you'll need to sign up for your gum road account. And if you sign up and go to products, you can click odd product and you conduce both digital products or physical products. And within each of these, you can have a one time fee, a subscription or even a pre order subscription. This would be agree idea for combining this with a membership plug in like WP members for a semi easy way to create a paid membership site. Of course, you're going to have to be dealing with both the customer here on Gum Road and the customer with the WP members plug in, making sure that if someone is paying, they have their information. If they're not paying, they lose their membership. But it is an option. You can see here below that I have a number of products, some that I sell, but a lot of them. I just give away for free, and I asked for donations. So if I click on any of my products, you can see these air just after effects templates. And when you create a product, you add a image. You add a title, you add some more information. This is all stuff you want to pay attention to, because if you embedded on your website, this will appear. So add one of our products. You can copy this short code and put it into any of your pages or posts. So here I have my D i Y farmhouse table post. So, for example, for this site, a good idea might be to allow downloads or donations or sell instructions and supply lists for these projects. So say I did that. I can add the short code here, and then I have to change the gum road I d to find the I. D. Go to the product. Now this is just an example. But say this was that list of supplies I would just click preview and now it would take the end of the rural, which you might have customized, or it will show here, and you will take that I d and plug it into the gum road I d. Right here. Click Update. And now, if you go to your website and refresh this page, you'll see this buy Now. Button. The plug in is what allows this buy now button to appear or to have it embedded. If you didn't install the plug in, this wouldn't be able to work this way, because now, if a user seizes buy now button, they will just click it and there's a pop up with that product, and typically it will have a price. But for me, I just allowed donations and say someone types in $5 clicks. I want this. It will take them to the secure check out form with their credit card information. Say you don't want to buy now button and you want the product actually embedded in this page. There are two different ways to do that. One is by going to the Settings page and finding thes short code for the product that is embedded. Or you can go to your product page on Gum Road, go back to the edit settings and go to share settings right here and here. You can choose an overlay or him an embed. So you don't even have to use that shortcut If you don't want, we can choose embed, and we can copy this code and paste it onto that page. Or if you want the overlay and you want to change some of the settings say you want to change the but in text. You can do that with ease settings on gum road. So let's go back to the post. I'm going to delete this short code that we added before I'm going to go to the text tab and now, right above instructions. I'm going to paste that code that I copied from Gum Road, just like so that script. Now, if I go back to visual and if I update, you won't see it here on this page right now. But if you go toe update, then we refresh this page to see what it looks like. You'll see. Now we have this information embedded into this page itself. So this is a great idea if you really know how to write sales copy and you wouldn't just put this at random in the middle of a page, but using the text on the page using the right image, using the right title and description down here, it's an easier way for someone to see your product and purchase it unless you just want that by now. But in this is also a great option. If you have a bunch of products and you want to put them on one single page, for example, for this website, maybe I would have an instructions page or a Products page, and it would contain all of these products that I have toe offer. So that's gum Road. And that's how you can use Gum Road with WordPress to host files and sell them. It's the easiest way that I found and the cleanest way to do it. I just like how you have the option for the buy it now. But in with the pop up overlay or embedding the product into your own site. There are other options out there, but to host your files to process the transactions. Gum Road is a very affordable and modern and clean way to do it. Thanks so much for watching. If you have any questions about Gum road or anything else about selling digital or physical products, please let me know 48. SSL Certificates - Secure & Encrypt User Data: If you have an e commerce website or really any website where you are getting data from your viewers or your users, you should have an SS L and S S L stands for secure sockets layer and basically what it is . It's a way for your information that is transmitted between the user of your website and you. It encrypts it, and it protects their information. So if they're submitting email addresses, especially if they are paying you with a credit card, information is secures and encrypts it. You'll see at the top of different websites. I'm in the chrome browser right now that there's this little secure icon right now with a lock. If you go to a website and there's not a lock, it means that if you are paying something or if you're submitting your email address, the site is not set up to be secure. And in fact, Google is penalising websites that do not have the SSL certificate. So how do you do it? And how do you get to work with WordPress? It's relatively simple. It just takes a couple steps, and you're going to have to do it through your hosting. That's probably the easiest way in Blue Host. If you go to your C panel and if you search for SSL under upgrade, you'll see SSL. Depending on your plan, you might have to pay something for the SSL certificate, but some plans haven't included here on this page. You can see the sites that you have SSL on, or you can choose a website that you don't have SSL and you can install it down. Here are the prices if it's not included in your hosting option. Here we have this free WordPress option. So if I just click, get started, then scroll down and say Install it'll install for free for both my domain name online course Masters and W W w dot online course masters. It will take about 24 hours to actually start working. But now, if you go to http s and then to the website online course Masters right now, if I go to that website, it says it's not secure because I just signed up for that SSL certificate right now. If you just go toe online course masters dot com, it actually redirects to a podcast page on videos. Go online dot com, but that H t t p s colon forward slash forward slash That's how you tell if a site is secure. If it's just http colon than it's not secure with an SSL certificate. Great. So now we've set it up with our hosting, and it's going to look a little different depending on your host. But how do you get it to actually work with your WordPress website? Because once you have the certificate, it doesn't mean that people are going to be typing in https and then your website every time they go. So we have to set up basically a forwarding system where whenever anyone visits any page of your website, it actually automatically Ford's them to the H T. T. P s version of that page. So to do that, there's a plug in. There's a plug in for everything, and the one that I recommend is called really simple SSL. It's used by a lot of people. Great reviews, great support. If you need help setting it up, just install it and it will verify if you do indeed have an SSL certificate, so you should probably do this a day or so after you sign up for SSL with your hosting, and then it's going to run through your website and do all the forwarding and basically everything automatically for you. One thing that I did notice with this plug in is that it didn't actually work with the cashing plug in that I used, so I used WP super cash, which we learned about earlier in this course. So for my website video school online dot com, I actually switched to W three total cash, which is another very popular cashing plug in that works better with really simple SSL cool . So this is definitely a must do if you have an e commerce. A. If you are taking payments through your website and even if you're just accepting email addresses, let me know if you have any other questions. Otherwise we'll see in another lesson. 49. Case Study: Set Up Sales Funnels That Work: in this video. I want to do a case study of riel world funnels, so we haven't talked much about funnels in this course, but it's a It's a very important part of building a website that works. A lot of you will be creating websites for your business and whether that's an online business or an offline business. It's important toe have and set up cells funnels and at the very top of a funnel, where we are getting people basically aware of our website aware of what we dio and then we funnel them through some different steps, and this might look different depending on the site. But basically at the end of the funnel, you want them to be either a purchaser of one of your products or just to become someone in your community, to become a fan of yours, to become one of your tribe members. So even for a personal blah, you can set up these funnels. And with every website you should be setting up an email address, especially e commerce websites. And that's why I'm putting this lesson in this course. So we aren't looking as much at WordPress and the design or designing things with WordPress . But I wanted to include this lesson to show you my different funnels, how I'm growing my business to hopefully inspire you. Some are with my website and some are off my website and we've seen this before. This is my home page. This is the main funnel that I'm trying to get people into my website ah, into my brand of followers. I teach people how to create online courses themselves. It's one of the main things I dio. And so if you go to my home page, you see this big often form so someone might become aware of me. They come to my website and then they enter their email address to get on my email list and toe where I give them a free PdF. And now they are part of my tribe there in my funnel and then from there, I can send them or educational emails. I can then actually promote products or services to them, and that's where I make the conversion. But first we're just trying to get people into the funnel, so this isn't really how someone would become aware of me, but this is where I send a lot of traffic and how they actually become a part of my funnel . There's other ways that I do this with content marketing. So first, actually, here's the start here, page. So this is just another page where I do have a an opt in funnel here. So a lot of people won't sign up on my home page, but they go to the start here page and then they read through. They find out more about me, and then there's this opt in, but in right here. So this is a great place to do it. And then in my sidebar, we've looked at this before. We know how to do that. Now, with our course, this was set up with Convert kit. That's how it got toe look like this. So this is a little widget that you can create with convert kit. If you're using, you can do similar things with other email marketing services to, and this side bar appears on all of my Web pages that have the sidebar. So another option or another example of this is blogged articles. So here there's a blogger article. This is where someone might become aware of me not directly going to my website. But if you search for how to validate online course ideas, this article will show up in the search results on Google. Or perhaps I post this on on Ah, Facebook or YouTube or something like that little promo people find it there and then come to this article. So for one, I have this mean often guide on the right in the sidebar. But I also have this specialized content upgrade will call it. And it's this pdf guide that if they want this entire article as a PdF, they can download it. But they just have toe give me their email address to get the guide. And then from there, I can put them on an automated email sequence. Promote, educate, do all of that. But this is a great way to grow your website with content, marketing, blogging articles, really great stuff. And we learned all about blogging earlier. In this course, remember, high quality high value content is better than short and sweet, so that's with my website. But how else do I actually get people to my website? Because here I'm just basically hoping people find me through S CEO or from my own promotion of this blogger article. Another way is through YouTube, so I believe everyone could or should have a YouTube channel. I've been growing my YouTube channel since about 2013 almost 50,000 subscribers at this point. And right now what I'm doing is I'm starting a podcast, and I'm putting the podcast episodes on YouTube. But this goes for any of my YouTube videos. I usually have some sort of opt in or some sort of call to action at the top of my description. Now, for this video, it works because it's related to teaching online. The podcast is related, so having this little description of the top works for other videos of it's related to video production. If it's related to photography, I might include a link directly to another blogger article on my website, or maybe a course or another free freebie, like a free course. And that's a way to get someone from YouTube onto my website, and from there there's going to be an opt in form where they can actually sign up for the website. So YouTube is a great way to grow your audience and another sort of top level funnel social media. And Facebook is another great way. I know people using Pinterest and Instagram to massive success as a great way to funnel people to their own website. Here on Facebook, I'm growing my own Facebook page doing things like Facebook live. You could also do YouTube live, which is blowing up right now. By the time you watch this, who knows what's gonna happen with YouTube and Facebook Live? But we're kind of in the middle of or in the start of this whole thing with live video and Facebook, Live and YouTube live are just blowing up right now. And so doing things like little short Facebook live videos and then linking two different articles that I have. And then on that article, there's an opt in form is a good idea. You can do Facebook groups. Facebook pages groups are better at sort of forming a community, but pages are also important and good for a brand or a business. I talked about my podcast, so pot you confined the podcast on iTunes throughout the episodes. In all the descriptions of the episodes on the page of iTunes you can go to the website for the podcast, which is online course masters dot com, which actually takes you back to video school online. I didn't want to separate my website from my podcast, my main website for my podcast. So I just had of it here in that link, redirects here in all of my podcast episodes, I talk about getting the free seven step guide, and that's why I have this opt in form here. This was created with Convert Kit. It was It's not a sidebar widget, but it's just a column that I created with my theme. Nevada. There's a great, easy way to create columns using the body theme. And so that's another top level, um, sort of funnel that people can get here. They consign it for the free guide. The podcasting is a great way to grow an audience that is separate from your Web site from YouTube from social media. There is a huge audience for podcasts out there, so that's where people go if they listen to that podcast. So it's speaking of podcasting not only having your own podcast but getting interviewed on other people's podcast. This is something that I've been doing for years. This is one of the very first podcast that I've been on, and it still shows high up on the search results and with any podcast, you want to make sure that people have an option to go to your website, and whoever is interviewing you include links to your website. So again, if people sign up for our go to this podcast, if this person who interviewed me drives traffic to this page, they will see video school online dot com, go to my home page and see that big opt in form. Another's sort of cool and unique way is if you do have content, whether it's an online course or blogged articles, you can convert those things to Amazon. Kindle books relatively easy. You can literally just upload a word document. And of course, you want to make it a good e book or a good document that is valuable. But one cool thing is throughout your book. You could include links to your website and also a quick sort of more advanced hip. For those of you who have never touched Kindle books before, is if you put something in the first few pages, people can go on Amazon and find that book and preview it. They don't they don't even have to buy it, but they'll still see the links that you include. So if someone previews this book book just by clicking on it, we'll see the first couple pages. And on the second page of my book, I include a download for the free audiobook of this book so people can actually click. And I just zoomed out because it was a little too big and the formatting was looking weird . But anyone who buys this or anyone who previews this, if they want a free audiobook version, they can click this button right here. They can click that button, and it takes them to this page, where I have another option forum, which goes to a different sequence that I set up with Convert Kit. They get the audio download, and now there are part of my tribe. So this is just another way. I have all these different places where people confined me, and the goal is to all funnel it back to my website and ultimately onto my email list, where I can educate and promote. So this is real world stuff. This is why and how. I'm making six figures a year. Ah, per almost six figures in a month recently with my my business, and it just continues to grow and grow and grow. The best part about it is that the more content you put out there, it just lives online. And if it's high quality content that people love, it's going to be shared. It's going to stay online and be relevant for a long time. So can I just snowballs into massive success if you keep at it. So hopefully this sort of real world case study, looking at my own, uh, sort of funnel ideas has helped you and inspired you again. This isn't as much about designing or using WordPress, but now that you know how to use WordPress, you can do very similar things in terms of setting up pages that look like this, using headings using your opt in boxes, using images to look like this to get people onto your email list. Thanks so much of you have any questions? Let me know. Otherwise, we'll see you in another video 50. How to Update WordPress Itself: this lesson, you'll learn how to edit your images so that you can get them to look exactly how you want on any of your pages. So here we have our home page that we were working on before, and we added this nice big image. But the problem is that now the latest articles plug in that we're using to show our latest articles. Just it's not looking great because it's down below and we can't see it when we come to our home page. So we want this image to actually be skinnier. We could go added this photo and another program like Photo Shop and Crop it. But we can also do that right within WordPress. I'll show you how to do that right now. If you go to your edit page or at any of your posts, you can either add a new medium item by clicking. Add media, finding the image that you want to use and then perhaps crop and then click at it. Image up here. This gives you some different edit options, such as rotating to the left or the right, flipping vertically or horizontally. It shows the dimensions of your image over here, so if you have a specific size that you want it to be, so you have a spot that specifically 700 pixels wide, you can just put in 700 pixels and then click the skill button, and it will scale it to that size. I'm going to undo that, though. In terms of cropping, you can either just click in the middle of your image and start dragging to create this crop box, and then you can click and move it around. You can click the edges or the corners to move it up or down. Or you could actually input a selected aspect ratio right here. Say we know that we want it to be 1000 pixels by 200 pixels or maybe 2 50 for our home page . It gives you that aspect ratio, and now we can move it around and find the exact spot that we want. And then, if we're happy with this, we can click this crop button right here at the top left, then click Save. Now we can select this image, make sure that we change the size from large to full size, which is the size that we cropped it at and then click insert into page. Now it will show up at that size. Let me go ahead and delete this. But actually, before I delete this old photo, you can also add it your photos from within your post. So instead of adding a new media item, you can click on any of your images. Click edit up here, then click Edit original down here, and then you can go through the same settings that we did before. So I'm going to delete this photo, delete the space between our latest posts in our photo and click preview changes. So remember that tip next time you're uploading a photo and it's not the exact right crop or size, this is something I would go ahead and do with the featured images of all of these articles because at least with this plug in that we use for adding these latest articles to our static home page, it doesn't make the featured image show up properly. So you're either going to have to create featured images in the right aspect ratio for this latest articles, Little plug in or you can go in after you upload the image and crop it before making it the featured image. Hopefully, that makes sense. If you have any other questions about editing images, please let me know. And of course, we'll see in the next lesson. 51. Easily Add a Google Map to Your Website: Why am I looking at a map of Disneyland? Well, for one, it's the happiest place on Earth. And for another reason, I'm going to teach you how to embed Google maps onto your WordPress website, for example, on your contact page. If you're a business, you might want to add a map so people can find you your customers. So first we're going to edit this page. So I'm going at it. My contact page. And there's two different ways to embed and Google map actually, lots of ways, but to being one, you can embed straight from Google maps, or you can use a plug in first. Let's learn how toe and bad straight from Google maps, because it's really easy. If you search for any address, and once you find that address, click the share button over here on the left. It allows you to share a link to this address or embed the map. There different options for embedding the map. You can choose a small medium or large view of the map, or you can create one with the custom size. For example, if you have a specific size that you're looking for, let's just take the medium version, and I'm just going to copy and paste this I frame code into our evidence designs. Contact Page. We're going to be putting it underneath our contact form, and we're going to use the text tab for adding this I frame text. So I'm going to pace it there in the tech sector and then go back to visual. And now you'll see right here, even within our editor, the Google map. So if we preview the changes now, if we go back to our updated contact page, we can see that this Google map is embedded right here. People can actually use it. It's interactive. They have the address right here. You can easily find directions straight from here. Zoom out. They can look at the satellite view. You know, if they want to look at the Matterhorn or anything else that is in the wonderful land of Disneyland. There's another way to add a Google mop with a little bit more customization, and that's through a plug in. There's lots of different plug ins if you search for Google maps in the plug ins option. But Matt Press easy. Google Maps is a good one to try. So go ahead and install, not press easy Google maps and activate it. Then, on your left menu, you'll see the map press menu. It's going to warn you that the Google a P I key is missing, so we're going to have to change that in the settings so you'll get to this warning of the top here, right next to a browser, a p I key. Click this more info button that will take you to the mop. Press frequently asked questions. You'll want to go under. Get a browser ap. I ke clicked the Google developer Consul. You'll have to be enrolled to do that in the Google account, click Yes to the terms and Services and click the agree button. It should take you to this page. Otherwise, just click credentials and then a p I key named the A P I. Key. Whatever you want. Maps for website he restriction. Just say none and then say create. Now it's going to give you your A P I key. Copy it. Go back to map press settings or the map press plug in. Plug in that key, go down at the bottom and say save changes now that that's been abled will be allowed to display maps on our own website. Now, if you go to your contact page or any page or post, you want to add a map to and scroll down. You'll see a map press widget down below, so I've already created a sample now. But if you want to create a new map to in badges, click the new map button. You can title it. I'll call this Disneyland to you can choose a size for your map, or you can type in a custom size right here. And then you probably want a point of interest so you can just search for any address or point of interest by typing in here and then using the search. Now we have this map of Disneyland, and we have to save it. So click save, and then we can insert it into the post, so go to wherever you want the map to be displayed in your posts. Let's put it beneath this other Google map to show the comparison, then click insert into post. It's added the short code for the mat press map. Let's update our contact page. And now let's view it. You'll see that we have the two maps, the one from Google and the one from Matt Press, and you see some differences. The Google one has the information up here. It doesn't have a border. The map press one. It has the street view option right here if you want to take this little guy and do the street view, and this could be customized. If we go back to our map press settings, you can see that there are different options for mop controls, such as Maybe we only wanted to show these satellite version. Or you can choose just the roadmap terrain hybrid. And then, in terms of the mop controls, you can disable Zoom. You could also disable street view. You can have traffic or bike routes or public transit automatically appear. And now, if we go down and save these settings and go back to our contact page and refresh, you'll see that we have the satellite map, no zoom controls, and those are based off of the settings we just changed. There are others settings you can change in the my press settings, such as wanting the map to be automatically centre left or right aligned. If you want different types of map links on there as well, and you can go through them. And if you have any questions, please let me know if you have them. But those air too easy ways to add maps to your own website. If you don't need the customization controls of the plug in, I suggest using the embed code from Google Maps. It means you don't have to install plug in, which we haven't really talked much about. But as you install MAWR and more plug ins and upload more and more files to your own website and you're hosting your Web site can get to be a little slow. So now we're just using the power of Google embedded in our site without having to actually host any files for plug ins on our own hosting service. So if you can go ahead and just use the embed code, looks pretty need to me. Thanks so much for watching and we'll see you in another lesson. 52. Add a Slider to Your Website: one very popular thing to do on a website is to create a slider. Slider is a carousel type of thing where you can add images, and they perhaps can actually even link out to specific pages or blogged articles. Different themes come pre installed with different types of sliders. And one thing to keep in mind when installing a new slider is that they're not all made equally. Sliders can really slow down the load time of a Web page, so be careful about adding too many sliders. One that I recommend is called Soliloquy. And that's what I used to create this slider, and you can see that there are different options where you can just have images. Or you can also have text that links out to a blogger article like this one that links out to the bathroom ladder article. So the first thing is to search for soliloquy and install these slider by soliloquy. Plug in is the one that has, at this time over 80,000 active installs. Once it's installed, go to the soliloquy menu here on the bottom left. The first time you go, you won't have any sliders. You can see here that I have one that I created as an example. You'll first want to click. Add new, appear to create a new slider. Or you could go straight to the I knew button over here on the bottom left. This plug in, like most plug ins, does have some premium options if you do want to upgrade, but you can still create some really cool sliders with just the free option. First name your slider. I'm going to call this home slider to, and now it's time to add images. You can select files from your computer, or you can select files from other sources, meaning other images that you've already uploaded. Select the images that you want to add to your slider. You can control, click or command. If you're on a Mac to select multiple, then click insert into post. Those images will be inserted down here. You can reorder them if you want. The top one is the one that's going to post first, and then you could add titles and a hyperlink by clicking this edit button right here. It already has the title on alternative text that you used when you uploaded this photo or any of your photos. But if you want titles to be on the slider itself, you added caption. So for this, maybe learn how to make garden boxes, then we would go to our blawg and get the link to this article. An easy way to do that is right clicking and saying Copy link. Now we'll go back to the soliloquy slider paste that into the URL you can choose if you want to open in a new year. L or not, I would just not have it open in a new window. If it's linking to something else on your own site, then click Save metadata. It's going to say saved. Then we can exit out of this, or you can just click to the right to go to the next one, just going to exit out of it right now. The other settings you might want to configure our under configure. There are two different styles, base and classic. The one I'm using here is the classic style, and then you could change the slider dimensions for my sight. I'm going to put the with at 1100 pixels the height. Let's just change it up to 2 50 They're different transitions between the slide for this non premium version of soliloquy. We just have the fade. You could change the time that each slide appears and this is in milliseconds. So if you want it to be five seconds, you'd put 5000 milliseconds. Let's changes to 2000 to make it go a little bit faster. And then you could also change the transition speed of the fade. This crop images and slider button should be checked. Otherwise you'll have to crop and upload photos that are specifically this size, which you could do. Once you're done with your settings and you'll see here, these are all options. If you do decide to upgrade to the premium version, you can click publish. Then you can copy and paste this code right here into any of your pages so we'll go to editing our home page. I'll just put it right above our other one so that we can see what it looks like. I think like preview changes. Now you can see the top one is a little bit skinnier than the bottom one, and the transitions are a lot faster. So 2000 milliseconds goes by pretty fast. You can also see the base theme of style compared to the classic style down here, basically where the buttons are down at the bottom, these three little icons for each slider and then the arrows are different. Also on the classic version, you don't see the arrows until you hover over. And like many of these plug ins, once you have added this slider, we could go back to this slider settings and change them. Say we want it to be 4000 milliseconds. Then we'll just click, update and refresh our home page preview. And now you have the updated timing of the slider. If you go back to this Lilliquist Slider settings, you can see that you can actually choose this external slider option. If you do, the premium plug in and what this allows you to do is feature your featured content, such as your posts or different pages. You could also in Do instagram or Rue commerce, which is another WordPress plug in that allows you to sell products and services on your own WordPress site. So that's just an option. If you do decide to go with the premium route. There are other options for sliders, but this is a great free, easy one that you can install for any type of WordPress theme. There are some sliders that are preinstalled. For example, on video school online dot com with the body theme, it came pre installed with the Revolution slider, which is another option. Thanks so much for watching. Have a great day and we'll see another lesson. 53. Customize the WordPress Dashboard: if you didn't catch it in an earlier lesson, I just want to show you how you can customize your dashboard when you install new plug ins . Sometimes little modules will pop up on your dashboard. If I scroll down, I can see all kinds of different plug ins that have added windows to my home page. Your dashboard is your home, so you want to set it up. How you want to set it up to get rid of any of these screens? Just click screen options down here, and this shows all the different boxes that you have available to you. So if I don't want some of them, Aiken just uncheck them. Were pressed news. I don't really need that opt in monster. Nope. Word fence activity. That's something that's very important. Pretty link. Quick ad. That's something that I always use. Staging sites set up. Nope, I'm going to turn off the site stats but also turn on the Google Analytics dashboard. And as I do this, I can move these little boxes around so I might want my word fence to be up higher. Maybe the first thing even above pretty link so I could just drag it up, Drop it right above. I could also move things into the right or left columns. You could even add more columns if you want. I'm pretty zoomed into the browser just to help with the viewing of this course, so it's more assumed in. But if I press command minus button, I'm on a Mac, zoom out. You can see that there's actually an option for including more columns, so maybe I do want my pretty link window to be over there, so that's how you customize your WordPress dashboard. 54. Add a Background to Your Website: How do you add a background to your WORDPRESS website? It's pretty easy. Go under appearance. You could go through the customized menu, or you can just go straight to this background option. First, you're going to have to actually find a background image that you want to use. Maybe this is something that you've shot before or you can search around online. You can purchase images or find free to use images for my site. I want some sort of wood texture, So I searched on Google for wood texture and in Google images, I found one. After searching for wood texture, you want to make sure that the image is fair for you to use. So click on tools usage rights and then click labeled for reuse. This means that these photos have been labeled free to use by other people, so you can also search on Google images for size, and I would search for something larger than 1024 pixels. This might be pixelated if someone is viewing your website on a high resolution screen, but you don't want something too big that's going to slow down your website. So there's a balance to it. Then go back to the background customized section and find that image. So just click select image. You can upload it, or, if you've previously uploaded it, just find the image and choose image. Now this appears as the background for our website. There's different options for how it appears starting down at the bottom. Actually, you can have it scroll with the page. See how, when I scroll down its Krul's or you gonna have it stick kind of a parallax effect. Bayan Checking that. And now when you scroll the background image stays there. It's a good idea to repeat the background image so that if someone does have a very high screen resolution, your background appears throughout the website. For example, say I zoom out and I turn off background. Repeat. This might be someone screen resolution, and then it gets cut off here. But if I say repeat background than it's going to repeat the image and it's good to have a background that's kind of simple, like this, and even if it's repeated, you don't really see the edges of it. So textures and things like that work well in terms of the image size, I would suggest doing fit to screen. This is going to change the background depending on the screen of the person. And for this image it looks better because it's not as zoomed in. You could change the position thes things will allow you to move it to a different position . Just putting in the center or at the top center is a good idea. They're also presets if you want, but all these settings that we just went through allow you to customize it yourself. Nice. This background is making our website look pretty neat. And I wasn't thinking about using this website for anything. But the more and more I work on it, the more I like it. So thank you so much for watching. If you have any questions, please let me know. Of course, you got to click the save and publish button up here in the top left to make sure that the background is saved and it will be saved for all of your pages. Cool. Thank you so much for watching. And we'll see you in another lesson. 55. Create a Child Theme: in this lesson. I want to talk about child themes, what they are, when you would use them and how to create one for your own website. First, we have to understand about how we typically add themes to our website, and we've done this before. You see a couple of different themes that I'm actually going to show you how to use later on in the course. Right now, we're using the sparkling theme, and these are the look and feel of your website. And with most of these modern themes, they actually have a lot of options for customizing them with different colors, customizing the layout, customizing things where you don't have to go in the back and files to do it. And we've been doing that in this class with changing the menus, adding widgets, changing the colors, all kinds of things that we've been doing in this class. But one of those things that we did earlier on, we actually had to go into the back and footer PHP file Teoh customize the copyright information at the bottom of the site, and we did that by going into appearance editor. That takes you to the appearance editor, which includes all kinds of templates for the different theme pages that you're using. It also has this style sheet, which is a CSS style sheet. We've played around a little bit with CSS within the customizer for the website before, but you can also customize this CSS style with this sheet right here. You can see that with different themes. You have different options for the templates. So the problem with customizing those templates is that, say, the theme developers for sparkling come out with a new update for this theme. If you choose Toe update, that theme, which will call apparent theme All of those customization is that you changed with these pages and templates and custom CSS. Those get wiped out when you update your theme. So to make sure that that doesn't happen, we use what's called a child theme, which is basically attached to the parent theme, and we make changes to that child theme. But when the developers do update the parent theme, it doesn't matter because we can update that parent theme, get all of those changes. But we still have the child theme and all of the changes we made to the child theme that stay. When we update that parent theme to do this, there is a plug in for it and, like I've said before the plug in for anything. So go down to your plug ins, goto, add new and then search for child theme or child theme configuration. Er, this is the one that we're going to be using and so install and activate child theme configuration. Er, we can actually deactivate and delete this plug in once we've created the child theme so that it doesn't take up any space or or anything on your website. Once we do actually create the child theme, though once you activate it, you can find it under tools, child themes. There's different options, but right now we're creating a new child theme, so we'll just follow the directions right here on the first tab. So one created new child theme? Yep, and then to we have to choose which theme we want to create the child theme, for You can see that we have all of our different installed themes were going to be doing the sparkling one because that's the one we're working with right now. So what we want to do is then click, analyze, and with this theme we got this unexpected PHP debug error. And this might be an issue with this specific theme, saying that this theme is not capable for creating a child theme. Or maybe it is, but maybe they didn't set it up to be, and that might happen more often with free themes that you find on WordPress. But I'm gonna go ahead and go forward with creating this chill child theme and see how it works. Four. Just leave this as the directory. It's probably important toe signify as a child so that you know, in the directory, if you have to go in the back and files that this is where those files are for five, we're going to keep it at primary style sheet because we want our child theme primary stop she to be the one that we are going to be editing now with six. Just leave it as used the WordPress style Q. Seven. If we want, we can change the name and information for this theme. You can see that it's added child back on the theme page. If you click on any of these themes. This is just the information that pops up here. If you want to customize that, you can customize it here. But I would just leave it as is. If you have already made changes to your website, check this box right here where it will copy menus, widgets and other customizers settings, which we did under appearance customizer for this site so that we don't have to redo it. Then click Create new child theme. We've got the success message saying that our sparkling child theme has been created. We can click this button to preview it before activating to make sure that it looks all right and everything looks good. Nothing looks broken. This is where I left off the site. So now let's go back into our manage themes page and I'll re for fresh This and what we see here is sparkling child. They look the same, but this is the one that we want to activate and use. So click on activate. Great. So now if we go back to Evin or designs dot com, just the main page, we'll leave that other page. We'll have our website. Everything's working like it was before everything looks good, and now we can go into the back end and start editing, teach I'll theme settings without worrying about anything. And you can see here that we have the theme to edit. We have sparkling child, so we have our style. She and our theme functions right now. So if we want to go ahead and change the style sheet, we can. This is something that we haven't really touched upon in this course. It's something that I don't feel you're going to need to know. Right now. We can do all kinds of other things of using plug ins, and custom is ations of the page that we've learned already. But if you are using a different theme, you might come across having to make changes to the theme functions template or the style. She because sometimes when you have a website and you want to make a change, you're going to be searching on Google for how toe do X, y or Z with this theme and the developers might say, or there might be forums that help you, they might say, Oh, we'll add this code to the style she or change this function or something like that, and you'll have to go in here and do it. And so, by doing it with the child theme, you're safe when the parent theme gets updated and you can go ahead and update the parent theme. But the child themes settings will still be live and be the ones that actually affect the look of your website. So that's what a child theme is, and I know it's a little confusing. But if you are going to be making changes to your website theme, which you might be doing, especially if you are going to use a theme for, you know, the long run like I mentioned, there might just be things that pop up that you want to change. It's important to start using a child theme. Here is just one other thing that I want to mention. I'm in the tools child themes, and then I went to the files tab. If you do want to make changes to, say the footer like we did earlier, or to any of these other PHP parent template files, it's a good idea to copy them to the child theme. So again, if we do update the apparent theme. It doesn't get automatically erased the changes we've made. So if we want to add the footer to the child theme, we can do that and just click copy selected to child theme. Now, if we go into appearance and editor, we should have, and we do have the theme footer. This is the proper way to edit the footer of a theme, which we're going to be actually doing in a future lesson. I realized that with the sparkling theme, we actually just you edited the footer in the customizer and using the foot or widgets. But in a future theme, we are using the PHP file toe Adit the footer. So this is how you would do that? Okay, this was a lot I know it was. If you have any questions, let me know. Otherwise we'll just you in another lesson, 56. How to Create Multiple Sites with Desktop Server: So you want Teoh practice working on multiple websites using desktop server. This is actually relatively simple to do if you open up desktop server, and when you do a reopened desktop server, you probably noticed that you have to start with privileges. So just go through this. Say yes, fill in your computer user information and then you'll get to this scene where you have different options for stopping or restarting the Web services, moving it to a different location or creating in new development site. If you want to see the development sites that you've been working on her that you have, just click this sites button down there on the left that will open up a Web page where you can see the different development websites you're working on, and then just click dashboard to go to the dashboard of that site. So say I want to start a new one. Just click, create a new development website, click next, and then we go through the same process as before Phil's wacky website Click Create, and it will create the new website. Now there is a limit to three development websites. If you're using the free desktop server option you'll see here. If I actually click create, I get this error message. If I want to sign up for a different type of desktop server account, I can go to the their website and sign it for a new account. But you can create three different development sites toe work on with the free version of Desktop Server, and then what you should be able to do to now that you've set your different websites up is you don't even have to open up desktop server anymore. Just go to that Web link or any of the Web links that you've set up with desktop Server. So for me fills woodworking dot Deb, then forward slash WP dash log in, and that should open up WordPress for that website. 57. Design a Modern One-Page Website: in this section of the course. We're going to be creating a brand new website based off the Sydney theme, and it's going to be a one page style website like this one comes up with a big opening screen and then you can scroll down to different sections of the home page. This is great for business website portfolios or just personal websites. So we're going to be using the Sydney theme, which is free. And like everything in this course, I try to recommend plug ins and themes that are free that you can actually build and use for yourself. So the first thing we need to do is install this theme. I'm going to be building this on top of the website that I had been working on for Evan or designs. So to do that, we have to go to appearance themes, and then we're going to search for the Sydney theme, so good a wordpress dot org's themes Search for Sydney. That's the one. So we'll click install. Let's activate it. So now we have our new theme activated. We will have to install to plug ins that come with this theme so you'll get this announcement right here. So we'll click. Begin installing plug in So page builder by sight, origin install. And the other one is Thesiger any tool box which I already installed. So we just have to activate both to do that at the same time. Just click the select all button right there, click bulk actions and then activate and apply. Now if we want to see what our website looks right now, click the visit site but in up at the top left and you'll see that it's already updated. But down below looks a bit strange, so we're going to be editing it toe. Look more similar to this, using the different boxes and modules that they have for our own website. And we'll be doing that in the next few lessons. Thanks a lot and we'll see then. 58. Create the New Home & Blog Page: The first thing I'm going to do is actually create a brand new home page and blawg page, and this would be good if you are starting completely from scratch or if you're working on your old website and you just want to try this one out. But you don't don't want to mess up your old website. It's a home page because you might want to go back to using that one. So I'm going to go to pages Odd New. We'll call this one front page where you can call it home or whatever you would like and click publish. Go ahead and do the same thing at a new page and create a new block page. I'll call this one articles. I'm going to scroll down the appearance, customize scroll down to static front page and change the front page from home to front and post page from blogged articles or tow whatever you chose. Now, if we go to our home page will see that is just a blank page. It does have our sidebar, and we'll start designing in the next lesson. 59. Adding Blocks to the Home Page: The first thing we'll do is understand how you build a website with the Sydney template with these different will call them widgets or these different blocks that they use on their home page. The first thing we need to do is go to our home page and change the template. So if you go there and under page attributes, you see template, its default, and that's what it is right now where you scroll down and it has your sort of default page style. If we change that to front page, which is within the Sydney theme, when you install it, Click Update and we refresh our page. We get a clean start with no content below this welcome mat Soto add different blocks. We use the Page builder, which is specifically for the Sydney theme. Now we have this third tab in our page editor. Click on that, and we're going to choose at any row. Or you can choose a pre build template if you want to use one of their templates and then just edit it. So if you want to do that, go at it and click enable and now you can preview any of these pre built templates, and it will actually build out the website for you, and then you'll just customize the content within. But I like doing things from scratch, so I'll show you how to do it from scratch, which will also help you understand how to edit the content within any of the templates. So click row. Now we want to choose how wide the road will be or how many columns. So I'm just going to use one column. You can use more if you want, but this kind of style you see that most these ey're just one. Call him, then click insert. Then we're going to go click add widget. We're going to go to Sydney theme widgets, although you could add any widget that's already installed for you. But the city ones are the ones that we see on their demo. And let's just start with a portfolio, for example, so that portfolio appears in that widget. So let's click preview changes, and we see this blank blocks down here, so we have to actually add content to our portfolio. If you noticed over on the left hand menu, you see all kinds of content that you can add now that has to do with Sydney template. You've got services, employees, testimonials, clients, projects, and that's what goes in our portfolio. So let's update this page first, and then let's go to all projects. No projects are here yet, so let's click. Add new project and you'll see that it's similar to a standard Blawg or page editor will call this table and then for the projects. What we're going to want to do is odd, a featured image. So let's just click set featured image. We can choose some of the content that we've already uploaded and actually changed the name of. We're gonna do that to garden boxes and click Publish. Now, if we go to our home page, we should see that project pop up down below, which we dio. So the next thing you would do is go through and add some more projects and fill it out. So I've added a number of projects to the portfolio, but you'll notice that some of the images aren't the same size or the same aspect ratio. So to make this look clean, like how it does on the Sydney demo site, you want everything to have the same aspect. Ratio and squares are relatively easy. So this is an example of where I'd go in and crop these images is that it looks better. So if I go to my per Gola and table project and then I go to the featured image and just click on it. Oh, click edit image. So if I want to make this a square, what I'll do is just click and drag inside the image first, Then where it says selection all create a square selection. I know that 10 37 is the longest side. So to make this a square, I'm going to have to use that as the dimensions for both sides. So 10 37 by 10 37 Now I can move it around. Click the crop Baden up there. Save it Now if I go back to my portfolio and refresh the page, I have square images and it looks a lot cleaner on the Sydney demo. You have the title up here. We have to edit that in the page editor. So for the front page, if we click edit for the portfolio, we can add a title so mail. Call it our projects and will say show project title If we want to show the actual individual projects. Click done, update and refresh. Now we have the Our Projects title, and if you hover over any of the projects, you see the project title. Another thing is that this is kind of like a blawg in the sense that people can actually click on the projects and it includes the project page. And so you would want to actually add information on all of your project pages as if you were writing a block and that comes here on the project page just like a normal blogged article or page. So not only would you want to include the featured image, but also some information if people want to click on it. And then if you go back to the portfolio and enter the slugs or the categories say we say backyard dining tables, then click update and go back to our page. Now we have our different categories, and I see what happened is actually that it doesn't show the one that I didn't have the Category four, which was the bathroom ladder. So if we go back, make sure we have all of our categories. This is cool, cause then you could show some versus not others. Now, if you click, update me, Refresh. Now we have our bathroom ladder here. And if we go through, we can click thes and actually filter them so really clean design in that sense, too. So that's the basic premise for adding these different blocks. I'm gonna go through some of these other ones and show you how to do them because they are a little bit different than the portfolio ones such as this one. With these little icons and then the team members, there's some new things that will be going through in the next few lessons. But now you know the basic gist of how to add a new block. So basically going forward, we would just add a new row. If you want a different column, you can insert, we can actually move the portfolio block around this way or we can move our entire block around. Then we can add new widgets. So in the next lesson, we will be looking at another one. So much is at skills, and now we have a new one, and you can actually add these to the same row if you want. So it probably makes sense. If, for example, we had a row that had two columns insert, we had some skills and this one another one down here. But then we wanted another full column row. That's why you would have multiple rows. Otherwise, if it's all just single column widgets, you can put them all in one row. Thank you so much for watching, and we'll see in the next lesson. 60. Add the Services Block: next, let's go ahead and put together this our services block. So to do that, I'm going to go to my page. I'm going to go add widget, go to Sydney theme widgets and go to Sydney Services. Type A. There's also type B. If you go to the demo, you can see that this is tight. Be where it's a column with the icon on the left and then text on the right or just the Taipei is this style. So once I do that and I click preview changes, I'll have to services that I've already added. So let's go ahead and add 1/3 and then add the title. I've already added a couple services, all at a new service right here. And in this lesson, I'll show you how to find these icons to use with this theme. So this one, it's kind of a service block. I'm gonna call it what we provide. But we got got fast service quality products. Almost everything we make is top tier. You know, I would go through and actually edit all this stuff. Now down below is where we get the icons. So under service info, there's this link for the list of icons you can use, which takes you to this cheat sheet. Awesome page. This is a list of all the icons that we could actually just embed in our website. It's a little hard to find one that works perfectly. You kind of have to just scroll through and look. Or you could press command f on your keyboard to search through this page for words that might appear or control f If you're on a PC, I'm on a Mac for quality. I don't really know what type of word is going, Teoh. Bring up the icon that I want. So I'm just going to pick kind of one at random for this example. But say we put this heart. We copy this text right next to the heart icon F a dash heart dash o paste it right here in the service info area. If you want to link this service to one of your pages, you can paste the link down there, otherwise just paste the service and let's refresh our home page. And now we have our quality products over here on the left. Now the order for these different icons and services is going to be a based off of the order that you published these different services. So if we want quality products to be over on the right side, but we would do is go back to our all services page. Now you see the order that they're in so we can see that the fast turnaround was published 52 minutes ago. So if we go to quality products and we want this to be longer than 52 minutes ago, let's just go ahead and make this published yesterday. It doesn't really matter. So if I click update and then if we update our home page, what happens is the quality products is over on the right because that's the third or the oldest service that we posted. Now, if we want a title, let's go back to our home page at it the service window and for titles, say what we provide, click, done and update and then refresh. Now if we scroll down, we see what we provide customer service, fast turnaround and quality products. So that's the services widget Say we wanted to do something like this where we have some services up here and then down here we have some other services. Well, how do we make sure that only certain services appear here And certain ones a beer here? Well, similar to in the portfolio. If you go to edit the services widget, you can categorize the specific services as a specific category and then enter that category title here for services A for the ones that you wanna appear in services A and then the same thing for services be the other thing. I just want to show you here is if you want to change any of the design of this widget, say we want to change the colors. We can do that down here, just changing the colors. You can change the background can add a background image, all kinds of things over here. So say we want change the font color to maybe a lighter grey me. Let's just make it a little bit red so that we can see what we're doing. Click done Then previewed changes. And now the text down here is red. Thanks so much. And in the next lesson will be adding our team icons 61. Add the Employee Section: in this lesson, we're going to be adding our team members have already gone ahead and added myself to our team. So to do that, you would go ahead and add a new widget. The employees widget to your page, and if you go in, you can see that I have added a title for our team. And then I've already added myself as an employee. You can see that I have my name, which appears as my name. If I scroll down, I have my featured image, which is the image of me that appears then down below for employees. Information. I have my title of my Facebook and Twitter links. And if I wanted Teoh, add another Ling Teoh personal bio or something like that could create a new page and linked to that through that employees link. And that's what appears right here. When you hover over this image, let's go ahead and walk through, adding a new employees so there's going to scroll up Goto, add new employees, channel it, Ron, we will title the position Chief Wood Chopper. We'll just leave those to blank for now are the social media icons, and then we'll just set a featured image. Let's upload a new file and we'll upload an image of my coworker, Ron Swanson. Once we published this and we refresh our home page, Ron should show up on our team there. We have it again, though. We have two different image sizes and we're not centered. So if you have three people, this is perfect cause it kind of lines up centered. But for our website, since it's just the two of us, as employees we want to center are two pictures. Luckily, that's an option under the employees widget. If you edit it and you say center employees for using. If you only have one or two employees, click done, and I'll preview those changes. Now the two of us are centered, but our images are off, so I'm gonna go ahead and edit those. I played around with it for a little bit, and for some reason the original photos that I uploaded it just wasn't sinking up. And it might be because one of the images was larger than the other. This Phil Abner had shot was for injured by 400 while the Ron Swanson was 300 by 300. So what I ended up doing was just creating two new 300 by 300. And it probably would have worked if I just actually exported a 300 by 300 pixel version of my photo. And it would have worked with original Ron Swanson photo. And I did this in photo shop. And even though I went in and edited the photo this original photo to 300 by 300 it still didn't work. So sometimes you just never know. I do a lot of research on line, trying to figure out what the issue was. There wasn't really anything coming up, so it's just a matter of playing around with it. So that's how we worked on the our team section. In the next lesson, we're going to be adding one of these sections with these little stats with the red background 62. Add the Facts Block with Custom Background: in this lesson, I'm going to show you how to create this sort of fun fact bar. But one of the cool things about this lesson is we're going to understand how we create a background color like this that stretches across the entire bar. So there's different types where they might just go half on half of your easing columns or , like this one, where it goes across and how he changed the actual color of the icons or the text to make sure that it stands out. Don't worry, though. We will be getting to the header right here in a future less and that's coming up. And that's going to be a big part of this website template, if you are using it. So let's dive into our front page, and with this one we're actually going to add a new row, and it's going to be one column and we're going to use a completely new row instead of adding the widget, which is the fax widget to this top row. And the reason is because the way we get that background color comes from the row itself. But I'm going to add that in a second. So first, if you click edit fax there isn't a fax category on the left, so adding these facts just comes in on this page itself, so you can title it if you want, so we'll just say Fun fax. And then you just name them out of value and then find an icon. So I'll just do three really quick ones. For a typical company you might do clients served and then value. You know, whatever your client number is, it could be 12 13 and then we have to find an icon, and you can click here to view all the icons from the phone. Awesome I Collins that we were using before. So I'll just take this one right here at the top. Probably spent a little bit more time going through them to find the 1st 1 Second one. How about Will do chairs made to 89 then for the 3rd 1 Let's just do something funny. Fingers chopped. Don't put zero. Get in. Let's find a an icon for these. So I just found a couple. I'm just gonna search for hand. There's a few hand ones. Let's take this one with one finger up. Okay, so if we click done and we preview our changes, we'll see what it looks like. Now if we scroll down, we have our fun fax, but it doesn't have a background color, and they are gray, so let's add a background color first. So, like I mentioned before, go to Edit Row not to edit the widget, but at it row on the right, you have design and we're going to select a background color. So let's just click read and find some sort of grayish red, okay? And then the other thing we need to do is change the layout and rolet out from standard to full with. I'll just show you what it looks like if I stuck with standard here you have the standard with, which is the with of our website. We want the full with, and you see now with the icons look like So right now we'll change the icon color as well, So back to edit row, change the road layout to full with, and then let's go into edit this widget and we're going to go into design. We don't use the background color here, but we're going to change the widget title color. And we're just gonna change that toe white between the heading away as well. And also the font toe white click done and then preview our changes. Now we have our fun fax with are different things and the eye guns, and they're right for this one. We might just go ahead and get rid of the fund fax title Teoh, not take up that space and then also just add one more fact because it seems to work better . You can't really center this one like we could with the employees, so I'll just say trees planted because that would be a cool thing to do if in fact, this was a legitimate business, which it's not yet. And actually take that tree icon, put it there, find another one for the chairs. Sometimes the icons, you know, that is just not the exact one. So I found a gavel. It was the closest thing to a hammer that I could find. So now we have our clients served our chairs made our fingers chopped and our trees planted . Stats. I'm going to move this box up, and I also feel like it's too thick. I don't want there to be so much space above the icons. And below these numbers, I wanted to be a little bit skinnier. So to do that for any of these widgets first, let's actually move it up. What we're going out to do is actually click at a new row, single row. Put that beneath, put our Sydney fax above it. Then let's just put the employees underneath In that other row is that it's in between. The other thing is, I'll go into edit row and under layout. You see this top and bottom padding. The standard that they use is 100 pixels. That's pretty big. So I'm going to change this to something like 35. And let's preview that and see how much skinnier that bar is now. Now you can see even compared to before its way skin here, and it's just a little bit nicely designed, and I like using this to break up the other blocks. I would probably go ahead and put another block in between these services or the what we provide in our project, so it doesn't seem exactly like with the project's bar, although it kind of works with this. The customer service fast turnaround in quality products. Next, we're going to be adding some client testimonials and adding a background image. 63. Add a Testimonial Bock and Customize the Text Colors: in this lesson, we're going to be adding these testimonials above the facts that we just created. So first, let's go to edit our home page, and what we'll do is add the widget testimonials and let's just put it down right below services. Next, we have to add some testimonials. So let's go. To add new testimonial, I went ahead and added the name here in the regular text boxes where you add the quote, you add the featured image of the person, then down below for info. This is Thelancet all information that is below the person's name, like So. So if you do that and then you refresh your home page, you'll get something that looks like this. So I'm going to want to add a title for this widget. Also going to want to space out this text from going to actually add just ah, space in between and then update that and then back for our home page For testimonials, let's edit for title. Let's call this what people say about us. Like all the other widgets, you have options to show a certain amount of testimonials. You can choose specific categories if you have different categories. And for each of your testimonials, you add a category, and you also have different design and layouts, which we're going to look at in just a second. So let's preview these changes now. You see that there's the space between the two sentences in the quote, and then we have the title. Now let's go ahead and add a background image like this. We're gonna go back to our testimonials and actually, let's add a new Row one column and we're gonna put testimonials in there. And now for this entire row, let's click. Edit row design background image. Select an image. Let's use one of our wood based images, something that doesn't have too much going on. Something like this might be kind of cool. And now let's see what this looks like before remove forward cause I'm guessing that it's not going to look great because we need to have an overlay. It actually already hasn't overlay, which I noticed, but it's not full with, so let's go back to our page at it are Row. Let's change the layout of the road to full with. What happens with the background is it's automatically has an overlay. If you want to disable the overlay, you can check this box. And if you want to change the color overlay, say we want to choose something that's a little more purple or something just a little dark , but still has, like a hint of blue or purple. We can do that. And now, when we do this, though, we want to make sure we change the text color as well, so that it pops from the background. So with this, you'd probably want some white text. So let's go into our testimonials design, which it title color will just do white headings. Color will do, White font color will do White and that background was a little bit too blue. Let's go and make it even darker. Preview those changes, and now we're getting somewhere. We just have to figure out how to change the color of her name and her designation again. I had to do a little bit of digging to fear this one out, but this could be fixed with some custom CSS. So if we go to our appearance and customize settings and then if we go down to additional CSS and we Add this text right here dot role dash testimonials dot name. Just copy and paste this or just copy it into your CSS. You'll see that the text color changed. If I take off this one with the span, the home decorator text changes, so I have to include both. So this took a little bit of digging, and like I said before, that's what I'm here for, to help you in this course. But as someone who doesn't know CSS or really back end, it's still possible to change all of these things. So I will click, save unpublished to make sure that this saves. And if we go to our website and refresh, our techs should be, and I'm happy to say that it is white. So now that's how you add a testimonial. Of course, if you added another one, you could get it to look like this with multiple ones that scroll through. I would probably move this testimonial block below our team, but otherwise that is another way to add a cool block, and especially the thing to take away is the background image. If you want to add a background image, it automatically hasn't overlay, which is good. But that also might mean yet change some of the custom text colors. Let me know if you need any help, otherwise I'll see you in another lesson. 64. Customize the Header and Menus: all right now, how do we customize our header area, which is the first thing people will cease? Who we want to make sure that this pertains to our website probably should have done this first, but that's OK. You'll want to go into your customize setting, so at the top you can click, customize, or it would be found under appearance and then customized. The first thing I'm gonna change is just thesis ICT title and tagline. So I'll keep Avenor designs. But the tagline, It's too long cause I don't want it to be on two different lines, so I'll just do DIY. I Why would working projects? You can also change your site icon and your logo if you want from there for the header area , this whole area is called the Header. This is where we're going to change this if we simply don't want to have this sort of welcome screen weaken goto header type and we can just click no header and it will just open up your website with the blocks that we've created before. Or you can add an image or video, which might be a pretty cool option as well. This site header type down below. This is for all of your other pages. So right now I'm designing a one page website and we'll get rid of these menu options in the next lesson. But if you did wanna have multiple pages, this image is going to show on those other pages. Let's just go to the about page. So you see that there's this image down below. We'd want toe change that to some sort of image related to our own website. So how do we actually change the home page header or the front page header? This stuff that's right here. Header slider. The first setting for our header slider is the speed, and this has to do it with if you have multiple slides which we started out with in this template for most websites, I would recommend just having one slider at the top and one image. It's a little bit distracting, honestly, me looking at this, it's just going too fast and you want someone toe have one clear called action. So if you want just one slide, change the speed to zero and it disables the actual slider from moving on to any future one or, if you want, you could also just extend this and, you know, making it 8000 milliseconds or eight seconds might feel a little bit slower and feel better . Or you can also delete the second slide information. So you have your different slides and you have the image of the title text and the subtitle text. So if I just remove this slider image and text, it doesn't have anything to go to. But I'm just going to set this at zero to disable it from moving on to any other slide. Now let's change the background image. So if I click change image, I can use one of my up loads. And what you'll notice if I choose one of my up loads like this one is that it's a little too bright in the background. Unlike how in one of the block section for the client testimonials, it had an overlay for our header image. It doesn't have an overlay, so you're going to have to find an image that works well, having text on top of it, or you're going to have to add an overlay yourself. I'm going to do that and photo shopped for this image. But I know you probably don't use photo shop. If you do, you're lucky, and I can walk you through it. If not, this is a similar technique you could do with another photo editor. So in Photoshop, you bring in your image, and then what I'm going to do is add a solid color on top and just a black, and then I'm going to drop the opacity do around 65. Now if I save this and I'll just call it wood shavings overlay. And now, if I add this one, it should look a lot better. But of course, you're going to have to be able to do this in photo shop or some other form of photo. Editor Gimp G. I. MP is a free photo shop style editor that you can also use. Now let's load wood shavings, overlay. Choose that image and now that looks a lot better. Now let's change the text for this first lied Welcome to my woodshop. Feel free to look around. I'll just keep that and then we have this but in here, which, if you click it, it scrolls down for the user and I'm going to set that title instead of click here to begin , I'll just say, Get started. That's how you change the text for this button. If you want to change the color of this button, we can go back to our settings. Let's go to color General and you see this primary color that's this color here that also will affect the color of our icons. The little lines down here, our header colors right here, the overlays. So if we change this to just some other random color now you see that the overlay the text appear this but in its all a different color. And so that's good if you want it to be a different color. But just realize that if you change the color for this button, it's also going to change everything around. Now it doesn't change this background color cause we set that before, but for the ones that it automatically changes like these icons, it's going change. So pay attention to that now back to our header settings. If you want to change the header media for your other pages, this is where you do it under header media. Also, if you wanted a header video. You can do that if you want a YouTube video, or if you want to upload a video, that's fine, too. But since we're not using that, I'm not going to change it. But that's where you would do it if you go to menu style. Also, if you have a menu up here, you can either have. It's sticky, which means that the menu stays at the top of the screen as I scroll down or static, meaning that when I scroll down, it's just going to stay at the top of the website. Sticky is generally better. It's kind of a common practice nowadays, so that if someone does scroll down on your Web site, they can't actually still go to any of the links at the top. I'm going to go ahead and click, save and publish. If you have a site logo that you uploaded back in our site title, tagline and logo, then you can actually create a top menu where the logo is centered in the top and the menu beneath that and that's under menu style. And then, instead of in line, go to centered. Cool. So that's how you edit your header. This is a really great theme. I hope you've been enjoying these lessons and really, that's about it. Let's just go ahead and get rid of that menu at the top, because for this website I'm just going to want it to be a one page website, so I don't wanna have any other links that's in our menu options. So going down toe appearance menus and let's just go ahead and get rid of these links, and if we get rid of them, then they won't appear on our page. Save our menu. The menus can also be edited in your customized settings under menus, then going to top menu. I want I can just click delete menu instead of deleting them individually. And this create your menu here, but it will not appear for people visiting your site. It's just for you, since where press is saying, Hey, why don't you create a menu? Should create a menu up here. But if you just want one page website might be fine to do this. And if you do just want a one page website, maybe you don't want your menu to be sticky, so I would change my menu style too static. So now when people scroll down or click the get started button, they just have a nice clean page toe. Look at awesome. This is the Sydney template. If you have any other questions, please let me know. There's other things that you I recommend doing with this template if you are using it, including adding all the other plug ins for safety, security and changing things like your footer and all those things that we talked about previously in this class, thanks a lot and have a great day. 65. How to Install a Great Theme for Portfolios: in this section of the course, I want to show you how to create a beautiful, portfolio based website. This is great for photographers or graphic designers, you or even videographers, or really any creatives that want to show off some sort of visual arts. There are a few different themes that I recommend. One is picks graph e. The other is Acme Photo, and the other one is photo Magic. These are all great themes that you can play around with in this section. We're going to be installing the picks graph E one. So right now, go to your themes. Click add new and then install this picks graph e theme, and we're gonna be working with it. You might also want to. If you're just playing around, create a new page and set that page as your home or front page. So create a new page called Portfolio and then under your settings under reading, change your static front page too portfolio, and then save it so that your home page is her portfolio. After you've installed picks, graph E, make sure that you activate it depending on if you are working from the previous sections of this course, you might have to uninstall or de activate some of the other plug ins that we installed for thesis INI theme so you can go ahead and do that if you get this error message. Otherwise, you can visit your site like so, and you'll see your new pics graph. E theme doesn't look like anything special right now, but we will be designing it to make it look really beautiful for photographers or any other creatives. 66. Design Your Website Title and Logo: So this is what our website looks like right now before we've done anything to it. And it's a far away from what the picks graph e demo looks like, which is this beautiful website with this nice slider at the top, Then down below this beautifully laid out gallery of images and basically what I want to do is create a gallery that looks like this with a header with our site title subtitle and a logo. So that's what we're going to be working on in this section. The first thing we want to do is go to our dashboard appearance and then customized to get to our customized settings. You'll see that it has a lot of customized tools like we've worked with in the past, and some of the options are under picks graph e sub menus. So if we click on, for example, picks crafty WordPress settings, this is where we can get to our site title and are tackling and our logo. So let's go ahead and change our site title. I'm just gonna call this something completely different, so I'm gonna just call this Evan. Your photography tagline will be my travel for target fee, Blawg, whatever you want to call it, and then let's set up some sort of logo to find a logo. Right now, I'm just going to use icon finder dot com, which is free to use. There are some icons and graphics that you can pay for, but I'll just find a free one. If this was my professional website, probably have something designed custom Lee for me or do it myself. So I concerts for photography and then click on Price. I'm just going to click on free, and now we have a bunch of options that might work good for our little logo for our website . Kind of like this little camera icon like this. I'm going to select the 2 56 by 2 56 and then I'm going to save it as a PNG file and it comes up in preview. Let me just actually save it as it or move it to another folder. I don't want to be in downloads. I wanted to be in the images folder that we're using for this website. So now if I go back to my customize settings and select the logo, I see they actually suggest now 1 50 by 1 50 Let's just go to that image and see what happened. Once the upload, let's just say crop. If we want to zoom in a little bit, we can, because there is a little bit of extra border around that we don't need crop it. And we got to make sure that our site logo and text option shows both. Now this image looks really big, and that's because I'm zoomed into the website so that I can see more clearly or that you can see while I'm doing this. But it's still pretty big, and the other problem is that it's black, so it's not going to show up that well, especially if we have an image in the background like here in the demo. So what we have to do is go to this photo. What I would do is take the camera icon and open it with a tool like photo shop. Now we have this icon in photo shop. We need to put an overlay, a white overlay. If it's a simple icon like this, that's one color. It's super easy to do. Just select layer, double click it this brings up your layer styles, choose color overlay and make sure that it's on white. If you want, you can choose a different color, but I'm just going to choose White say Okay, and I'm just going to make it a little bit bigger. So it fills the frame a little bit more, just clicking on the edge and increasing the size on a Mac right now and pressing option shift. That would be all shift and dragging so that it increases from size from the middle. But that's more of a Photoshopped thing. So now I want to save it. So I'm gonna go to file export export as this allows me to set the size of it. So I'm going to choose something a little bit smaller, actually, than what this is. It's 2 56 pixels now. I'm going to set at 100 even though that the website said 1 50 is good. I thought that was a little bit too big. So I'm gonna set at 100 export all. And now, whenever I save an image out of specific size, I usually just add the pixels at the end of the name of that file. So say Export, it's going to save it as a PNG, so it still has that transparent background. Now let's go back to our site title and logo options. Change it and let me go ahead and upload this new version. Camera 100 pixels choose select. We'll just skip cropping because I've already set it up how I want. And now if we zoom out, we see that it's a pretty decent size. So I like that a lot. I'm going to do a quick test really quick. I'm going to go back to photo shop, going to export export as and I'm going to do the 1 50 pixel. I just don't know if this theme it automatically increases the size of what I upload to be 150 pixels wide. And if it is doing that, I don't want it to be basically, uh, zooming in on the 100 pixel version because that's going to stretch it. So now let's just go ahead and back. Let's select are 1 50 version. It's like choose some of this is just testing like you're seeing me doing here and in this section compared to the previous sections. I'm kind of letting you walk through the entire process with me, Okay? No, actually. So I was correct in the beginning. So this actually is the 1 50 pixel. Let's go ahead and change back to the 100 pixel. I do want it to be a little bit smaller, so something like that. Cool. The next thing we got to do is add this layer in the background with slider, and that's what we're going to be doing in the next video. 67. Editing the Home Page Slider: the slider that picks graph e uses is based off of block posts, actually, so to actually create this sort of slider, go to your posts and click. Add new toe, add a new post. Let's enter a title or call this Australia photos. And then let's just choose a featured image, which is actually the image that appears in the slider. So let's go and upload a file again. You can use thes photos that I've included in the project files. From the first lesson of this section. You can download them there if you're watching this course on a platform that has those kinds of files, otherwise you can just go ahead and use your own files and photos. So I've set my featured image. Now let's click publish And of course, you'd probably want to include some actual content in there as well. Let's go back to all posts, and one thing we have to do to make this appear as the slider is make it sticky. So let's choose quick edit on our settings back in are all post and click This little make this post sticky, which actually makes it appear it sticks it to the top of your posts. So even if you p