The Complete WordPress Guide for Beginners - 2020 | Alexander Oni | Skillshare

The Complete WordPress Guide for Beginners - 2020

Alexander Oni, Web Developer & Cyber Security Expert

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
72 Lessons (7h 60m)
    • 1. WordPress for Beginners Promo

      2:34
    • 2. Introduction to the Beginners WordPress Course

      4:01
    • 3. Introduction Working with WordPress

      4:19
    • 4. Installing WordPress Locally

      14:10
    • 5. 1 Month Free Trial Walk Through

      4:29
    • 6. Hosting and Domain

      11:41
    • 7. Installing WordPress and SSL

      10:13
    • 8. WordPress vs WordPress

      2:07
    • 9. The WordPress Backend

      3:49
    • 10. WordPress General Settings

      11:01
    • 11. Pages vs Posts

      4:12
    • 12. Creating a Page

      10:55
    • 13. Cateogries vs Tags

      9:19
    • 14. The Media Library

      3:33
    • 15. Creating our First Post

      9:59
    • 16. Introduction to the Admin Bar

      1:54
    • 17. Editing your Profile Account

      4:35
    • 18. WordPress User Roles

      4:29
    • 19. Working with Images

      6:34
    • 20. The Gutenberg Page Builder

      11:15
    • 21. Assingment Create 7 WordPress Posts

      3:20
    • 22. WordPress Themes

      10:58
    • 23. WordPress Plugins

      4:20
    • 24. Widgets and Sidebars

      7:09
    • 25. Choosing our Theme

      7:19
    • 26. Setting up the HomePage

      2:42
    • 27. Creating the Main Menu

      5:19
    • 28. Building the Header Part 1

      11:51
    • 29. Building the Header Part 2

      6:16
    • 30. Building the Footer

      6:38
    • 31. Styling the Footer

      7:50
    • 32. The GetWid Addon Plugin

      6:22
    • 33. Building the Home Page Part 1

      15:26
    • 34. Building the Home Page Part 2

      7:03
    • 35. Building the Homepage Part 3

      9:21
    • 36. Adding an Instagram Block

      11:13
    • 37. Setting up the Blog Page

      6:13
    • 38. Setting up the Post Pages

      4:03
    • 39. Adding Social Share Function

      8:38
    • 40. Creating our Contact Form

      10:28
    • 41. Setting up the Contact Page

      4:48
    • 42. Creating a MailChimp Account

      7:48
    • 43. Creating our Mailing List

      6:15
    • 44. Contact List Tips and Finishing Touches

      14:33
    • 45. Quick Update

      2:12
    • 46. A Simple Trick to fool Hackers

      2:20
    • 47. Site Health and Updates

      4:09
    • 48. Fighting against Spam

      4:22
    • 49. How to Hide the Default Login URL

      4:22
    • 50. WordFence Security Plugin Part 1

      16:21
    • 51. WordFence Security Plugin Part 2

      12:00
    • 52. Optimzing Content for SEO

      3:51
    • 53. Adding Google Analytivs with Monster Insights

      4:47
    • 54. Adding the Cookie Notice

      3:29
    • 55. Creating the Privacy and Policy Page

      5:36
    • 56. Creating an FTP Account

      6:13
    • 57. Accessing our Web Directory

      6:47
    • 58. How to Back up a WordPress Website

      6:09
    • 59. Beginners WordPress Course Conclusion

      0:47
    • 60. Rank Math Introduction

      5:24
    • 61. Rankmath Installation

      8:39
    • 62. General Settings

      7:31
    • 63. Tiles and Meta Part 1

      10:34
    • 64. Titles and Meta Part 2

      3:45
    • 65. 404 Redirections

      4:00
    • 66. SEO Analysis

      2:38
    • 67. Status and Tools

      4:04
    • 68. Google Search Console

      1:49
    • 69. Optimizing our Content

      7:47
    • 70. Bulk Edit Tool

      1:45
    • 71. Optimizing Content with Rank Math

      10:04
    • 72. WordPress 5

      7:19
14 students are watching this class

About This Class

** One of the most comprehensive WordPress courses you will ever take **

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

Are you looking to build your WordPress website for personal use or maybe even for your business?

This course is perfect for you. This complete course is designed for beginners like you who have never built a WordPress website (or any website for that matter). You are going to learn how to use WordPress to build your website and best of all WordPress is FREE and you do not need to write any code to achieve this.

2 Courses in 1

I know that there are two main reasons why people want to have their website. it's either they want to have a blog where they can write or share their opinion about a subject or they have a business and they want a website to promote the business. Either way I have got you covered .

What skills are you going to learn in this course?

Okay you already know you will learn how to build a full website but to be more specific, here are some of the skills you will learn

  • Install WordPress either locally on your computer or live on the internet

  • Install SSL encryption on your website

  • Choose the right web hosting company

  • Create a professional web mail account

  • Work with themes and how to choose the right one

  • Configure a wide variety of WordPress plugins

  • Create and edit image galleries

  • Publish content with pages and posts

  • Create user accounts

  • Create privacy and policy pages

  • Integrate social media functionality into your website

  • Build your mailing list using Mailchimp

  • Back up your WordPress website in case of emergency.

  • Optimize your website so that it is noticed by Google, Bing and other major search engines

  • Set up comments and contact pages

  • Prevent spam comments

  • Speed up your website with caching plugins.

  • Export and Import content

  • Protect your website against hackers and malware

  • and much much more :-)

PLUGINS YOU'LL LEARN HOW TO WORK WITH:

Plugins are programs that you can use to enhance both the functionality and design of your website and in this course you will learn how to work with the following plugins

  • Akismet

  • Happy Forms

  • Word Fence Security

  • Social Buttons by Adder

  • Optin Forms

  • WPS Hide Login

  • Cookie Notice for GDPR

  • Recent Posts Extended Widget

  • Monster Insights

  • Rank Math

  • Smush

  • UpDraft Plus

  • Gutenberg Editor

Why learn from me?

Unlike a lot of other instructors with WordPress courses I am a real WordPress developer. I have been building websites with WordPress for almost 9 years now and during this time I have built hundreds of websites including some for very popular institutions like Johns Hopkins University.  I love WordPress!  and I am also passionate about teaching people how to use this wonderful tool.

Who is this WordPress course for?

This course is perfect for anyone who has never built a website before. Its for individuals who want to build a website either for personal reasons or for their business but do not have any programming experience.

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

Enroll today and let me teach you how to build your WordPress website.

Alex aka 'The Web Monkey'

Transcripts

1. WordPress for Beginners Promo: are you looking for the perfect course? Tell teacher had a build your very own What press website? In a phone and organized manner. The answer is yes. Then you've come to divide place high minimums, Alex, a k a. The bed monkey. And I'd like to welcome you to this work. First course for beginners. This is, of course, I have designed specifically to help you build either your personal website or maybe even a website for your business. Now I know what you're thinking because I can read your mind. You're thinking there are so many other WordPress causes out there. Why should I angle in your course? Well, I'm glad you asked that question because I'm going to give you three reasons why you absolutely need to involve in this course. The first reason is the simple fact that I am an actual genuine reward press developer. I have been working with war prayers and have been building websites with WordPress for almost eight years. Now endure. This time I have built hundreds of different kinds of upsets, including websites for famous institutions such as Gold's gym and even Johns Hopkins University. I also have a thriving YouTube channel where my WordPress tutorials have been viewed over a 1,000,000 times already. In other words, I'm an expert at using WordPress, and what better whittle and in new skill than by learning from an expert? The second reason is that this course is going to be one of the most intensive what press courses you will ever enroll in. I'm going to start from the very beginning by showing you how to install what press. I will then proceed to show you how to build out the structure of your website and also how to display content. I will also then show you had to protect your website against hackers and malware, and also very importantly, I will show you how to optimize your website. So it's noticed by Google and other measures. Such engines I will even go to additional is to show you how to build your mailing list and also how you can integrate social media into your website. So, basically, think of this course as an all in one package that will show you how to build a full what this website from start to finish in the third and final reason is the fact that if you're taking this course and you end up having any questions or challenges along the way, I will always be here to help you and assist you in any way that I can. So, as you can see, this is the perfect course for you. If you've ever wanted to learn how to use what Chris So what are you waiting for? And wall in the course today? And then how you can build your very own what purse website? I hope you're in wool, and I hope to see you on the inside Abi. 2. Introduction to the Beginners WordPress Course: Well, hello and welcome officially to the course and limiters first of all, say thank you so much for choosing to enroll in my course. Out of the hundreds, maybe even thousands of other options that you had. And I sincerely hope and believe that my costs will help you build your very first Wordpress website. So what exactly are you going to learn in this course and what should you expect? Well, in the very first section, I'm gonna introduce you to host in and domains. This is very, very important if you want to launch your website live on the internet. Now because you are a student of mine, there's gonna be a very special deal for you that you will find interesting. And one that you might want to take full advantage of what I'm talking about. Of course, you will also learn how you can install what Chris, on your website. And then in section two, I'll introduce you to the backend of WordPress. How do you configure what Perez, How do you create categories and look with tags? How do you create yourself a post page? Of course, I'll introduce you to what purse themes, plugins we did. These are all the necessary ingredients that you need to build yourself. What pursue upsides. And then section three, this is where we're gonna get our hands data because you will now learn how to actually begin to build out your website. You'll learn how to build your head out to a logo, your menu, how to build a Fu Ta, how to build your homepage or post page or contact page. You will learn all of this and by the end of this particular section, you would have gotten yourself a full website. Will then move on to cover how you can further enhance the functionality of your website. Like how can you add social media functionality to your percept side? How can you grow your mailing list with military? But I'll show you all of this. How can you add a contact form and so much more? Now, security is extremely important because well, you have lots of hackers out there and malware just waiting to destroy your website and all its content. And of course, it's very important that you learn how to protect your contents against these bad guys. So section five will all be about booby, all about water security, how you can keep your website's safe and secure from hackers and Malda, olden Coval, WordPress, SEO, search engine optimization. Very, very, very important. We'll cover that. And then of course we'll talk about the speed and performance. How can you maintain the performance of your WordPress website? How do you ensure that it loads as quickly as possible? And then there's going to be a very special section called basically rank mathematic math is one of the most powerful plug-ins for SEO. So you will find a section down below. It's basically almost an hour and learned about in there, I show you how you can configure and make use of rank math from start to finish. So be sure to check out that particular section and then there's going to be a bonus section called updates. And the reason why I have this particular section is because what verse is ever evolving, it's always changing. And even though I made this course, this particular course in August of 2020, you may be watching this in December of 2020, and I can guarantee you that there may have been a few changes. So in my attempts to keep this course fully updated, I'm going to be posting new videos and that Updates section. So if for any reason you discover that you've started the course and then you notice that something's a little bit different. Maybe there's a new change, the Wordpress backend and you see that change on your one but what was upside? But you don't see that change on mine. You can go to the opposite section and I guarantee you all that had a video Coven exactly what that change is and how you can make use of it. So don't worry, I will kill this course updated as often as need be. So once again, welcome to the course. If you have any questions or you run into any challenges, do not hesitate to contact me. I'm your instructor, I'm here to help you and I really want to see you succeed and build your auto subset. So without any more time, let's get started. 3. Introduction Working with WordPress: already welcome to the course officially, and the first they're gonna call Vie is a very, very important topic. And that's going to be a topic off hosting and domains. Now, when it comes to working with what press and falling along with what I'm doing in this course, there are three ways how you can do this. You can either decide to install what press locally on your computer, and the advantage here is that you won't have to pay for any whole stain, and you can also build a website even when you're not connected to the Internet. But the truth is, this is something I would not recommend because you don't get to experience your website live on the Internet, and you don't get to experience dealing with real traffic and also walking with their Web hosting company. So I would highly recommend that you go with the second route, which is actually getting yourself a domain name and hosting. But if you insist on building your upside locally on your PC, I will have a jittery a little cover How you can do that in the next video. I don't have a Mac, unfortunately, so if you're a Mac user. I do have a two terminal I can recommend for you. That's from Freddie Corporate. Shrek is actually a very big time, YouTube And what for Space. And he does have a tutorial on how you can tell what is locally on your Mac. So be sure to check out that video. Doubt should help you install what press locally on your Mac. Now, if you want to go with my recommendation and actually go with a hosting company, there's two ways to go about this. Okay? No, There's two companies. I walk with one inside ground and the other is cloud weighs. Now both of these companies are offering you exclusive discounts with side ground. If you send up with me, you're going to get a one month free trial. It is so free that you don't even have to provide your critical details. You fuller form and you get one month free trial. And it's something of course, that would encourage you to try out, because you will then be able to full along with this course you built in store what prayers, building website, and they never get to try out side grounds. are hosting now with cloud ways. Unfortunately, they can offer you a one month free trial because with Cloud weighs, the kind of hosting you get with them is a bit more sophisticated than that off our Saigon . But if you decide to go with cloud ways, they can offer you a three day free trial and also 20% off for the 1st 2 months. If you want to go with one of their paid our packages, so I'll have the Cuban called Are for you. Now. The second way of actually going about hosting is you don't go with the free trail with side ground, and you just decided by yourself a real domain name and you get yourself real hosting and you begin building a website right there. Now the advantage here is that you will get full access to all the host and features offside ground because with the first trial, there are some limitations in that you can actually use a real domain name will provide you with a temporary domain, and it's really just for trial purposes for testing purposes. So if you want to skip that and you just want to go with Saigon, which, by the way, I can 100% vouch for I have been hosting with them since 2012 and in my humble opinion, they're one of the very best were posting companies in the world. So if you want to skip the free trial and just go directly which side gone get yourself. It will hosting package, get yourself a real domain name. I will also have a tutorial for you on how you can go about that. Because the process of insulin, what press is a little different if you're going with, will host in, and it will demand, as opposed to going with our are the trial account with Saigon, so I'll cover all off these. Now, if you already have yourself a domain name, you have yourself hosting. You even installed what press? And you just wanna go to the meat off the course, you can skip this entire section of intersection to where we'll talk about the what? Press back end, and I begin to show you how you can create content are on your wordpress website. So that's pretty much it. If I don't extra videos all cover up how you can still work best locally, the free trial. And then, if you just want to get the free trial and go with the local outside ground host in getting us of a domain name and so on, So that's it. And, uh, let's get started. 4. Installing WordPress Locally: alrighty. So if you've decided to install what press locally on your computer, the video you're about to watch will show you how you can do so on your P C. It's a tutorial I originally had on YouTube, but I have already downloaded for you and have reformatted the video to fit in into the platform. You currently taking this course on. However, if you're using a Mac, unfortunately I don't have a Mac. I don't use a Mac, but I found for you off. Very good tutorial on YouTube. It is titled How to Install or Uninstall. What? First, locally using example on Mac. And it is by Bob Cuban. Sold. Recommend you go ahead and watch this particular video. It will show you how you console what press locally on your Mac. But if you're on a PC, just sit back, relax and watch how you console war press on your PC. We are going to need to make use off two major software. The very 1st 1 being example. You're looking at a Donald pitch right now. And the second, of course, would be what press. So I needed to do this for me. Go to what pistol? Or? And then click on the Big Blue Download. What? Press button right here. Click there and you can go ahead and download the version 4.7 point four, which is the latest version off. What press? As of the time of recording this video, and then you want to go ahead and also download the example vision that feats are your computer. So if your windows got like me, you want to go ahead and download the version 7.1 point two. If you're for Lennix, there's a vision for the Knicks right there. And hey, if you're a Mac user, well, we do have visions for Mac as well. So go ahead and download your version. And if you want your what exactly exam is well, it's basically a softer that allows you to create a local Web server for testing and deployment purposes. So, basically, just think of it as what allows you to develop what press locally, all right. And if you are an improvisation freakin leg, knowing exactly what the letters stand for will the X stands for cross platform, which, in other words, means that you can use example on any operating system are the A stands for Apache. The M stands for Maria de B and the peace stand for PHP and pill, respectively. So that's basically what example is So I have already downloaded both ah software, and you can see right now I do have my local What? Press folder. I have one person. I have the example. So what I'm gonna do right now is to double click on the example Seller, file. Let's go ahead now and click Yes, to install example on a PC and you're gonna see, But now me click OK for the one in click Next. Like next. Next click. Don't click next year on Check the books that Cesar Lynn More about bitten Mammy. You don't need that. So check this box. Go back to next. Next. And, uh So there you go. Example is currently running. It's going stolen. Rather. So what I'm gonna do right now is I'm going to pause the video because this could take a few minutes for you to finish in stolen. So I'm gonna pause the video right now, and I'll resume once the installation has completed and we are back. And as you can see Right now the in solution has almost completed. You're going to see this message that Cesar, do you understand the control panel now click, finish and then click on the If you speak German well, you can slip the German flag. But I don't speak German, so I'm gonna click, Save. And there you go. So now we have access to the exam control panel, and what you want to do is to go ahead and now click, start for the Apache module and start for the my SQL module as well, because this is what we're going to need to be able to create a local What Press website. Right. So I've got both of them wanting. And if you now go to your C folder on your PC, you should see an example delight there so you can double click inside you will cht docks full that of a clicking said as well, and not from here. You're going to see all this files. And of course, if you decided to open up a new window and this type in local hosts press enter, you're going to see this message that dashboard Welcome to exam for Windows 7.1 point two, blah blah, blah, blah, blah. All right, so what I'm gonna do right now would be to go back to my HT docks folder, okay? And then check this out. Okay? I'm gonna go ahead now and delete everything because we don't need it. Gonna delete everything and our inside of the empty folder. I am going to create a new folder, and I'm going to name this sample site the come all right. And an inside of simple said the calm. I am going to quit in new documents and you text documents. Let's name this index dot PHP and then I'll go ahead now and edit it, and I will say, Ah, this this is a test. You have been warned. So that's a test. I'm gonna go ahead now and save the file. And the reason why I'm doing this is just to make sure that Sam is actually walking properly. All right, so let's not go back. I'm just drag this to my Oh, the window. Let's go back to local host. All right? And then I am going to go ahead now and press enter and you should see your symbol cytochrome. And if you click on the link, you will see your index dot PHP dot txt file click on it. And now you should see the message. That's a space is a test. You have been one. So if you see that congratulations you have successfully installed and configured are exempt on your PC properly. All right. Awesome. So next now would be to install what press locally. All right, so let's go back to my folder. Where is it? Looking for the folder. Ah, Lim. Drugs back here. All right. Local won't press. So for the zip file. For what person? I'm going to go ahead now and extract everything light. So this may take This Shouldn't take too long. They should take a few more seconds, I hope. All right. So come on. Come on, Come on, Come on. Ah, Let's go. Let's go. Let's go. Let's go, Let's go. Let's go. Come on. Awesome. So now we have the what fits fold up and an inside. We have the major configuration files for WordPress. All right. I'm gonna go ahead right now, and I will cut everything, and then I'm gonna go back to my HT Docks folder now create a new folder for our website. All right, for local site. So I am going to name this local site Calm. You know it. And an inside of local said that Come, I am going to paste all the configuration files for the site. Awesome. So now let's go back to the local host. Let's refresh this page. And now you should see local site dot com. If you click on the link, it should bring you to this page where you can now go ahead and install what person, Right. So for English, I'm gonna go ahead and click, Continue, and then from him, gonna go ahead and click. Let's go. But there is one more thing we need to do, and that is to create a database. Okay, we haven't created a database yet for installation. So to create a database, I am going to bring in a new window in here, and I'm going to go back, and I'm going to say local ah, local hosts and then typing PHP my Edmund and then a phone slash at the end, a light to go ahead to do that. And then press enter, it should bring you to the Petri. My had been page, and this is what you're going to use to create a new database. And you'll also need to create a new user as well for that database. So for me, right now, click on data basis, right? And then for me, I'm going to create the name for database. So I'm going to say this is going to be the local local sites database. Right. Gonna go ahead now and create the database. Let's no go back to pitch in my ad, man. Go back to databases And then from here, you should see a list of some other databases created by default. Click on the one for the local site, which is the one that you just created. Click on the check privileges. When I click on the link that says check privileges, Click in there and now you should know, See, add user accounts. So let's go ahead and create a new user. So for the user name right now, I am going to say local user would be the name for the host name. Change this to local, all right, and then for the password. You can either use your own password or simply let PHP generate one for you. I'm going to do that. And from here, right now, I am going to click on it. The check all for global privileges because you want to give all rights to this particular use. All right, so let's click on check all and then. All right, I'm gonna go ahead and click. Go and congratulations. If you didn't see this message, then you've successfully created a new user. However, if you see this message, will we have to do something alive? Them is there is something wrong. So if you do sit is message, what you want to do is to go back to your HD Docks folder, right? Don't panic. Just go back to your Orthodox folder. Or rather, I'm sorry. Go back to York Sam Folder, right. Exempt folder. So, for example, that you should see my SQL. Alright, double click on my SQL and an inside of this folder create in new folder and you want to name that folder lib All right. And an inside of the lip full, that was Go ahead and create another folder again called Plug in. I don't know why this happens, but it is an issue with, um, appeared to my I mean, sometimes it happens sometimes. So you've created the lib folder instead of my SQL. And instead of lib, you have another folder called Plug In. So let's go back now and refresh this page again. So I'm going to go ahead and add my, uh, using him again. Local user. All right. For the host name. Let's go back to local again. Generating new password. Now, I'm gonna go ahead and copy of this new password. Okay? I'll go ahead and companies new password, and you can even pace that somebody safe. All right, so from here again, I'm gonna click Check all for global privileges. And now let's go ahead and click. Go and you go. So you should be able to see this message a message. And we have successfully created a new use ical local user for the database. Local site. Awesome. Awesome. Awesome. So now let's go back to the world press configuration page because now we have everything we need. I'm gonna go ahead and click the password and pissed the passer that I copied all right. So for the database, name is going to be ah, local host. Like for the user name. It is local user. Uh, I'm just make sure it's actually local host. Okay, Local site, actually. Local local site, not local host. Local site. Okay. Local site is the name for the database. Local user. That the password? Ah, for the database host, you can leave that for the table. Perfect. If you plan on doing multiple in solutions of what press on several death sites, you may want to add a perfect that will help you identify each unique and solution. So for this one, I'll just add local. All right, so go ahead. Now and click. Submit. And now you can go ahead and click Arana the install. And now we can now begin to add the titles and some other information ignore this Ice Man delivers on its announcement is because I practiced this previously before I said of recording. So that's what you have Your Iceman over there. So for that site title right now, I'm just gonna say local sites. Ah, the user name is going to be local user, so you could use something else for the password. Just go ahead and copy this password again. What we have right here is the our credentials for the WordPress. Back and itself are no longer in the database. This is your actual local. What perception? Right now. So for the email, let's go ahead and add our email. And of course, you want to Teoh check the books that saves, discourage such engines from index and decide because this is a local installation. So check the box and then go ahead and click. Install WordPress And there you go. So here, successfully installed WordPress or not science. Let's try and log in in. So now I have my local user as the user name and then the password is the one I just copied again Space that I am going to look and and there you go. So now we have successfully installed wordpress. You can click on local site right here. This will bring you to your front page and consider reusing the WordPress 2017 theme. So that's how you would installed what press locally on your PC. 5. 1 Month Free Trial Walk Through: welcome back. So this video is for you. If you've decided to go with the one month free trial with Saigon now I am gonna provide you with the link. And depending on where you're taking this course, you will see that the product section or maybe even in resource is section. So be sure to check out the link when you click on it. This is the homepage that you're going to see it Cesar Special offer for you know, the Web Monkey students, that's me. So one month free trial, you click on Sign up now. And what's gonna happen here is that you'll be taken to this page where you will have to provide your user name, your password, your country where you live, things like that. So let's just Okay, so So here's the page. So basically your email password, your information, and then over here, very, very, very important Where you have data center, go with the data center. That's closest to your physical location, because this will make it faster free to access your website. When your data center is closest to where you are physically, so choose the appropriate. It are center right here and then basically, you just go ahead and click on pay. Now, don't forget to check the books that Cesar, I confirm I've read the terms of service, which I'm sure you haven't. I haven't either. Nobody has, but just like the books. And then click on pay now. And when that happens, you'll get an email from Saigon welcoming you, and you will have a button they're telling you to click on your claim area. Basically, when you click on the claim area and you access your account, this is basically the homepage you're going to see now. What you want to do is you want to go to websites up here and what's gonna happen is that automatically said gun will create a temporary domain for you. Mind in this case right now is capped at S G d u dot sight. And this is the one limitation with the free trial you can create a real domain are you can transform. You can transfer it the men from another hosting company to Saigon. With the trial account, all you can walk with is a temporary domain, but still you're getting a one month free trial. So trains. Told what press? What you want to do is you want to click on site tools. Okay, Now, this will take you to the C panel. And then from here, you go over to war, press you click on install and manage. You click on Select what press and then down here, basically, all you need to do is first of all on check this book that say's the what price data. You don't need that one on. Check that box and then in here provide a user name that you're going to use to log into your what is upside very important and then provide a password as well. So they just go ahead and provide a very strong password and then also provide my email. Don't check the books that saves and stole. What press motives that you don't need that. So right now, if I just access the temporary domain, let's just go over there and see what we have. So if I go here, you can see basically, this is all I see Awesome set in the making. This is gonna change very, very, very soon. Let's go back in here and what's gonna happen is down here. I'm gonna click on install. Okay, so it's gonna take maybe, Ah, two minutes Are there about for what was to be installed on the temporary domain. So just let you know if you're gonna get yourself a real domain and you get yourself a real hosting account, this process is a little bit different on you do have to do some extra thins, but you know, that's that's for that's for later. So right there, you can see what this has been installed. And all I need to do right now is to click on view sides and the move first this page. There you go so that you can see what press has been installed. So from this point on, you can now go to the video where I took about access in the back end of what press. But let me stress that if you decide eventually to pay for said gone hosting after the one month trail is over and you want to get yourself, it will domain name. I will have those videos covered on how you can go about installing what press are on your website and also getting yourself the main name and so on, so be sure to check out those videos. But this is basically how you can install WordPress using the food trial, and let's not continue with the rest of the course. 6. Hosting and Domain: Okay, so let's get this show started by talking about Web hosting and domain registration. Now, this is gonna be very, very important because without hosting without a domain, well, you can have a website on the Internet now if you only have yourself a domain name, you have a self hosting company. You can skip this video and move on to where we begin to install what press. However, if your brand new I suggest you watch this video, Okay, let's think about Web hosting the Web post basically would be a company responsible for ensuring that your website is accessible on the Internet 24 7 Now this means the world provide you with things like a Web server, databases, security, storage and so on. And I'm gonna introduce you to two companies that I have used. One is side ground while the other is going to be Cloud weighs. What's the difference? Well, side gun offers you something no one asked she had hosting. What this means is that you and a group off all the websites from other people would share the same resources. This would mean that you would have the same observer the same database and so one. And even though it's not the best for optimum performance, it is still by far the cheapest because you don't get to pay as much. For example, he over here inside ground If I clicked on what press Holsten you would see the three different packages that they have. They've got startup Go big and go geek and invite Here you can see the differences in the plans the biggest difference being that would start up. You can Onley install one single website on your hosting account. Well, with grow big and gold geek, you can have unlimited number of websites And of course there are other defenses in here But notice the prize right stop gives you $7 per month Grow big is 99 go get its 14 in 19 9 Now if I came over here to cloud weighs Cloud weighs does not offer you shed host and they offer you something known as cloud hosting. Now with cloud hosting on like shit host in you're gonna have yourself a dedicated Web server Dedicated resource is so for performance It is by far superior to our side ground. But if I clicked on price in, you will notice instantly that it's a bit more expensive, so the cheapest here being Tantalus per month, which even though is close to grow big. If you're really going to go with cloud hosting, you want to go with, at least they want for $22 per month. Because of I hear you've got to get up to two gigabytes of RAM you have more band with and so on. The one for $10 is the what you get here's pretty small. So if you're gonna take advantage of cloud hosting, you might as well go for something a bit more optimal. So Cloud hosting is, of course, a bit more expensive than shared hosting. But the advantage here is that performance would be optimal for you. Now I'm just point out that side ground also offers you cloud. Holston is just a bit with side ground. It's a bit more expensive than cloud ways, so because you have right now is all right. Which of this to do I go with Do I go to shed hosting inside ground until I go cloud ways with the Dragon Cloud hosting with Cloud the Cloud weighs well, how do commend you go with side ground for a start, Okay, And it isn't being that again. It's more affordable. And if you're building a website for the very first time, you're not going to get plenty of traffic instantly. It might take a few months before you start getting noticeable amounts of traffic. So eventually, when you feel like okay, it's time for me to upgrade. You can then move over to Cloud weighs. Another reason is because I'm just open up another browser in here. I'm going to show you the back end. See when you create an account with this to hosting companies. In fact, with any hosting company, you'll get something known as a control panel or a site tools where you can manage your websites and your horse and account, and so on. Now notice the difference between side ground and the one for cloud weighs Cloud Ways is not very user friendly. It's a bit bored, fans the bit more technical. And if you're new to host and you might find a little bit challenging to never gets aware around both with site ground, the site tools is very easy. You can see. Right now everything is laid out. You have security speed, war press, you cook on security, for example, then the vital you have access to the tools on the security. You cook on backups as an example right here. You can come in here and put it back up them. So it's very, very straightforward walking with this cycle with, said Khan Baba Cloud weighs, it's a little bit more complicated, just a little bit more complicated. So if you want my advice, our recommended go with side ground, first of all, but then eventually, after maybe five months once, just once they get in some good amounts of traffic and you feel it's temporary to upgrade, then you can move on to cloud weighs. Unless, of course, the price in full. The cloud hosting isn't a problem for you. And if you feel like you need instant good performance of your upside, then of course you can go with cloud way. So it's entirely up to you to choose between. Are these two now? A very common question I get is what about building your website locally on your computer so that this way you don't have to pay for host, and now you can do that on. I do have a tutorial on YouTube on how to install What press locally with Samp on your PC. I do apologize if you're a Mac user, I don't own a Mac. I've never even actually used a MCA before. But I'm sure you confined are turtles out there that will help you, but a very PC user. I do have a drill for you on how to install what is locally using Samp and if eventually you want to migrate from your local a solution to a live our website, I'm in life on the Internet. I do have the tutorial on how you can transfer over to a live server as well on my YouTube channel. Soil will cover it. However, we have been said, I would highly recommend that you go with the life host and instead, as opposed to build in locally. The only two advantages of building locally is that you don't get to pay for hosting an N second. You can build a website even when you're not connected to the Internet. But the advantages of building live out way those off local because with life you get riel firsthand. Experience off what? It's what it's like to have a website live on the Internet. Use that handle any real traffic you get to walk with web holes to use were posting tools. You just learn so much more if you decide to go with a live host and services supposed to build in Europe, said locally. So again, it's another choice for you. But if you want my recommendation, I would suggest that you go with life hosting. So let's say, for example, you've decided to go with the side ground hosting. Let me walk you through the sign up process. So on the home page, it doesn't matter which of this three you click on. You can click on Web hosting What press hosting welcomes host, And it doesn't matter. I'm gonna click on Web hosting, and then I'll go with the grow big plan. So click on get plan and then in here you do have the option of going with either destroy any new domain or if you already have yourself a domain name from another hosting company, you click on already have a domain and simply type in the name of your domain and then click on Proceed, and this will take you to the next page, which would be the same as our registry. A new domain. So let's say, for example, will go with registered a new domain. If you don't have yourself a domain right here, you would have to type in the name off the domain that you'd like to put Chase. So as an example that if I typed in this one and I click, don't proceed. Obviously, it's not gonna work because I already have that domain name. So you would see something like Is telling you that? Sorry, it's done available are try something else. Now. Here you do have the option of going with a different kind of our ending. You go with dot net dot or dot biz, but in most cases, you want to go with dot com dot com is easily the most recognizable domain, and the AWG would be used for organizations. If you're building a website for an organization like you know, the UNICEF for United Nations, things like that, then you would use our dot org's and don't basis also for business websites. But mostly, mostly, you just want to stick with dot com, so please recommend that you just stick with the calm. But what happens if we have a domain that has not been registered? So let me tell you something very ridiculous in here. I know there is nowhere Earth anyone would have this domain name. So let me click on proceed. And of course you will not get the message telling you that. Hey, this domain is available for you to register. So all units do right now is to fill out your account information, your email password, your client information, your payment information and then over here this is very, very, very important now. The plan, of course, have chosen grow big already. Which all the commended, by the way, because grow big allows you to install on limited number of web sites and domains on your account. So please recommend go big. Now, over here you have the data center. You want to choose a data center that's closest to your physical location? The closer the data center is, the faster you'll be able to access your website. So in my case right now, I am currently in Thailand, So it would make most sense for me to go with Asia. Singapore. But of course, if you're in Europe, you have three different options. If you are down in the Pacific, you've got Australia there. And then, of course, United States, Iowa. If you live in the United States or Canada or Mexico or anywhere around there, I'll stick with Asia, Singapore and then right here. You do have the extra services that you can pay for domain registration. You have to pay for it. You have to register your domain. Now you've got domain privacy, and the site is canna as well. These two, it would help. It's it's it's recommended, but it's not a necessity. So if you can afford it by omens, you can go with this, too. But if not all the document is, keep this too. And, ah, you confirm that you've read a terms of service which you haven't. And then you can also take the books in there to receive Ah, Saigon news and Special Office by email, and then you simply can't pay now and then you will get an email from side ground welcoming you to your host and account. So that's pretty much it for sending up with the Web hosting company German Avonex Video, where I will now walk you through on how to install what press. 7. Installing WordPress and SSL: all right, I'm gonna Azumi Freddie pushes yourself a domain and hosting with side ground and you've received the email welcoming you, providing with all the account details. Let's not go ahead and install what press on a website. And to do this, I'm gonna look into the backhand offside ground and I'm going to choose one of my accounts with them and let me provide a password log in and OK, so the first thing you want to do here is once you've looked in, you click on the websites right here and then what you want to do is click on New Website to add the domain that you've purchased to your host implants. I'm gonna click on new upsides. I'm gonna choose the hosting plan which have just purchased myself and I'll click on continue. And then now you can add the domain that you've purchased to your host implants. I'm gonna click on Existent Domain Salt lick on select. And then down here, I'm going to choose a domain I just bought a few weeks ago cost time and calm. Obviously, in here you'd click on the demand that you have just per chased. So I'll click and continue. And right here we can actually make use of the side ground our WordPress install a tool. However, I'm gonna show you it differently because I feel this would be a lot more beneficial for you. By the way, if you already have a website from another hosting company, you do have the option of migration by clicking on select light here. And the process is pretty straightforward Bona doing that Sokolich Inskeep and create an empty site. And then I'm not gonna add the sites kind of demand privacy. I don't need those. So I just click on finish and basically right now, an empty website is being created for So what this means is that the domain would be accessible on the Internet is just that it's not gonna have anything. So it's been created. Now have a click on go to cite, you will see that this is basically what I am going to see. Awesome said in the making. And now it s time Force to install what porous. Now, before we install walkers itself, there is one thing we need to take her off and I'm gonna show you what that is. in just a second. Let me go back here and go to the satchels by clicking on managed sites. And the first thing we're gonna do is something security related. So from here, I'm gonna click on security and then click on the SSL manager. Know what exactly is this? See if I go back to the site on the construction. OPM, maybe as a it say's are not secure. Now. This will depend on the kind of brother using abusing Crume. You might see some like a red padlock or something like that. I'm using the brave browser, but nevertheless you're still sees similar information. Now, if I click on the button, it say's your connection to this site is not secure. You should not enter any sensitive information on this side. For example, passes the credit cards because it could be stolen by Attackers. Now what SSL does is that it will encrypt the information on your website, making its secure so that even if a hacker was able to get their hands on your information because it's encrypted, there would not be able to understand what it is. This is why it is very, very important that you have SSL installed on your what personal website Now over here on side ground, Notice the difference up here you do have that padlock and if I click on the padlock, it say's connection is secure. So you really want to make sure that your website all you upsets always have these paddlers because it gives users who come to website that sense of security. Plus, Google and other search engines actually love it when you upside is secure. So you need SSL and it's better to install SSL first before we actually install what press ? So I'm gonna company right now Choose make sure that the domain is set to my website right here and then for the SSL. I'm gonna go with the Let's encrypt. The wild card is if you're going to create sub domains. But that's a different topic. I'll just stick with the Regula R Let's encrypt on our click on get and we just have to wait for a few minutes for this to work. So right now the SSL certificate is being installed on our war press website, so I don't know how long this would actually take. Maybe I need to pause the video and then our MSM once it's finished. So I'm just gonna give it a few more seconds and Okay, so I'm gonna pause the video and he'll resume warns the certificate has been installed. Welcome back. So you can see it's been finished. The certificate has been installed and it actually took another 25 30 seconds, so just be away. It could take up to a minute for your certificate to be installed. Provide. Here, you can see that this is it. Get has been installed. It's active. And it would expire on the 23rd of October 2020. But then we can also we knew that it's free, by the way. So don't worry. So right here I can click on config. All https actually configure the application. So clicking there and that was gonna happen is that this will provide you with different kinds of tutorials on how to configure all our SSL on your website, if necessary. So be away. They do have this tutorial, but I'm going to go back in here and click on back. And what we're gonna do right now is to install what press and if I go back to my browser in here, and I tried to live for us this page. Let's try a hard refresh. Okay, so it's still say's are not secure. Don't worry. We'll take care of that a bit later. Let's go back in here. Go over to our site, and then I'm sorry. Not not side, but down here we have What? Chris, I'm gonna kick on the war press, okay? And then I'm gonna click on install and manage. Let's go ahead now installed walkers. I'm gonna choose what purse? Right here. Select. And over here, you can add your user name, password email. I will uncheck the what price? Daughter. By the way, there is no need for this one. So for user name, I'll call my user name tyrant, and I'm going to provide my email address and then I'll provide a password. Now, by the way, this would be the credentials that you would use to access the back end off your what percent. That's a very, very, very important. Oh, okay. And that is pretty much it. I'm gonna go ahead now. Click on install. And there you go. So what press has now been installed. By the way. Just so you know, the domain, the website I'm actually getting walking with for the rest of this course is going to be different from the cost. Aaron dot com. The only reason why is because before I started recording this particular video, I already had that domain already installed. And it wasn't gonna make any sense for me to delete domain and start all over again. So just be just be aware of that, OK? So you can see right now what place has been installed on course turned up calm so I can click on view sites right now. And you can see that on like what we had initially. We now have something different and because we've already installed s so previously, you can also we have the pad local right here telling those that connection to this site is secure. So, just like that, we've gone from this to this, so that's pretty much it. Now, the reason why I opened up this particular page for you is just so that even though it's not likely, it is possible that you may still not see the padlock showing for you. You may want to wait for a few minutes. Sometimes it takes a while before your brother's actually recognized that. Hey, this particular website has SSL installed so you can wait for a few minutes. But if you don't see this padlock, then you do have this particular to toil to help you are through the process of getting SSL are enforced on your website, by the way, as a site ground the user. You do have access to the our support team up here, just above your to buy. You'll have the question market and click on the question mark right there and then you can click on the view help center. Okay. And then from here you can come down here to our contact us. You can choose the technical assistance and then you'll have access to the chat team. I don't because I'm on a different plan and quite frankly, they're tired off responding to my questions. But you will be able to get access to the chat, and even if you don't have access to check, you can always wears a ticket and they will help you solve the mystery off. You not been able to get SSL are active on your website, but that it for installing WordPress and also install in SSL before I go. I do have a full full tutorial on YouTube on how to make yourself all the other features in the sad gunsight tools. You can check it out. It's called Saigon were posted The Complete Review and see Penalty Toyo, and you can use it to guide yourself or get your way on how to use many off the other features that you'll have available for you. So that's it for installing walkers. German Avonex Video. Babu Now begin to access the backhand off our what? This upside. 8. WordPress vs WordPress: well come back. So if a popular question amongst about press use as is what is the difference between what craze dot ogg and ah, what press dot com? Because both of them have What press? Right. So what's what's the deal here? Well, limiters expense you very, very quickly. What? The differences between these two now, what does that or what does that come belongs to the same company? Automatic. The difference here is that what does not calm can actually offer you hosting. They can offer you hosting that you can host. You're upset with them but the problem with bottles that come is that you do have set a limitations as to the kinds of things you can use the kinds of plans that you can use. We'll talk about those a bit later, but just know that what does that come? You do have some limitations now with war President Ogg. This is basically then providing you with their software, which is what press with what was that all. You're able to install bold prayers on any ah platform out there with any hosting company and you're able to make as many changes as you want you can install any kind of theme, instill any kind of plug, and basically you have full control on what happens on your website. But once again, with what does not calm, you are limited. They'll advantage what does the promise that they will offer you are hosting. But in all honesty, Ouled always always 100% of the time recommended you go with what? President Ogg. Don't bother about what we are calm now. The rest of the instances where some plug ins that you might want to use will require you to have an account on what President calm I created. An account on wordpress dot com is free. You don't have to pay for it. So just keep in mind that there are seven plug ins like, for example, the jetpack plug in. It's a plug in that would require you to have an account on what press dot com. So all you need to do in such a scenario would be to go toe workers the calm, create an account and you'll be good to go. So you don't have Teoh worry about pain for anything and like that. So that's basically the major difference between what Kristof Orc and what press 9. The WordPress Backend: Okay, so the time has come for us to explore the back end off our what press website. And to do that, I'm gonna go ahead now and add 1/4 slash right there. I don't mean to do that. Sorry. This is what I meant to do. Alright. Afford slash. And then WP dash admin. So now we're trying to get access to a back end. And so right now I'm simply going to provide the user name and password that I used to install. What purse? To get access to the back. And And there you go. So you can see I have access to my dashboard and won't referred to as the back. And you can see we've got on the dash. But we have home. We have updates, posts, media pages, comments and so on. Now, now, down here. I do have something called the side ground Optimizer. If you don't see Saigon Optimizer and yours, it could be that maybe you're using a different posts, so don't worry. If you don't see it, it's not important for now. In fact, I'm not going to use this particular tool, so don't worry about it at all okay, but basically and the back and is where we can begin to make different kinds off changes to all website. We can change the way it looks. We can add some function now, LTE we can add new use as we can do basically anything we want to do. You can create content and so on. And I wanted to inform you that the back end will begin to change as you start at in new functionalities and so on. As an example, I'm going to show you the back end off my own personal blawg Biblical Lendl calm and right now you can see that I do have additional items like elemental have templates. I have my theme shop. I have rank math, So all these are additional functionality. So the problem's gonna make here is that this right here is as simple as your back end. It's great you get it's only going to get a bit more are congested from this point on because we're gonna be added functionalities and so one All right, Linda's work you to do very, very quickly what these are. So basically the home page in your dashboard is just what you see right here. Welcome to what press? You'll see what person events and news around you and someone nothing really important. The updates section is where you will find if there any objects to your themes. Plug ins, which we'll talk about it later, even toe What press in general, you will find all the available updates in here, but we'll talk about that a bit later. Our posts. This is where you can create new posts articles or talk about that. Of course later. Your media library. This is where you would add things like your images, your videos, documents and so on. And then you have pages which are similar to posts. But a bit different will talk about that a bit later as well. Comments. You'll find them in here. Appearance. This is off course. You can change the design off your website are plug ins will talk about them a bit later and then users this week and add new users to your site. Maybe you want to add a new ad mean on EDI tor and so on. You've got tools. We can perform some advanced functionalities like important data exporting data and so on And you've got the general settings which will take a look at very, very, very soon. And then as you optimize our which I won't talk about because I am not going Teoh, use it. Soap. This is a general introduction to the back and off. What press? Junior Venezuela. Where will now take a look at the general settings? I will see you then. 10. WordPress General Settings: well come back. So let's talk about the general set sends for what? Press And of course, to access them. I'm gonna come down here to settings and then click on general hold of guest. All right, so I hear I've got site title and then the tog line. These two are very important and they need to be changed because right now as it is, take a look at my tab. Basically, it's just saying my blawg and then what press are blawg? These has nothing to do with what The website Billy's appellate judges about traveling around the world and so on. So you really want to make sure that your side title is the name off your site? So I'm gonna change us right now to loan Nomad. And then the tagline basically would be a description of what the website is about. And this is actually a good opportunity to try some S e o. Basically some key words. Some words that are our cost timeto watch what water website is about. So in this case right now, I'm going to say ah blawg about nomadic traveling Trav Lin and let me just make the blawg capital beat. So Yeah, There you go. Ah, blogged about nomadic traveling. So right now if I save my changes, okay? Now you can see that it has changed in here. Now it's Cesar loan. No matter which is, of course, now the name of website and then the tagline which, if people begin to find articles on such engines, they will see the tagline blogged about nomadic traveling are somewhere around there. So again, make sure your site actual is inimical website. And then the tagline basically would be a favor. Short description off what your website is about Now what with actress side address. These two are fine. There is no need to change anything in here for the administration email address. Make sure that the email you have here is an email that you actually have access to in my case. Well, I don't have access to admin at the loan amount of home soldiers coming here right now and changes to my actual email address. And I will receive an email From what place? Asking for confirmation, which I'll do Ah, bit later. Let's keep this as it is now. Membership. This is very, very subjective. It depends on what kind of website you all building it make is it's a blawg. And I'm not going to require people to be members before they can write comments and so on . However, in your situation, if you want to pull to log in or having account before they can make comments, then you can come in here and take our anyone can register. But in my case right now, I'm not going to make the compulsory. So I'll just live this our box blank new user default wall. There are several of them will talk about this a bit later. Lift that as it is. And then, of course, the site language. English is my first language. But hey, if you speak seem similar ago, Bosanski Oh, whatever these languages are, which I've never heard off, you can always call me name and change them. I think what per supports over 100 different languages, which is just amazing. So choose whatever language you want to walk with. And then, of course, the time zone, the date former time format week starts on, all that stuff is right there. So I'm gonna go ahead now and just implicates, save changes. And then right here. Of course, because I've changed the admin email address. You can see I do have the Not the same. There is a pending change off the admin email to this one, so I'll have to go to my email and then make the confirmation, which I'll do later. Let's jump down here to rights in which, for now, there isn't anything that we need to address in here will come back later and change the default post category when the time comes. So we live that as it is now, reading this is interesting because right here you can decide how many blocked pages you want to show on your pages. Right? So the default here is 10 posts. You can come in here and make them smaller or increase them for now. We'll live that at 10. Ah, syndication feeds show the most recent again 10 items. Let's just leave that as it is. Ah, for each post interfered include full tax fine, such engine visibility. You want to make sure that this box has never checked unless you don't want your upset to ever appear on Google and other search engines. Basically what this means is that if you say discourage such engines, then you're basically saying, Hey, Google, go away. Don't Don't you ever come in here and come into my sights to two people, like So you don't want to do that, so make sure this box is never checked. Let's just ignore reading. Let's head on about your discussion right here. Basically, this pretends to comments on your articles. So you do have several settings in here, most of which are very, very subjective. There is no right or wrong answer. Inhale It all depends on what you're trying to accomplish. So by default, you've got the attempted in defining block cling to from the posts on it. Notifications this you're perfectly fine. I wouldn't want to on take them allowable to summon comments on new posts. Fine. Absolutely. Why not? I'll go ahead and take that. And then right here you've got the other comment setting. So right now you can begin to restrict who actually has the ability to post comments on your articles. So by default it say's comment, author must fill out name and email. I think that's perfectly fine. Use as most veg instead and looked into comments. So this, of course, is very, very subjective. Again, this depends on what kind of blood you are trying to create. Our live mine blank automatically close comments on posts older than 14 days again. Subjective. It depends. You could extend us two, maybe three weeks, which in betweens, one days or maybe even seven days. Which one week. All these again. I'm just gonna leave them in our state are the prettiest effects When a tree. Now, over here, you do have the before a comment appears. Comment must be manually approved. This, of course, world and show that you never have trolls or through the kinds of comments. You don't want a pin it on articles, but it's also gonna be very time consuming, especially if your articles are very popular. You're getting lots of traffic. Hundreds of people are commenting so personally, I'll just take this one and that people just opposed whatever comments they want to do. Because you do actually have the ability to moderate comments in these two boxes. So right here you can decide to hold a comment in your moderation. Cute. If it contains two more links This, of course, is very, very common with us. Pam comments. When I commend, usually has more than two links. That's usually Spammy. In my case right now, I will just come in here and say if he contends Warner molding So basically no links are allowed, but again, it depends on your articles. Maybe you won't use us to be able to post links. So again, it's very, very subjective. But in my case, I don't want any links. I'll just go ahead. Actually, let's let's go with one link. Let users post, want link anything more than bowling. Then our comment will be held for moderation. And then in here and these books, you can type in the words that if any user uses those words and their comments, the committee will be held for moderation. So this is where you can add things like maybe ah would like abortion. Maybe, You know, maybe you're trying to avoid people use in words pertaining to very, very sensitive topics. You can come in here and add them in moderation. And in here, of course, you've got the comment blacklist. So if any comments contain any of this would automatically just put them in the trash. So ah was like this. For example. You want to put them in the trash, are instantly, so ah, one word are pro line, by the way. So that's how you can work with this to our boxes. And then finally, you have access to the avatars, which, yeah, it's the default. What persons they really provide you with that much options. Mr. Person is fine, I guess. Maximum rating, Honestly, in my in almost 10 years off using WordPress, I've never actually found the use for this. Ah, maximum weight. And so how just live this on G. It's suitable for all audiences, I guess. And, um, they go. So I'm just gonna go ahead now and save my changes. Let's have a head on over to media now. The thing here is, whenever you upload a new image to your media library, waters automatically will create three different variations off their particular image. So you're gonna have a thumbnail sized just just across the smallest medium size and then large size. So in here, you can choose to change the proportions or the dimensions for these sizes. But in my experience, it's best. You just leave these as they are. There is no need for you to change anything in here. Criminal links Veii favor. Important this refresh to how the u r l's off your articles, your posts. Pages will be are constructed now. Thankfully, in the good old days, it used to be that the default setting here would be plain. So basically, you will have your websites address and then four slash and then a very ugly representation of what your article is what your post is. This used to be extremely bad for Seo, but thankfully, right now, post name is the default and this is actually highly recommended. So basically, whenever you write an article and you publish it, you're about to find out article and your websites name and then the actual our title off that Oscar will talk about this a bit later. So post name is perfectly fine. There is no need to change anything in here, so live that as it is and and finally the privacy page, which is important. We'll talk about this a bit later, so don't you worry. But this has bean. The general introduction to the general settings. For what? Purse? Thank you for watching. I will see you in the next class. 11. Pages vs Posts: Let's talk about pages and posts because these are the two default content types that what press automatically provides for you and whether you've got posts. And you've got pages over here. What exactly? All of the differences between posts. Pages When she do you use a post. When should you use our page? And I'm gonna use my block as an example right here. I do have this article basically describing why Side ground remains the best our Web hosting company in the world for shed hosting services. And in his article I go into great lands describing why I provide reasons and so on. But down here you will notice that I do have, ah, a couple of people commenting, right? I've got one from Richard. There's another one from our pressure and why they've added their own opinion on my article in this case that now you would use posts for this. Posts are great for content. Where you expecting questions you're expecting fit back from your audience? That's what you would use posts for. However, if I show you another in this case right now, a page. This is basically the affiliate disclaimer paid on my block where I say things like, Hey, on my blawg I use a few links. I make money through a fillip markets and someone in this goes right now, I'm not really looking for feedback from people. I am just stating the fact that on my blawg I use the feelings are gonna make money for Philip Marketing. So this goes right now, uh, a page would be far more ideal than using a post other kinds off content way you would use the page. Would be things like the Our contact page, for example are in here have provided the form. If you want to contact me coming here, fill out your name email and then send me the message and I'll receive that There is no need for questions in here or things like that. So it's just basically a page where you can go there, fill out the contact form and get in touch with me. Your privacy and policy paid, for example, would be an example of where you would use a page and so on. But again, posts are for your actual articles where you're expecting fit back Now, another great waits to different shapes and pities and posts Is that with posts you can actually category lies. Then you can put them in categories as an example right here. Yolanda's. I have what? Predatory ALS I got. What? Press security. I have war purse speed. Now, if I clicked on war per security in here, I've got three articles or three posts that fall on the the general topic off. What press security. So again, we're gonna create content. You can ask yourself, All right, Is this content that that I can actually put in category because it touches on a topic that is similar to other posts that would, you know that. Okay, I can use a post for this. Bought for pages you can't categorize. Ah, Page a contact pages, a contact page. It's not gonna fall on the any other kind of category, right? A privacy and holds the pages a purpose. Samples a page. And about those page is on autos page and so on and so forth. So that's another way to differentiate between pages and post with posts. You can categorize them, and in fact, honestly, over 95% of all your content probably would be posts if no more while for your pages you would have maybe your home page about page Contact us page Ah, Phillip Disclaimer Page Paris Implicit page and so on. So those all the two differences between pages and posts again, If every quick recap with pages you're not expecting feedback and other expecting comments and you kind of categorize them with posts you won't fit back. You want questions, you want to have a discussion and you can also catty Go rise them. So that's it. Germany Vendex video bail will not take a look at how we can could eight a page. I will see you then. 12. Creating a Page: well, comebacks. And now that we know the difference between pages and posts, it is time for us to create our very first page. And to do that, I'm gonna come down here to pages click on Add New and let's add the about us page. So I'm just gonna right about in here. But you have the title, and that's it. You condone right shows is about also about me. It depends. I'm just gonna write about right. And then in here, where you have the stuff writing all type. You can come in here right now and begin to type in the content for the pig. So very briefly, I'll just say, Ah, the loan. Nomad is a blawg about traveling around the world. Welcome. My name is Alex. Okay. Very, very, very basic. Nothing much, don. So far. Now, you could decide to change the view for our quitting your pages Basically right here where you have the three buttons. If you click in there by default, you have the full screen mode. But if I uncheck pit and then go to top Tobar now, you will have access to your back end items again. But you also now have access to what we call the tool bar, where you can begin to make changes to the actual content. Like make, maybe detects bold, add your links and so on. So it all comes down to a personal preference. I prefer the top toolbar, but you could check out the spotlight mode. You could check out the full screen mode if you if you feel comfortable with those ones, I'll just stick with the top tool bar. All right, I'm gonna check outside. So this basically is all we have. We have the title about and then some text, right? I could decide to save this as a draft. Come back later, make some changes. If I wanted to, I could click on preview and take a look at how the page would look like if it was published. And right, As you can see, it's a K nothing fanciful. I'll just go ahead and close this one, and finally you have published. I can decide to publish the page right now and make it life on the Internet if I wanted to . Now, over here, London's make sure that you actually have access to document on block. If you don't say this to just click on the gear button right here you have set it is clicking there and then you'll have access to document and then block. The difference between this too, is that document would be the settings for the actual article itself. Do you want to make the article live? You want to add a future image, and so on Block, on the other hand, I will deal with the actual content in side off your article in this case right now. This right here, This is a paragraph block by half typed in the text, right. I could decide to come in here right now and add where you have the close button. I could add another block, and this goes right now, I could add maybe an image. I could add a heading gallery. So basically, blocks are like containers for different types off content. So when you come in here and you click on block, you will be able to make setting changes to the particular type off block in this case right now, because I have selected the paragraph block which deals primarily with text on the block, right here I can change the size of the Texas. Wanted to make it large. Add my costume size. If I wanted to, I could change the collars, maybe make the text read. For example. I could change the bagman Coehlo for the textbook if I wanted to and so on. So that's basically the difference between block and document will be dealing with Block are quite all Lynda's with sets everything back and head back to document. So on the document this deals with the actual article itself. First in suppose, we have the status and the visibility. Do you wanna make this article public to the whole world? If you click in there, you have to other options. You could make it private so that it's on Lee add Means and editors that will be able to access the page all. You could even make it past what protected so that Onley people that have the password will be able to view this page. And right here you can add that secure passage people have to type and so this could be ideal. If you want, it may be members or particular sets off people to build again access to that page. Maybe your family, your best friend, something very private. You could use this particular option in here. But more than likely, you would want to make a public. So I'll stick with public for now. And in here you've got published. You wanna publish it immediately. When you should the publish button up here. Or you could you could schedule. You could provide a particular date and time when Waters will automatically published the article for you. Now you've got pending review. If you haven't read it all that you would like to review the article before it gets published in common. Right now, I'll take the box and then your editor will go into the back end and then he will see the notification of Hey, this particular page has been set to pending review. Then he or she can go in their review The page before it now gets published. Alright, I'll check that one permanent link again. This refers to the U. R L structure. There is no need to change anything in here. You can see right now. This would be the default you are well, you have the name of our website and then four slash and then the name, the title of the page. So this is perfectly fine. No need to change anything in here. You've got the featured image. This would be the image associated with the page. Now. An example here would be on my blawg right against have got my future articles. These are posted, by the way, not pages, but it's basically the same thing. All these images in here are the featured images for each respective posts. So that's how are featured images work. To be honest, most of the time, you will not be dealing with featured images with pages you be dealing more all with posts . But again, it's it's all subjective. It'll it'll. It'll depends discussion now if, for some reason you wanted people to to make comments on your page, you could allow comments for the particular page, one that I didn't mention previously when I took the ball to pages and post. Is that one situation where you could what I want so everybody could use a page for an article where you want comments could be maybe an essay. So maybe if it's if it's a standalone article, it's all on its own. You could technically use a page and then our allow comments for that page if you wanted to . So you do have that option. But very rarely will you ever need to you to do this in my in my humble opinion and finally the page attributes which we'll talk about it later because this is a its technical. We'll get there, Don't worry. So that's it for the document block. Again. We'll talk about this much, much, much later. Let's head back to those three buttons in here where you have access to mortals and options . So after the about these views, you now have the editor as well. By default, you have the visual editor, but you have the code editor, which is, of course, for the nerds. So you know, if you know how to code with HTML CSS things like that. This might be more ideal for you, but I'm just gonna stick with visual editor because it's much cleaner block manager. If I clicked on block manager, I will now have access to all the default blocks that comes with what press again. Think of blocks as ways of adding different types of content. So you've got paragraph blocks, image blocks, headings, galleries, lists and so on. In here, you could decide to uncheck the blocks that you will never, ever use. In my case right now, I am not going to use the verse block. I will not use pre formatted limit. Come over here to come on blocks and see. Uh I think all those that might use layout elements we jets. Okay, I'll just leave all these as they OK? I'm not going to use Soundcloud. I will not use Spotify. I will not use Flicka. I might use vim you and we're going to use the word press block, so I will check that one Twitter. I'm not going to use Twitter. Ah, and Emoto cloud up all these ones. I am not going to use them. So let me just go ahead now and and check them. Uh, Stata made up Mixed cloud Man, there are a lot of blocks in here which varied maybe verb nation. No screen cast, no script. No ho Wow! Tic tac. No, I don't use six AQ. Maybe you younger folks are They might be using tic Tac Tumbler video press. What? Press TV? Amazon Candle G's. That was a lot. Actually, I did not prepare for this. Anyway, the good news here is that these books will no longer be available force to use and will just make it easier force to add content and manage our blocks in general. So I will encourage you to our until any of these that you would not be using. Okay, so that's that. I'm gonna go ahead now and simply close this and back here. I still have access to manage all usable blocks, which we'll talk about later. Keyboard short chords, guide capital content help will refer to this a bit later. Finally, we have options. So in here again, you can choose to on chek particular kinds off our panels, which you might not be using up criminal laying featured image discussion, in my case, because I am never going to allow comments on my pages. I'm just gonna go ahead and check this particular panel because, like I said again, I'm never going to allow comments. So that's what does disable the discussion tab completely. And I will also go ahead and remove the institute help panel. I don't need that one and that is that Okay, So, finally, I'm gonna go ahead now and simply hit, Publish. And, of course, confirmation. You won't make it public and would like to publish it immediately. Yes, I'm gonna go ahead now. Hit. Publish. And then you go. I can Now go ahead, view the page and Voila. Congratulations. We have successfully are created. Your very first page. On what press? 13. Cateogries vs Tags: now that I've shown you how to create a page with what press, and it's time to take a look at how we can create a post now question, The Post is very, very similar. You come down here to post on any click on add new now on the back end for creating the post. It's very, very similar to that of a page, except for the fact that you now have access to being able to stick the particular post to the top off the blood, which I will show you exactly what this means a bit later. And then over here you can also write an excerpt, which is basically a short summary or a description off what the post is about. But then you also have now have access to categories and tags. And if remember when I said that the differences between pages and posts one of the differences is that with posts, you can catalyze them while you cannot categorize pages. What exactly is a category? What does he do and what exactly are tags and how are they different from categories? No news, my blawg as an example once again, Now, over here you will notice that for the main menu or even over here on the on the main page . I have access to what Prez guides, right? This is like a major headline or a category in this case. And then right here I have access to what, Chris Speed. These basically are categories also have what for security. So all these articles you see under these headlines, they fall on that The same topic, Which would be in this case, what press speed in this case, what per security and so on. So basically a category is a way to group posts that have similar content discourse in a very similar topic together. That's basically what categories do. So in my case right now, I could decide to let me go over here and just add categories of Cuban categories. So right here, I'm going to click on a category called South America. Okay, I'm gonna go ahead now and add that category. Let me add another one. Asia. Let's at that one. And let me add one more, Which is going to be Are you up? Okay. So because my blood is all about traveling, I have not created three categories for Travels Around Europe travels around Asia and then South America. Now you would notice that by default, what press has this on categorized category? That's because a post on what Chris must belong to a category. If you don't choose a category for a post, what person automatically assign it to the on categories category. But on categorized is not that type of category you want to have on your wordpress website , so we have to get rid of it. So what exactly I'm gonna do here is I'm gonna head out to sit ins and I'll go to lights in and invite here where you have default post category. Let me changes to Asia instead of Cape save changes. And now if I go back to posts categories now, I can go ahead and delete these own categorized category. You can delete it can ago when it's the default. That's why we had to switch from Uncle to Grace to Asia as the default. And now I can come in here and delete on categorized. OK, so moving forward right now. Every time you create a new post and we don't assign that poster category, it will be a central Asia automatically. So right now, if you're building a real website, I will encourage you to spend some time. Think about the categories for your posts. If you're waitin blogged about cooking, for example, you could have a category on the Let's A recipes. For example, you might have won on the Let's even Say Your Tablet is about recipes actually could have. Maybe French recipes will be one category. Italian recipes will be another one Thai recipe will be another one and so on and so forth . So spend some time and create your categories, so I should also mention that you can create sub categories. So basically categories on the one particular category. In my case, for example, let's say Asia Ages. It's a big continent, lots of countries. I can come. I can come in right now and create a category for Thailand. So basically any posts that are related to Thailand as a tourist destination, they will fall under the subcategory off Thailand and then under the main category off Asia . So after Thailand and then right here you have parent category. I can simply choose Asia and go out now and add the new category. Let me do one more. I'm gonna add Russia and I will make this you up at the category and limited. Add one more for good measure Brazil. And of course, this will be on their South America. Let's go ahead now on at a category. And there you go. So I just want to point out point Point that out. You do have the police to create sub categories on the our categories. OK, what about tags Right by now you know what categories are they basically away to group content together under the same topic? Wait, what exactly are tags? And we'll do? They do. Tags are a way for you to associate particular words with a post as an example. Have a company right now and I go Teoh, Let's go with what? Per security. Right? Six Best What persecuted plug ins you're clicking here Now a tag I can use for this particular post would be something like I could use six. As a tag, I could use best war press security plug ins as another tag. I could use tags like how What fence, which is a topic and his post I could use tags like a kismet, secure security and so on. The idea, once again, is that tags are like keywords that describe board. It poses about so that if a user wants to go to my search bar, for example, and then type in a word like, let's say, Ah, what fence that happened. What fans? The press enter? Boom. What purse will automatically pull every post that has walked fence as a tag in other wards ? It makes it very, very easy for use us to quickly search for content on your site. Now you might think that this is wonderful. This is very, very good, which, yes, it's actually good. However, the truth of the matter is that tags have been getting a lot of hate recently. Personally, I don't even use tags on my block and the business, because tags have been known to create duplicate content issues. Now, if you don't know what I'm talking about Google and other search engines, they hate it when they find duplicate content on your website. Google expects of every content on your side should be unique. So here's the problem, right? If you stack Ritan tags and this gets, For example, Levi created attack for war defense for this particular post. When Google comes to my sights and then audits my side, it will see this post The six best were persecuted plug ins. It will see that what fans is part of the content red. Okay, awesome. But also, Google will now see a tag called What Fence? And then when it explores that Tiger voters, it will see this exact same post pop up again. Now Google has no way of knowing that. Oh, this is a tag that belongs to this post, which I have already identified. So it's not exactly duplicate. Google doesn't think like that. So the problem here in there is that Google could be confused into thinking about all you're simply quitting. The same content are twice when in reality is just the exact same. Time is the exact same our post. So the point I'm trying to make here is that our recommend you don't use tags on the website tow. Avoid duplicate content issues if you're going to use tags. Probably maybe 23 tax proposed. Nothing more, but again out Hannibal Command. You don't use tags on your WordPress post played safe use categories. And if you create yourself a very good navigational system, which, of course, all she had to do so later on your audience. Your subscribers will well defined content easily, so don't worry about that. The command once again that you don't create tags. All right, let's go ahead now and exit this So lumbers. Point out that by default, because I am hosting with what press what purse has automatically create ated a sample post , which is hello world. And if you view the post, you can see right here was just, ah, some text. Welcome toward prayers. And then there was the reply. There's a comment as well, which is all just a favor generic. So if you're forced to recycle and you might see this if you've if you're hosting another company, you might not say sample post. But don't worry, because in the next video I am now going to show you how you can create your very own what press post Also, you then 14. The Media Library: now. Previously, I said we're going to create our very first post. But since we're gonna be walking with images, I think it's best I introduced you to the media library. First are before we create our post. So right here you have access to the media library, where you can upload Deol videos, images, files, documents and so on, letting click on library. And as you might guess, it's empty because nothing has been uploaded so far. Let's change that. I'm gonna go ahead now click on, add new. I'll click on select files and it right here. I do have some images, but I also have a pdf file and a video. I'm gonna go ahead now and I was selected video and I will select this two images specifically and then also the pdf document. Now, in all honesty, I'm not gonna work with the PDF document a tall, but I'm just uploading it just to show you that it's possible to upload Pdf files. You can also upload Excel files, Microsoft. What files as well. You can pretty much upload most types of files MP falls, MP threes and so on. But there are other types of files that you cannot upload. So our war press will notify you if the particular failure trends upload eyes incompatible with what does. But for most kinds of files J. Pegs, pings and before MP three and so on, you will be fine. So you can see right now that it has taken some time for the images that are command and video to upload. Because the video is a bit heavy, it's almost 100 megabytes and speaking specifically about videos Ouled very strongly commend itude. Don't upload videos to your media library. I know I am uploading mine, but again, this is just to show you that it's possible. Ideally, you want to upload your videos to external sites like maybe YouTube or Vimeo and then attached a link up a vital link to the video. In your post, it's much, much better are that way, all right, And ah, there we go. So we've got two images and we have a pdf file, and then we have a video. Now, if you're uploading real images to your site as you're taking this lesson, please don't upload more than two. Because when it comes to a pulled in images and working with images. There are several things that you need to be aware off, which I'm going to discourse later before now just upload videos to walk with when it comes to creating the post. And there it is. All right, so in here you do have access to the least view, but you can see all the community of uploaded and invited. You've got the degree of you where you see them in this particular style. And of course, you can sort by all the old video documents. You can start by the date you uploaded them. And you can also do like a bulk select where you choose more or more than one particular kind of file, and then you can choose to live in permanently. If you wanted to do so, we will be working with the media lab. You as we progress. But this was just a very small general introduction to the middle library and how to upload file. So Germany Vendex video Bobby will now are used are two images to create our very first What press post? Also, you then 15. Creating our First Post: all right. It is now time for us to create our very first what press post. And to do that, I'm going to employ the use off the loan ipsum generator. Basically, this is a way off generating sample text that we can use to build our static and goto ipsum our generator. And this will bring you to this particle la page. What I'm gonna do is I will simply go ahead now and generates two paragraphs or click on generates and then click Copy. Okay, then from him gonna head back in here. Let's go over to posts. Click on add New and now for the title. This is where we now need to begin to apply some s e o techniques. Some search engine optimization techniques whenever you deserve the title for your post. Try to include the keyword of the key freeze that you're targeting. In this case, I am going to say hike in to mount to Mount Fitzroy. All right, now the two images I had him in my media library. Those are images off Mount Fitzroy. It's actually in El Callao, fatty in Argentina. I was fortunate enough to go there. Last state of that 2019 and it was amazing. It was really, really also evil of hiking. Hello? Recommended You go. It's It's simply beautiful. So the reason why I very specifically said hiked him on Fitzroy is because if people go to Google and are looking for content about hiking two month featuring its very likely they will say hiking to Mount Fitzroy or something like that. So I am. Isn't those keywords specifically for my title? So this is your very first s e o tip. Try to use the key words that your target in in the title off your post. Okay, fine. Right here by default. What press would have the paragraph block ready for you? So you don't have to click on the plus button right here and then choose our paragraph right here. You don't have to. You can just simply coming here and begin typing. Or in my case right now, simply paste. The Tupac goes off, copied from the lower if some generator. Right. So right now, if I click on the first paragraph, notice that over here to the right on the block, it say's paragraph. If I scroll down here And then I click on the second paragraph. You can see again a lighted say's paragraph right now. How do we add an image? I'm gonna add one of my images. And to do that, I'm gonna click inside all the very first paragraph and invite year. You will see the plus button asking you to add a new block so I can add a block for my image. I'm going to click on Adblock and invite here. You now have access to different tensile blocks with dealing with an image specifically. So I'm going to click on image right now and in light here. We now have the option. Do you want to upload an image from your computer? We'd like to apply for middle library Or would you want to insert for me from your Well, I'm gonna go with the media library and invite here. I'm gonna click on Media Library and then right here and now have access to the tree images . I'm gonna go ahead now and choose the very 1st 1 right here, and I'm gonna go ahead now and select. And there you go. Now notice. I can write a caption for the image second, clicking it right now and then say, Ha ha, That's, uh, that's me smiling just Yeah, whatever. So that's the caption. And there you go. So again, just like with the paragraph block over here to the right, you can customize the content in my case for the paragraph blocks, there is no need to change anything in here. I'm not changing the color. I'm not changing the background color. I'm not changing the size for the image right here. I could decide to add what is known as an alternative text, which is also great for S E. Or the reason why alternate text is wonderful is because people who are blind they used tools like screen readers. For example, when the software gets to your image, it has no way of describing what the images about by, you know, describing you know what's in the image want. What will try to do is to read the alternative text for that image to the blind person. That's what it's used for. And Google loves of any use alternative text images. So in Mike is right now I'm going to say a picture off me at Mt. Fitz voi. Okay, that's good enough. And invited. You can choose the image size thumbnail medium large. Remember that, I said where we're discussing are what press settings on their media. When you upload an image to your media library, war press automatically will create three other versions of that image, which would be the thumbnail size, medium size and then large science. And of course, you'll still have access to the original full size off the image. So when this goes right now, I'll stick with large because lodge is good enough and invite here on the advanced. I can add additional teams like a title attribute and add, some seen says. But But I'm gonna worry about that for now. This is all we are interested in. OK, that's basically it. We have a title, we have two paragraphs and we have an image with a caption. Wonderful. Right now I'm gonna click on documents over here, and what I'm gonna do is I'm gonna click on Fitted image and in right here I was like my featured images which will now be the actual image off Mt. Fitz where without me in there, let me say that image right here for the categories. I am going to select South America and we don't have Argentina because, well, l clafoutis in Argentina. So let me go ahead and add a new category. Let's just call this one our Jen Tina and then also the parent category at South America and then let me on Chek South America and just choose Argentina. You don't wanna have the parent category and the child carry so like they just choose one category, which would be, in this case, the child category. So Argentina selected. And there you go. All right. One thing I should mention before we hit publish is that your content for your post should have something called head owes. Basically H ones H two's all the way to age 61 Am I talking about? Think of headers as like topics within your particular article. So innocent school way. I'm talking about hiking to Mount Fitzroy. I could have a topic like get into Mount Fitzroy, the weather and on Fitzroy and things like that. So let me add my very first header and I'm going to do so by clicking on the close button over here and now I have access to the heading block or clicking there and let me add of a first topic Gets in to Mount Fitz Lawyer. Now, I'm gonna push this to the beginning. So up here where you have the are move up button are clicking day and now get into Mount Fitzroy is now on top. Awesome. But notice that over here to the right where we have block the level h two has automatically been selected. These are the six head hours that you can walk within What press? H one all the way to age six. Each one is reserved for the title off your post and you never want to have more than one each warn on your article So each one is reserved for the title which is, of course, hiking Damonte Fitzroy. And now the major topics in this article will now be aged twos. If I was going to have, like, a soap topic under get into Mount Fitzroy, I would use an H three. And so on 99% of the time you will be dealing with H twos and H threes. H fours are extremely. There might be certain situations where you want to have a sub sub topic or something like that? R H five and H six hour almost never used. They're there, but they're almost never used. So once again, you want to have your age twos and you h threes in your articles because they provide structure and try as much as possible to never skip. Don't skip H two and start using H two Bs instead. No, go with the hierarchy. H one is your title. Start with an H two and then if you need to create sub topics, then you can use the H three tax for those. We'll talk about that a bit later, but I want to introduce you to the head as so this looks pretty good. We have two paragraphs. We have a topic. We have an image with a caption. I'll go ahead now and simply hit. Publish and ah, you go, Let's hit, Publish and well, let's go ahead now View the post And there it is. We have the featured image. We've got the topic right again. Intermont! Fitzroy The paragraph. We have an image with the caption and then we have the second paragraph. So, congratulations. We have successfully created our very first wordpress post 16. Introduction to the Admin Bar: Let's talk about the black admin bar that you see on top of your page right here. And this is basically the bar that will be available to users who are looked into the site now because I'm logged in as an admin. I have access to it. But also, if you are running any kind of website where your subscribers or users have to log in by default, they will be able to see the same admin baugh as well. Now you might be thinking, if they can city at me and body and surely they can go to the back end and begin making changes to the site. Don't worry. If you've given your subscribers a particular kind off wall, which would be the subscriber of all, which is actually the default role, they will not be able to make admin changes. There will only be able to make changes to the pool file. We'll talk about that later, but for the admin bar, basically, you can access the back and you can customize the appearance off your website ritual. Take a look at a bit later. You can manage the comments and then from here directly, you can add a new page opposed ad items to your media library. Alaeddin you kind of user the purge SG cash Ignore this. This is basically because I I'm hosting with side going. They do have a particular tool, which is useful Kachin pages. But so don't worry. We'll ignore that want for now and then over here to the right. This is off course where you can log out and it can also edit your profile War north information before around this video up is that by default this bar, like I said, we'll always appear to use us who are looked in bit. You can choose to hide the admin ball if you want to. There are plug ins which will talk about leads up that you can useful hide in the admin But so just keep that in mind. So that's it. Thanks for watching. I will see you in the next class 17. Editing your Profile Account: Let's talk about your user account on your what? Purse website and how to make some changes. Not first and first is Remember when we talked about the general settings and I came in here and changed my email address to Alex at the weatherman Kill mental calm. Well, it is now time for me to confirm that. Indeed. I want to change the add mean email address. So what I'm gonna do right now is I'm gonna log into my email account and, ah, verify this change. And here it is, right now. You can see I do have is the email From what press? Saying that asking if once confirm, that changed. I'm going to go ahead now and click on the link right here. And there you go. I have to log in again. So I'm gonna do this because I'm using a different browser. I'm using chrome here and there you go. So now you can see that because I have confirmed the change. Now, my admin email address has been ah changed to Alex at the butt monkey. Lendl comes a once again. Do make sure that the email here is a real email that you have access to. All right. So switch back to my brave browser and what I'm gonna do here. I'm gonna head over to users, and I'm gonna click on your profile, which is basically my profile. And then right here, let me go ahead and refresh this page. First of all, so right here you will have to also change the email in here. So I'm gonna come in here and then repeat the process. Change this to Alex at every Monica Lentil calm. Let's go ahead. Now hope that the profile. And then again I will have to go to my email account and then very fine that I want to change my profile. Immel address to Alex. Add lemon culhane dot com. All right? It says you can see I have really gonna hit two. Very fine. The email. So now my email once again is Alex and the woman Kalinda, come. So you do have to change your email twice the general settings, and then over here, where you have your profile. So basically in here, you can make a few changes to how you will be presented to your read ezz. Because right here you can change your first name. I can change your last name. You can also change your nickname, which would actually be displayed publicly. So right here. You could changes to something more personal. If you want to use your may be on first name, I'll just took a with nomad. But then over here, you actually do have the option of also displaying your first name, your last name and maybe a combination of your first name. Last name or last name? First name. So you do. You do have those are options in a him. I'm gonna go with Alexander. So right here. You do have the ability to add a biographical info. Now, why is this important? Well, it could be that maybe you want to show some information about yourself at the end off every post that you create on your cursor. Upside an example is over here on Forbes. You can see at the end of this article you can see the author Anthony carts. That's this profound picture. And then here is a short bio about him. So it could be that you want something like this to appear at the end of every post that you light. So this Israel, what press would pull that kind of information from? So I'm gonna come in here right now and paste some text I've already written before. So basically my name is Alex. I love traveling blah, blah, blah, blah. So we'll keep that one. And right here I can add my profile picture not to do this. We could click on the link right here that Cesar, you can change the prefer picture on gravel top. But I'm not gonna recommend this because it's ah, it's It's very inconvenience. And you'll have to go to an external side. And it's not the best way to add You're our profile picture. I'll show you later how you can add your profile picture in a much better and cleaner. Wait. And then, of course, finally, you can generate yourself and you password if you wanted to. Or well, if you flogged in different places, number on your phone on other computers out there, you can look out everywhere else. I'm gonna go ahead now and simply update the profile. And there you go. So, John, even eggs video where I will now show you how you can add a new user as well as the different kinds of roles that what press provides you by default. I'll see you then. 18. WordPress User Roles: well, come back. So now let's talk about how you can add a new user to your what prescription, right? It's very simple. You come down here to users, you click on add new and of course, you will fill out the user name, which is required the email address for them, which is required. And then right here you can either. You can either create your own costume password for them if they if you want to, or you can let what press generate a password for them now, they would be ableto change the password as well once they log in. So it's not compulsive that this password, it will be the one that they will use. They can always changes changes, and right here you can choose to send the user identification that hey, off created this account for you on the website. Here are the details and then they can log in and do whatever they need to do. And finally, which is the most important. You can choose one out of five default user roles for the user. It is extremely important that you select the vital for them and to give you a better understanding of what these rules are. Lemon, I'll give you a presentation about the what press user rules celestic about the five default bowls that comes with War press, and the very 1st 1 is going to be that off the administrator. And as the name suggests, this is the most powerful rule in the book press, and this role grants Supreme Howard. I want I mean, here is that the admin has complete control over all content. They can create new content, publish, delete, edit. They can do whatever they like with contents. Plus, they can also perform all technical tasks. What this means is that can install new plug ins. They can change themes that can create new user accounts that can do just about anything on the WORDPRESS website. So be very careful before you Grant. Are anyone the wall often Adam? Because that wall is extremely powerful. The second was palpable is that of the editor and the editor has complete control over all content and comments. The different between the editor and the admin is that the end ital can not perform technical tasks, which means they cannot change themes that can't installed your plug INS, they only have control over content and comments. The third goal is that off, the author and the author can create, delete, publish and modify their own content. They cannot modify or delete all the people's content on the water's website. They can only manage their own particular content so that the difference between an author and editor next is the contributor. And the major difference between the contributor and the author is that, unlike the author, that can publish their own content, a contributor cannot publish their own contradicting, create content. They can deliver the gamble fight, but they cannot publish their own content. So this kind of all is typically a science to force time content. Creators on the website when basically the admin or the owner of the website just wants to try them out and see how well they can write content. And last but not least, we do have the subscriber vel and ah well, the gentleman. They look very happy. Maybe it's because the subscriber can vel Riedel posts, but that's just about it. The subscriber. I cannot do anything. I'm guessing the man is very happy because he's got no responsibility is all he has to do is just we'd put so this discovery role is very, very limited, and it's really ever used now. One thing or two things to take note off is that one ALS and capabilities can be modified. So just because what is by default makes it so that an editor cannot perform technical tasks. You can actually change the default options and give technical abilities to your editors. And second, custom rules can be created. You can decide to create your own custom rules, like King or queen or developer or something like that. So you're not restricted to the five default walls that comes about press. So that's it for the five default. What personal? Think of watching and that Wilson, the next class. 19. Working with Images: all right, so we're about set to begin adding some more content to our work said. But before we do that, I want to talk about images and how you should manage them. Because images are very, very important. They constitute plenty of the contents you will have on your website. Well, of course, that depends. If you want to use purely text, you could do that. But most websites rely heavily on images, and it's important that you understand how to walk with images on your WordPress website. Now I'm gonna come down here to media and let's explore the Mount Fitzroy image of having here. You've got some information where you can see right now that the file name is Mount Fitz, but and take a look at the file type. It is a J peg, not a paying, not PNG. This is very important because typically you want about 98% of all the images on your site B J pegs and not pings. The reason is because J pegs are smaller in terms of the foul size, they're smaller and a searchable lord faster than pings. Pings are heavier. They have better quality. Yes, but they're heavier, and the search will take just a little bit longer to load. So for one or two images, that might not make much of a difference. But then, if you start adding images to you upside, your content begins to grow those extra milliseconds it it takes to load. Each paying image will eventually add up. So as good practice, make sure that whenever you're uploading images to your purse upside, they are J pegs and not pings. The one situation where you might want to use a ping would be for your local and the business, because pings also have the transparent background. So typically, we would want to look good to be on your navigational bar out of a very top like what I have over here. So if you use a J peg, there is a possibility that the logo will not blend into its background. Right now, I'm is nipping for my monkey logo right here. And to prove this, let me try to change the background very, very, very quickly for the head. Our society it's black. If I went with red, for example, you can see that the image still blends in If I go with gray, you can see it's still blend blends. And if I go with ah Blue as an example, you can see it's still blends in. If this was a J peg, it will have its own background, which would be either a white or black end. It would not look quite as nice. So for your logos, you can use pings before any of that kind of image on your website. It's highly advisable that you use J pegs. Okay, that's the first and second here is the file size now noted that my foul size here is 570 kilobytes, and this is not good. This is quite big. Ideally, you want your foul says to Bill less than 100 kilobytes. So one away. How could we use this false as would be to reduce the dimensions? Right now it's 2014 by 1365 This is This is very, very, very large. I'm sure I could bring this down to Maybe you want five by 800 the file says will not be quite as large. So and sure that whenever you're uploading images to your media library, they'll less than 100 kilobytes. In fact, if you can make them smaller, by all means, make them smaller. That's another thing you should be aware off now. A question might have Here is Alex. What exactly would be the optimal dimensions for my images? That's a very difficult question to answer, because a lot is going to depend on how small or how launch you want to actually display the images. For example, over here, my blawg notice that the images in here are quite small. This is roughly about, let's say, 400 pixels by 2 70 maybe, but then over here on my academy notice why here? The images are displayed a lot larger, so it's going to depend on how you choose to display your images. You want to display them in small containers, a lot content as so. For now, that's going to be a question will reserve for the future. Once you have the most, you've chosen that the design for the website. We have a content, then we can decide on the optimal die mentioned, so we'll worry about that later. But again, good practice treasure ensure that the final size is less than 100 kilobytes and that you're using J. Pegs. One final thing to mention is that your images should also have the alternative text already talked about this earlier when I said Alternative text is grateful S C. O. So make sure that all your images have a description off what that image actually is by adding the alternative text and then also for good practice and show that you're images have good titles. A swell. So whatever news in genetic names like a K nine q V 9 10 whatever. Just make sure that your images have real titles that give some context where the images and of course, are the images Have alternative text. Okay, One final thing to mention is that you can also edit images directly on your work is back. And so when you choose an image over here, you will have the edit image button. You can click in there, and our from here you have the ability to scale down the images, work here. As you can see, I can scale them down if I wanted to, so I could bring this down to 1920 by 12 80 and right now, of course, the image would be smaller. You can crop the images as well. You click on crop right now, and then you simply choose which part of the image onto crop. And then you do the business. You can rotate left if you want to rotate lights, flip, vertical, horizontal. You have those options in there. And then, of course, right here. If you decide that you know what have tampered with this image and I don't like what I'm saying. You can simply come in here right now and restore the image to its original are size if you wanted to, so you could make some changes to your whoppers. Images from the what press back. And so that's it for image management. Join me in defending video. Bell will now begin to add some content to a website. 20. The Gutenberg Page Builder: let me. Now take some time to walk you through the Gutenberg page. Build out what exactly is a good number? Page builder. Well, it is what I used to create this post with the image text and so on. So what I'm gonna do is I'm gonna click on the title right here to go to the actual post and then up here, I'm gonna go ahead now and simply click on Edit Post to visit this post all over again. The other way to go to the back end for Post is simply to go to all posts and then right here, you will see edit when capes. I'm gonna click on edit right here. And this will bring me back to the exact same pitch. That's another way how you can edit a post that's already been published. Okay, so what exactly is there's good notebook page building? Well, it is what we use for adding blocks, blocks of content. But it's images, videos, text and so on. And the good book pitiful days actually knew up until about a year and 1/2 ago. It didn't even exist. We used to use something known as the classic edit all but it was kind of limited in that you could only add text images and you couldn't really do things like add columns with it unless you sought help from plug ins, which we'll talk about a bit later. The point being here that with Gutenberg, you can now Kuwait actual real content and apply structures as well on your posts. So how exactly does it work? When I'm gonna do here is I'm going to school all the way down here. Okay, Now I'm at the end off this post over here. I have access to my tool bar. And this is because remember, I chose the view. I'm sorry. I chose the top toolbar view. Now, if I uncheck that one and I go with maybe the full screen mode, I won't have access to the remaining functionality in the toolbox. So everyone access to all the functionalities. Go with the top tool bar inside that now you'll have access to these functional XYZ in him . All right, over here, the way it works as that you simply click on plus to add a new block. And then we do that. You now have access to a wide variety of different blocks under most used, you'll have your paragraph blocks. You'll head as gallery audio and so one. And then on the common blocks, U will have pretty much the exact same thing. But with lists you'll have file video and so on. Let me close that one on the formatting you can now, from at your content as maybe code your coat Adam into its cable and so on. You've got layout elements, or you can add columns, buttons and someone. And then you've got widgets, which will talk about a bit later. And then you've got embeds where you can embed videos from YouTube, Facebook, genial instagram and so on. So the idea is that you simply go there, too, plus choose whatever content you want to add and then added. So in this case, let's go with gallery, for example. Light have clicked on gallery, and now I'm been prompted to upload images. Two D Gallery. I'm gonna go to the Middle library and let me just choose this to as an example. Okay, create a new gallery and said the gallery. And now there we go. So over here to the right. Remember that whenever you're walking with a block, you will have access to modify the content inside off the block and dependent only kind of look you're walking with. You will have access to specific kinds of functionalities. So because we're working with a gallery in here, we could change the columns and his gala Be now it's too, because of treason to images. But I could go with one. And now you can see we have won Colombo where an image takes up an entire low. We could make it even small out by going all the way. Actually, we can't go more than two cones because when you have two images, so we'll stick with that you can crop your images. If you wanted to, you could link the images to the media file itself. Altria about took a lot page if you wanted to. And then, of course, the image size you have access to all of these divide shows the paragraph block, you can see the sentence here have now changed in here I can deal with fun size, color and so on. So again, it all depends on what block you choose and the content within that block. All right, up here, I've talked about adding new council blocks I could choose to on do and edited have made if I wanted to. All I could We do that edit. That's what is to do in here. You have the content, structure, information. So if I click in there, it would tell me everything about the post. How many words are included? How maney headings. How many blocks? How many paragraphs and so on. So this is useful if you want to just have at a glance how much content is within your post and then in here you can navigate two blocks. We've in your content very, very easily. You have the edit button chosen by default in here. Or you can go with this select navigation and just simply select particular blocks that you want to walk with. But in most cases, you will be working with the edit to anyway, So he might no need to change is all that much now in here, of course, you can change the position off your blocks. You can either move them up, move them down. All you have to do is select the book by clicking in science. Of example. If I wanted to move this image up, I would click on the image, and now I can choose to move the image up or move the image down. So you select and then you push either up or down. And now in here you will have access to special functionality, depending on the block. In this case right now, because I'm walking with the image block, I could change the block style from the defaults to rounded, and now you can see that my image now has a rounded design. Let's go back in there. I could also choose to transform this particular block to similar blocks. Notice that I could transform it to a gallery because gallery deals with images carve are also deals with images. I could convert it to a file because an image could be a file. I could convert it to a group oil in media and text. So again it's going to depend on the kind of book that you choose. Let me give you another example. Okay, if I clicked on the first pack of blocking here and then if I came in here right now notice the cancel blocks I could transform the paragraph block to I could transform into a header to a list to a coat or even group it. Because these three also deal with text, you will not see the option to transform texture and image, not because it takes an image and not the same thing. So again, depending on the kind of looking walking with, you'll have access to specific and functionality in here while I am within the paragraph block, I have access to our line in the text, either to the left center, the right. If I wanted to, I could make the text bold. If I wanted to. I could make it a Talic. I could add links as well, both internal and external, and then for the drop down arrow. I have access to add an in line code. I could change text colors well, if I wanted to. So let's if example. I wanted to change the color for Mount for its specifically I would first of all select it going here. Click on text color, and now I can choose any of this close iPhone. Click on custom color, which will bring out this block and then choose that particular variant end. Yeah, I'm just going to go with this one and let me click outside. And there you go. So now it now has this particular color. That's how that one works are over here. I'm sorry. Over here. I could also choose to duplicates a block if I wanted to. So if I click duplicate now, I have the duplicates off the exact same block. I'm going to remove this by going back in here and then simply remove the block. If I go back in here again, I have access to in certain blocks before this particular one or after. If I wanted to, I could edit the book as HTML and I have a click in there. Now you will see the actual real. It's simple code behind the sins. If you're familiar with HTML, then you will understand what's going on in here. If you don't know its stem, l don't bother. Don't worry. Just stick with it. It's in visually and you'll be fine. Let's go back in here. I could choose to add particular blocks to what we call the usable blocks. The point being here that if I like the content of created and I like the styling and I want to use that same block on another post, I could save the book as a reusable blocks. As an example, I'm gonna click on add to Izabal blocks and let's give it a name off our special Hedda Block. I'm gonna go ahead now and save it, and we'll take a look at that a bit later. If I go back again to the more options tab again, I could choose to grip the block with other blocks if I wanted to, or just remove the block up. If I don't have any use for wheat again, so pretty much that's the introduction to the good book page builder. The point here again, being that are you simply click on the close button right here. You add a new block at some content, modify the contents if you need to and basically create content. That's how it works. I'm gonna go ahead now and simply updates this post. All right? Now, if I want to add a new post, I click on add new Okay. And now in here, let me show you how I would add the reusable block, which we just saved previously. I'm gonna go back in here, click on plus and then down here, I will now have access to a new category called Reusable Blocks. Because we've created one click in there. And now I have this special head that block. I'm gonna click in there and that you go Now, I have access to the exact same amount. Fits head up blood. That's how you would work with are usable blocks. So that is it as an introduction to the good notebook pitch bill that don't worry, we're gonna be doing lots of, uh, gonna couldn't. Lots of content with the Gutenberg. Pitiful that. So you will understand exactly how it works to the fullest extent. So that's I think, Fortune. I will see you in the next class. 21. Assingment Create 7 WordPress Posts: already. It is time for an assignment. And for your assignment I want you to create seven posts on your WordPress website and they must have different categories and featured images. Now, just to show you I have already don't mind. You can say you have an article here Vista in a Buddhist temple in Thailand. I have another one here. Fashion and instable. I created a new category called Turkey because this was in Istanbul and in over here. I've got one mystery of Easter Island for South America. I have one here. Ramble Mountain. I chose Brazil. This is actually in Peru. But I just didn't want to go ahead and quit another category. So there's that. I could have one full day's incident. Put his Berg and Russia as well. And then over here. Amazing Chiang Mai Thailand Been the category. And then, of course, the Huygens among fits by which I created initially. So if I had about to the back end and I come down here to posts, I click on all posts. Now you can see all of them. Now I'm gonna go ahead and delete the hello world, which is the default post created when you install what person are simple, click on trash and there you go. Now, while I am on this page and I'm just show you very, very quickly If you things you can do when you publish a post and you hover on a title, you will have access to the quick edit button. And when you click on a quick edit button right here, you can change the category, add tags. You can choose to disable comments if you want to, and then, of course, change the status as well. So there's a few things that you can do in here. Let's just cancel that. And there you go. So these are my seven posts. So I want you to go ahead now and have create seven posts only what reserve side? Because we're gonna be walking with them now. If you're looking for ways to create content, of course you can use the little ipsum generator. You come in here. I used to paragraphs on all my articles. They can create two paragraphs, click, generate, copy and then simply paste. And then, if you're looking for images, I would love to share this images with you. but I mean the ones I used in here, but there, my images. So it's gonna be kind of odd having lots of people using the exact same images over and over again. But what you can do is you can go over to pick Subait dot com, and this is one of my favorite websites for getting images for free. You can go in here and simply type in. Let's say, for example, are travel. That is, of course, if you're also creating articles on the travel, click on Travel Press. Enter, and now you'll have access to different images that you can grab for free. If you see one that you like, for example, this one right here, you click on the image, and then right here you can free download, and then you can choose the size you want to go with. I'll recommend you go with the second size, which is usually 12 80 by another sign, so doesn't recommend that you go with, and that's pretty much it. So please go ahead right now. Create your posts. Make sure they have unique titles. Two paragraphs for each of the post. They must have their own featured images and then try to ensure that you have at least limits. A four categories are for your posters for because we're gonna walk in with them. So that's your assignment. Thank you for watching. Go ahead. Now do it and I will see you in the next lesson. 22. WordPress Themes: Welcome back. Hope you're enjoying this. What, Chris, for beginners. Course those far. And we've come to a very, very important point where we're going to talk. About what? Press themes. Now, when it comes to what? Those websites, there are two fundamental blocks. You have plug ins, which we'll talk about later. And of course you have. What? Press themes. What exactly are Ward press themes? Well, I'm gonna use this analogy. Okay? Lets it, for example. You want to build your house, your dream home like you have the money. But you don't wanna build any kind of house like you want it to be special. So what you do is that you hire architect, civil off them. You tell them Hey, go and design my gym house for me and let me know what you come up with. So now the architects that go out there and they begin to design, you know, the house. And eventually they all come to you and they presented their own unique designs. And then you decide, OK, I like this design the best. I'm going to go with this architectural design. Let's start building my dream house. Think of that house your house as your water's website and then think of those architectural plans that the architects presented you as what with themes. So another was what those things are like. Pre built our designs with functionality with layout that you can simply pick and apply to an existing what press website. Now if you go to what President Ogg four slash themes writer. You'll have access to a whole bunch of things over 7000 of them, by the way and right at the very top you also we have 2020 2019 and then 2017 2018 should be somewhere around there. But I think this is based on popularity anyway, the 20 themes 2020 2019 18 17 So on these ones are designed specifically by what press themselves. Okay, But then you also have thought parties, developers out there who build what press themes also one of which is going to be our astral, which is one of the most popular what person themes you have. Astra, you have hello, elemental by elemental. If you've never heard of them, they make a very fantastic page with a plug in. Check it out. It's awesome. You have Ocean WP another very, very popular theme. You've got Nev A and so on and so forth, so like you. When you begin to take a look at the images of all these themes, you start, you see differences. Wait. For example, if you take a look at 2016 and gold 2016 looks more like a film, you'd useful regular blawg. But in goal looks like a thing that you would use for, like a personal branding. Because right there, you can see it's a is high and my Amelia business coaching strategy consultant for small businesses. So basically, you have themes that have been designed for different types of websites. Now, on this page, if I go to ah, future filter right here, you can filter based on the subject. So what kind of upset you want to build, right? You wanna build a website for photography, for example, Let's go ahead, take photography and then they were applying the filter and all right here you can see we now have themes that have been designed specifically for photography websites. You have sharp entertainment, grid view, travel, joy, and so on and so forth so you can filter out what Chris names based on the subject I can filter based on the features, the cancel functionality that the same provide you may be the theme has in built social media integration. Maybe it has the ability to do transitions for you and so on. And, of course, layout as well. Do you have the ability to add two columns for your content, maybe three columns for clubs and so on? So these are the various ways how you can select your dream theme. Basically, now, just to give you an idea of what seems can you really do, I'm gonna head of its you, my website. Now the theme occur in the user right now. Is the default 2020 our press theme. If I go to the back end and they come down here to appearance just a second and then you'll see themes is very first option. If I clicked on themes right now, you see, I have 2020 and and 1/2 2019. Let's take a look again at the core insight as it is, so this is the front page, and you can see the way it's designed you have the category appearing at the very top, you will have the title of the post and then the meta information, the offer. The data was published. A number of comments. Then you have the featured image, and then you have are basically the entire text. So no point if I go back in here and I switched from 2020 to 2019 by clicking on activates , you can see Right now, it says New team, new theme activated visit site. If I go back in here and I refresh the page, do you know see the massive difference? Right now, the background has changed its now white, and right now you consider the featured images now projected a lot bigger, and you can even see that the images now have like a blue. How overly right you can sell them. It does not have this blue overlay, and that's basically the design off of the 2019 thing. So the things you choose will determine to a very large extent how your content will be presented. But not just that. See, if my head of a to the back end and from themes I go to customize vehicle can customize. This is where you can now make yourself setting functionalities. This right here is the customized panel specifically for the 2019 theme. You don't really have that many options. You have something called the site identity where you can change the title. The tagline which you could also do on general settings. But you can add a logo right here. Okay. Can I get logo? Are colors You can choose a primary color if you want to. You can just a custom column. So, for example, you could go with maybe something like green. And now you can see that the green becomes the overlay applied to the featured images. Not many options in here, right? So let's go ahead and let me close this and I'm going to switch back to the 2020 theme. And let's see ive the 2020 theme is any better. All right, I'm gonna click on activate to go back to customize. So now for the 2020 theme you begin to see, we have a few more options. We actually have a new panel called the theme options where you can decide to now show search in the header, which is the search bar. Whitey can decide to not show it and now it's gone. You can show the author bio if you want to. Or you can also decide to show me the full text. Maybe a summary off all the postal right now. You can see, for example, on the front page where no longer saying the two paragraphs, which is basically the entire content of vegetables. But now you're seeing a summary which is usually the better option, right? So you can see right now the 2020 provide you with a bit more options. You have a cover templates. You have the ability to add a background image as well and so on and even out with the colors. You actually have a bit more options have been able to choose a Hedda our colors. Right now the default is white. But if we go with black, for example, maybe even orange. So basically you have access to beat more options with the 2020 theme now in comparison, let me show you to other websites. This one right here is using the ocean WP thematic incivility Active being ocean WP right here. You can see this guy has, ah, whole more options available. Ah, lot more. There's another one here, which is the Astra theme, which also has a lot more options than the 2019 or 2020 20 themes. Not quite as much as the Ocean WP but you still have access to ah, lot off options for customizing the look, the feel and so on and so forth. Now let me also just mention very, very beautifully so that I don't take anything for granted. In the instance of the Ocean WP theme where I have access to the topography panel, if I click in here, I have the options of customizing my H one tax. Remember, we talked about H one text h two h two b. I can customize, for example, my h one tag. I can give it a phone family. So maybe I wanted to be every l times new amount. Whatever. I can change the phone signs, the column and so one and then simply apply those changes, right? What is those is that it basically will affect every age one on my website. The changes you apply on your theme options, your customized options in here are universal. They will cut across you entire website. However, keep in mind that with the good book page builder already shown, you can also customize how your age when you look like how your ages would look like. But those changes you make with the Gutenberg will be specifically for that particular post . It's not gonna cut across the entire website, So if you've maybe one of your posts, you've designed the age to to be read Coehlo 34 pixels in size, and you like the design. You will have to apply those changes a gain on another post where you want to have the exact same design. That's the difference with a good book page builder. The changes this time you make isn't universal. It's for that specific our post bought with your theme options. When you come in here, you customize h one. H does whatever it caught Cotsakos your entire website, that is the difference. So one month initially mentioned before are around this. I'm gonna have another video about themes coming up, but one month, and I should mention is that when it comes to WordPress themes, you do have the option of going with free themes or going with paid themes, now paid themes. Obviously, I usually have more functionality. They have more features. You'd also have support from the developers off the theme. So if you have the money, I would always recommend that you go with the paid vision of a theme. But if you're just starting out and you're trying to get your hands dirty, you learning what press are going with a free theme is perfectly fine. But just keep that in mind that you do have paid themes and they usually better than, ah, the free themes. So this has been an introduction to what press themes think, if watchin, I will see you in the next class. 23. WordPress Plugins: welcome back. So now that we've talked about what press themes, it is time to talk about their partners in crime, which is going to be what, press plug ins. What exactly are they? What do they do? Let's go back to the analogy. Off the house, right? We've talked about what Chris themes, being architectural designs, the layout of the house. But like we said, this is a dream house where it is not just any ordinary house. We wanna have a swimming pool, the letter security system. Wanna have a tennis court, many theater bar and so on and so forth. Now think of all these lugs Cheerios Ad owns as plug ins because basically plug ins extend and enhanced the functionality and design off your war purse website. Now, just like with your house where you want to go for the little security system with plug ins , you do have plugs of specialized in security that can protect your upset from a mile away from Hack says you have plug ins that can help who market your site. The basically markets in appliance, but specifically for marketing. You've got plug ins for collecting people's e mails. You have plug ins for moderating comments, basically almost any kind of functionality you can think off on the website. There is a plug in for it, and with over 57,000 plug ins available, I can guarantee you that you will find a plug in for whatever it is that you're trying to accomplish. And I'm gonna give you some examples off some of my favorite plug ins. Elemental is one off them, and elemental is basically the walls leading. What press page builder? It's very similar to the good book page builder, which people do walking with, except for the fact that element or is way more powerful. It's a far more powerful pickled, a plug in ah than Gutenberg. Why are we not using elemental? Don't ask. I do have another course. I do have several tutorials on how to use elemental. Let's show Goodman bug some love in this course, so that's 11. So you do have all who commas, which is basically the number one plug in for creating online stores. So if you wanna build an online stuff for selling services or products, you typically would go with ah commas. Welcome us. It's just a fantastic amazing plug in for creating and selling products. And then you also have this. Companies that specialize in create simple against the developed them. One of my favorites will be my theme shop. No, my team shop. They have this fantastic plug in for SC or which is rank Matthew. We'll talk about that a bit later, but they have other kinds of plug ins. For example, they've got plug ins for writing reviews, plug ins for short colds, plug ins for real estates, our content loca, which basically would lock access to content unless the user decides to share that content on social media. They have other examples that have plug ins for quick and quizzes. They have plug ins for quit identifications for writing estimates and so on. So again, any kind of functional today can think off. There's gonna be a plug in for it now, Of course, in this course we will be dealing with several plug ins. But there's some things you need to be aware of when it comes to dealing with plug ins. Are probably will talk about this later on in this section for a workplace management. But just because blogging is available doesn't mean that you should just begin to install them all. No, you don't want to do that. You are very, very, very careful. We will talk about plug ins a lot more, but I wanted to give you an introduction to what they are and what they do now. Even interested, I do. You have an article on my blog's of, um, Uncle Mental calm. The article is called The Guide to What? Press Plug ins. And in here I basically go very, very, very in depth, discussing everything you need to know about what press plug ins. It is very ever extensive. So if you're interested that Helen encourage you to check out the article, and we'd all everything into new about what press plug ins again. We will talk about plug ins a lot more in this course, but this particular article is very a very in depth. It's very, very detailed, and it's a article that it's an article that's guaranteed to provide you with all the knowledge that you need to know about what purse plug ins. So that's fo plug ins. German a vending development. I'll take a look at something called sidebars and which it's also you. Then 24. Widgets and Sidebars: welcome back. So now they've talked about what? Press themes and plug ins. It is time to talk about what press rejects and side bonds. Now, unfortunately, I don't have an analogy to describe what these are so long does go straight to the point. Okay, I'm gonna head over here to our parents, and then I'm gonna click on widgets over here in the back end. Now you ignore it. Is that on the left? We have available widgets. We have archive's audio categories gallery and so one and then to the fight. We have two sidebars. We have foot on number one, and then we have Fouda number two. So what exactly are we looking at here? Basically, widgets are like blocks of content. It could be any kind of content. It could be text, image, audio video. It could be a form. Could be anything. Those that won't be jets are sidebars Are now the containers or the locations on you upside where those witches can be applied to. So right now, by default, when you install what press, what press will provide you with its own widgets? The themes will determine which side balls you have access to that because we're using the 2020 theme quietly on the num outside, we have access to two sidebars. Foot the number one and then foot are number two. So let's see where this information will be displayed. We have currently six widgets. You might be thinking right now that okay, Because these two sidebars are called footer number one and then footer number two. It should only makes sense that these widgets will be displayed at the footer off the website. So now if I go back to my site and Linda's refers this page, okay, and then I school all the way down here. You're now notice the widgets been displayed in here. We have the search bar within post comments categories. And of course, our archives fight is there. That's because over here this is red that been displayed at. So let's make some changes. Okay, I'm going to remove meta by simply clicking and dragon to the left. I'm going to remove archives categories. Let's also removes and comments. So now we only have to search any recent posts. You don't need to say this is automatic, by the way, whenever you add rejects or than you, or you move rejects it saved automatically. So there is no save button when you're doing that. So I go back in here and then you first the page. Now notice that in the foods that we now have access to only the search bar and recent posts. So there you go. Now you can see the relationship between widgets and sidebars, But let's go back to the back. And because we have foot on number two, some curious. Where exactly will the theme display this widgets? And for the number two, is it gonna be signed by side with the widgets and foot A number one? Or will it be below the widgets? Off footer number one? Let's Let's try that. I came. I'm gonna add a text widgets or click and drop it in here. Let's add a title off. Hello And Alan, just having some text. Hello? It's me now for this. We do need to save. When you're walking on the widgets inside, you don't need to save, so let's save that one. Okay, let's also add Ah, let's add an image widget. Lets drop it in there. Lets out an image limit choose myself. Add to re jet, and then let me save that one. Okay, there you go. So let's see exactly where these two will be displayed. Let's go back in here. Let's refresh the page. And now all right. Now you can see it's actually to the right, so it's not going to be below the witches of foot. A number one is going to be to the right off the widgets in food number one. So keep in mind that again the theme that you choose will determine the number of sidebars that you have access to. Let's take a look at another theme. This one is the Ocean WP theme. Now this one has a default sidebar. It has a left sidebar. A such results side by it has full sidebars in the footer. It also has a woo commas sidebar. So ah, lot. The pains are again like like I said, anything that you choose if I go to another thing, just one is the I believe this is the Astra theme. So Astra has a main sidebar. It has a head aside, but it actually has a Futaba section number one if What about section number two and it has four. What are our sidebars? Actually, don't even know where this conservative group displayed. But you know, whatever. So again, the thing that you choose will determine the kind of sidebars that you have access to. Let's take a look at the actual Astra theme. It's still because if I view opposed on the Astro upset, which is the victory does not come notice that on the this post right there there is a side bar to the writer. You have the recent posts and then you have our categories. You have archives. You also have, like, a tag cloud. Well, that's because over here, this is where those abandons plate right here. The main sidebar. The main sidebar has recent posts. It has a tag loud. It has categories archives and so on and so forth. Now, going back to the widgets. Keep in mind when you install what press WordPress by default has its own set off widgets. In fact, all this was just just seen white now will be given to you by default when you install what twists. However, when you begin to install plug ins, some of them will not provide their own types off widgets. As an example. If I came over here to the Ocean WP website, notice there is a mill chimp with that right here. That's because I've installed the Milton plug in. So because the motion plug in is activated, it's given us the ability to add a widget specifically for milk Chimp, where you can display a subscription form notice. There are other widgets, like Instagram ah, social share. There's Tweeter that is flicker. That's because we have some plug ins that have really been installed to provide these widgets for us. So a quick recap themes will determine which side bars you have access to. The plug ins will determine which we jets you have access to. But keep in mind that what place by default gives you its own set of widgets and also, in certain times, alerts. It's a bit rare. Themes can also even provide their own widgets as well. So it's not just plug in stems can also because the money is to provide their own our custom widgets for you to use. So that's basically it for widgets and sidebars. Bubble off course. Be walking with them. Ah, lot more as we progress in this course. Thank you for watching. I will see you in the next class. 25. Choosing our Theme: Oh, already it is now time for us to choose the theme we're going to be using to build a what for Swept signed. And I have decided to go with the Ocean WP theme for several reasons. One is the fact that it's been around for quite some time. It is very, very, very popular, and it's also very well maintained by the developers, so you don't want the risk of installing this thing using it. And then a year from now, you suddenly hear that the developers no longer opted the famed if abandoned it. That's not gonna happen with Ocean. Our WP team. I have made this mistake in the past with some other themes where I would use the thing building up sign and then six months later that developers have abandoned the theme. It's it's really, really online. And with Ocean WP, I believe that's not gonna happen. Plus, it's over on its nearly three million downloads at this point. So this is a very well meant in theme is very, very popular and plus it's free. There is a free version. There's a pay division off the theme, but the free version is fantastic. there's a lot of inbuilt functionality which we will be able to use. So overall, this is a very, very safe and a very, very, very good choice for, ah, walking with the WordPress theme. So let's go ahead now and install the theme. And to do this I'm going ahead of us to the back end and quite simply, come down here to a parent's click on themes. And then right here, I'm gonna click on add New seem and then very simply, right here, where you have this such box. I'm gonna come in here and type in ocean, and we should see the theme right now. And okay, here it is. So it's ocean WP. Okay, keep that in mind. It's not ocean cream. Ocean s CEO, but Ocean WP I Let's go ahead now and stole the theme. And I'm just gonna go ahead now and simply activate the theme. And there you go. All right, so that's not head of up to the front end and see the change now in all website. And uh okay, so there you go. This is the very, very first start to building all what Chris website now let me just go back and give you some very quick points as all right. Now that we've installed the theme you might it is notice saying that this thing recommends the foreign plug ins are elemental ocean extra and then WP forms. Elemental is the page with a plug. And I talked about that you can use to build content boatman attorneys elemental. And this course will be using the Gutenberg our page buildup plugging because I've already created courses and several tutorials on how to use elemental ocean extra. We will install this plug in because it adds even more functionality to the theme. And then there is WP forms which is used for creating our contact forms. So let's do this. All right, I'm gonna go ahead now and simply click on begin in stolen plug ins and then right here, I will check ocean extra, and then I'll also check WP forms will ignore elemental and then right here, where you have the job down clicking then and click on install and then click on apply and let's wait. Okay, So right here we do have a rather unexpected law. Wow. Wow. Wow. All right, So it stays Plug in Activision failed. An error occurred while instilling ocean extra. Whoa. Okay, we'll see what this is. Let's go back to return to required pluggers and started. This is something that didn't prepare for. But this is what happens when you install plug ins and themes you might want into. Issues like this is actually not too bad. They're actually seen this. Ah, occur now. You actually have ah, real experience of what it might look like when you walk with the themes and plug ins. All right, I'm gonna go ahead and simply click Skip set up right here and let's head down here to plug ins. I'm gonna click on install plug ins and let's take a look at what's actually going on. All right? Okay. So for some reason, I don't understand what happened, but you can see Ocean Extra is actually active. It's active because we have the option to de activate. If it doesn't active, you'll see the option to activate. So I'm not sure what happened there when we got the whole message. Anyway, it's fine. We now have ocean extra, and we have WP forms which which will walk with a bit later. So now that we've installed Ocean WP, we have access to the theme panel that you'll see right here. When you click in there, you will have the ability to connect your website to Ocean WP where you'll be able to get updates. However, this isn't something that it's not compulsory. You can always a bit. Your themes are manually and outers. Go ahead and simply are skip this process. We don't need to worry ourselves about that. Let's wait for a few seconds. All right, so we've skipped down one. But now we now have access to the actual real thin panel where we will be able to make lots of different kinds of customization is and we will begin to do this in the very next video . But one more thing on you mentioned before around this video up is that when it comes to the things that you have installed haymakers Right now I have Ocean WP which is, of course, the active theme and then we have 2020 and 2019 as backups. Some people might say that Hey, you shouldn't have any other thing installed. Just have only your active theme installed That's very, very bad practice, because sometimes just like you saw earlier, you might have a was you might have conflicts when you install a plug in and the plug it isn't walk quite well with your theme. Or maybe there's a new update and something breaks. You want to have at least one backup theme for troubleshooting, so they're trying to discover whether or not it's the Corinthian that has the issue. You can simply swap themes and then see if the Evo has been fixed, which is why it's always recommended that you have at least one backup theme. And not just any backup theme, but have themes form what present themselves. Basically the 2020 2019 2018. Those are the kinds of things you should have as backups. So in Mike is I'm gonna keep 2020 and 2019 as backups. I'm not gonna go ahead and let them, however, if in the future you want to delete a theme, First of all, you need to ensure that it's not the active fame. And then to deliver the theme, you'll click on the thing details right here, you click in there and then right here you will have access to the delete button. That's how you would delete a non active theme on your WordPress website. So that's it. Thanks so much for watching German Avonex video well will not begin to customize what purse upside. 26. Setting up the HomePage: well, come back. So now we're getting set to begin to customize are what first name. But before we do that, there's a couple of things that we need to take care of. First of all, we do need to set up the home page right now as it is. If you go to your front end, you should see something like this. You will see your latest posts being displayed. Now, this is because by default, what press will display your latest block posts on your homepage? Now, there are two ways how you can set up your home page. Let's go over to the back end, head on over to settings and then reading So right here by default, your home page is set to display the latest posts. However, we also have the choice of choosing a static page, which will basically be a manual creation of a homepage. And then there will. We will be able to add whatever content we want to add. But before we can do that, we do need to create an actual home page. So let's head on about two pages. I'm gonna click on add new and then or does Go ahead now and type in home. Okay, go ahead. Now and hit. Publish, Publish again and let's add one more pages will, which will be the contact page. So let's add contact and let's go ahead and publish that one as well. And then one more page to add will now be the Blawg paid itself this This will be like the landing page for our block posts. So we'll call that simply blawg. Go ahead. Now he published once again and there you go. So if you've been falling long, you should now have full pages and about page Ah, blocked page, contact page. And then, of course, the home page. Let's not head back to sit ins leading. And now here I'm gonna set up my static page to be home double for the home page. And then the post page, otherwise known as the London pitch for the Block posts, will now simply be blawg. And then from here, just come down here and then save my changes. And there you go. So now if I head onto the home page, you will now see that it looks completely different because, of course, we have changed the layout off off the home page from displaying the recent posts. Teoh it now being, Ah, a manual. Our creation of content Basically. So that's the very first thing we've done. German of an exhibit available Now create our menu. I'll see you then. 27. Creating the Main Menu: Welcome back, sir. Now that have set up the home page in a statue, create our menu and your menu is one of the most important components off your website. Because basically, it is the navigational system with which your users your subscribers would use to find content on your site. So you want to make sure that you create really, really outstanding menu. Now, to do this, I'm gonna head on over to the back end, as usual, come down here to appearance are go to menus right there. And OK, so now we can add a menu name. How would we like to name our menu? I'm going to call this one of the main man. You Okay, So if time that and I'll click on Queen menu, So that's the first thing next Now we have to add, I attempts to the menu and of course, I'm gonna go ahead now and add all the pages of was created with exception of the home page . Now, the reason why you typically don't want to add the home page to your main menus because it's out of fashion nowadays. Your logo itself should be a link to your home page. So if your users are on another page and they don't go back to the home page, although when it's just click on the logo and it will take them back and most of them are days already know that so adding home to your main menu is kind of old fashioned. So how will ignore that? So add blawg about an out contact. All right. Now let's add the categories and the sub categories off our posts. I'm going to come down here to categories, go to view, all click on select all and now add them to the menu. Now, here's the thing, though, as it is right now, Look over to the left where you have the categories. Notice that Thailand falls on the Asia, Russia and Turkey on the UUP. But if you look at the structure off menu right now, you don't see that. Ah, what kind of clinic? Right now That indentation. So you want to push Thailand just slightly to the right off Asia. So I basically clicked on town right now and then I drank just a little bit to the right. And there you go. So now you can see that Helen has now been called a sub item. We subcategory under Asia. I'm going to do the exact same thing for Russia and then Turkey and then Argentina and then Brazil. Okay, so this is exactly how you will create the category subcategory structure in your main menu . One more thing I'm gonna do is to drag contact all the way down here because ideally, contact should be the last link in your main menu. Okay, two out of three. The last step right now will be to tell our theme where this menu should be displayed. Now, this the pains on the theme that you're using some things will not give you are more than one option. Usually, Muslims would just say, Hey, this many are going to display is going to be in your header. However, with Ocean WP, we have four different places where we can decide to display this menu because displayed in the place called Top Bar, Main footer, or even as the mobile menu. What I'm gonna do right now is click on Main because this will be the main menu and then hit, save and voila. All right, but im gonna do right now is I'm gonna view the home page and let's see what it looks like . And there you go. So now we have, ah, main menu, but let me just show you very quickly where the order display locations are. Let's just call this one a, uh, test menu. Okay. You don't need to create this. I'm not going to use this. I'm just going to use this to experiment. So I'll click on Kuwait menu. Let's add contact and about to the menu. And then now I will choose Top Bar and also FOTA. Okay, so let's see the exact locations off this menu. I'm gonna hit. Save many right now and then if I had back to the home page, let's refresh. And there you go. So right now you can sit atop bar will. Basically the many for Taba basically basically be displayed above the area for the logo and then the main menu, and then down here, this is where the food time and you will be displayed. So I'm already thinking I had we might create it full time menu and display or the lynx like the practice and policy, things like that we might. Let's let's wait and see what happens. But now you can see that you have the option of displaying are up to three different menus on your website if you wanted to. But again, there's the pens on the theme that you choose. Some things will not give you the option to display full time manual talked about menu. You'll just have mean as as the menu. I'm gonna go ahead now and simply click on delete menu. And there you go. All right, It's so at this point, we're getting up in shape now to begin, create in our content, starting a content. So German event Eggs Video, where we will now begin to walk on the header for our website. I'll see you then. 28. Building the Header Part 1: already. It is no time to begin to create eight Ah header. And when it comes to designing the head of your website are two main components involved. You have the logo which typically would be on the left and then you would have your main menu which typically would be on the right and by default. The WP ocean theme already has is that lay out. You can see we have the low noma text as logo 10 very logo. And of course, our main menu with a search are Aiken as well, which is actually quite useful. But we're going to make this a lot better. And to do that, I'm gonna click on customize and this will take us to the back end where we can begin to make some serious our design changes. The first I'm gonna do here is I'm gonna click on the site identity and in white, you can see we've got the site title tagline already written out. But like here, we've got the site I connected it with a side icon is it's also called the foul icon. Take a look up here. You can see I've got my bills a tab. I have the what press icon the w represented on my website. But in right here there's another website here called Can Va and you can see their own five icon. You have the sea and then the blue bag on call. So basically any professional website will have a five icon. It's not the most important thing for a website, but it's great for Brandon now. Why did I open up the can of a website? If you don't know what is upside is, it's basically the simplified vision of photo shop. You can come in here right now and create images, logos, five icons, presentations offer free. You can creative for account, and they have temples that you can use to just create all these things. Now I used can va to create my logo and my five icon, so I'm just putting that putting it out there. If you've never had a convert, it is really an awesome upset that you should check out because, well, it is also upset for designing our stuff. All right, I'm gonna go back in here. I'm gonna click on Select Side icon and I have already uploaded my side I can, which I created on canvas. It is the one right here. I'm gonna click on select and I'll click on skip carpet because I don't want to crop anything in here. Skip cropping. And now you can see I now have my five icon already being used. By the way, if you follow the step and you don't see off, have I can appear And it could be that it's gonna take a while for your browser to level. There's effect that you now have a fire. Reckon so. Relax. Check back in a few hours and I'm pretty sure your bustled will begin to exit Beat thief African that you have chosen. I'm gonna click on the back L in here and we're going to do here is we're gonna jump down. First of all to general options, let's make a few changes in here before we get to the head of itself. Now, I think you've got general styling and let me just tell you right now that in here you can make different kinds of changes in terms of color in. You can add a background Kahlo for your page if you want to, but I'm going to stick with the default, which is white. There's really no need for change Anything in there you can add your background image. You can also change your links color. The default here is black And when you ho over on the links like for example, right now take a look at the recent posts. The titles are links themselves, but they're black. But then when you hover on the link, you can see right now it turns to blue. That's what you can change right over you have color and then over. I like this default choices by WP ocean theme, so I'm not going to change them. But if you have your coloring scheme, you can come in here, click on the bar and then simply choose the color that you want to go with. I'm gonna go back right here, click back again and come over here now where you have typography. This is important as well, because I'm gonna click inside and we're going to choose a general Ah, fun family for text. And I'll do that by clicking on general actually not general. But in here you can choose to disable grew phones if you wanted to, but I would not recommend that What we're actually gonna do is I'm gonna click on Body in here. And then this is where you can choose the default font family for our website. And I really do like Mont Surratt. It's one of my favorites funds by Google. So I'm going to come down here and it is the war. Invite him on several. So choose that as the default from family. And right now you can see that if one family has already changed and then the phone sizes for 10 pixels, which is fine. The phone style is default. Extract some default. Front weight is I'm going to go with book for 300. We might change that a bit later. Ball will keep that as it is. And then, of course, in here you've got the phone call. Oh, which is this particular variant off? Greyish black. Oh, whatever this is, I'm gonna live that other days. I'm not going to change it. But of course, you can come in here and choose your own phone color if you wanted to. Okay, that's for the body. But when it comes to design, Do you typically want to go with two different from families? One for your general text and then one for your head as not for a head as I'm gonna go with Mobutu. Okay, so Boonchu will be for the head as one for the general text. I'm gonna use our months ahead. By the way. These off course Very, very subjective. If there are other fun fun is that you like to use. By all means, use them. You don't have to go with the ones ham is in right here. The front. Wait. I'm gonna go with semi Bold for 600 just to make the headlines a bit more pronounced. And there it is. Okay, let's skip the topography. And now let's head of r two. The head are right here. I'm gonna click inside. Let's click on General. So right here. First I'm gonna do is I'm gonna change the background color for a header from White, which is the default to now. Black. Okay, I'll go black right there. And now for the height, I already have the benefit of hindsight, and I know that 90 pixels is going to be the ideal height. You'll see why in just a second, but now I'm going to click back and then right here, where you have logo, I'm gonna click inside, and now I'm gonna choose the logo I'm going to go with it. Is the one right here. Notice I've already created logo off, designed it. It's white text with the white icon as well. And of course, it's a pink. It's a PNG. So I'm gonna click on select. And then there is no need from two crop anything because I really cooked it perfectly before I uploaded the image. So I'm gonna click on Skip Cropping and well, there you go. So now we have this very, very massive logo showing up, but she reduced the size. I'm gonna come in here right now, and I'm gonna bring this a little bit down to ah, 19 909 pixels. So I'm just coming here and add the one and that you go. So logo is 109 pixels. No need to touch the max height. I'll just leave that as it is. So there you go. We've got the logo all showing up. Next, I'm gonna do it now would be to tackle the main menu, which is what we have right here. And to do that, I'm gonna click on menu like here, just underneath the logo. And then right here. The position has really been set to rights, and I will leave that as it is. But then I'm going to school down here. Am I gonna change the link culo? Because what you have down here on the main styling So Lynn Color, I'm going to change this. Of course, to our white in case of gold white text. Let's call that a bit more. And then for the link background noticed that we're me over on Asia and Europe. You have, like, the white bag on right there. I'm going to change that to Black. Okay, so we have linked background or click inside and change that to black and ever go back in here. Hopes. Sorry. That did no work. Ah. Oh, I'm sorry. That's not what we should have touched. Is the one vital? You have the drop down job down styling. Okay, so under job done. Stolen. You have background color here, which is said to white all come in here and change that to black. So do forgive me. All right, so now that we've changed to black, you'll notice that we now need to change the default text for the job down from black to white stuff. You can actually see what's going on in there. So let's head back right here. But you have top down style in. We have the link hollow right here, which is that the black which is that two white Visit my go back right now. You can see we now have it in white and then when you hover, you have the white background, which is fine. A guess boat. I'm going to keep it on black. I really don't like the white background on Have a So let's change that one by going back to the drop down styling and then back. Uncle is black link background HOA va. This is we're gonna change it from white to black but you have linked background hover. So now when we hover on the text, you can see the background color does not change It still kept on black but and noticed that when we hover on the actual text itself, it goes to blacks only to keep this on white as well. So it's gonna be the one right away. But you have link color HOA va clicking there. And, of course, keep this on white. So now if you go back in here, you can see it no longer changes. So I know this May might might have been a bit confusing, but are some things we did it in here? First of all, we change the background color for the menu to black, and then we also change the color off the text to white. And then we also tackled the hover effects. When you hover on a drop down, the background should be black. And even when you have a on the sub categories, they have at the back. Uncle remains black, and then it takes you remain white all the time. So right in here. Just keep in mind that you've got Maine style in which is the default, and then you've got the drop downs Stylin. So apply your changes in here carefully. All right. One more thing we're going to do is we're gonna head back in here, and we're gonna go back to topography and then you have main menu. I'm gonna click inside, and then right here you have the the text transform. I'm gonna changes to upper case. Okay, We're going to keep this in upper case, and then the front this fun size from 10 pixels will make this a little bigger, will make it 14 pixels. And there you go. Maybe one more thing. Maybe the front weight. We could make this the big, bold, maybe 600. There you go. I think 600 is perfect as it is. So that's a four part 14 crew. 18 are here that Germany in part to well, we will continue to design the head. 29. Building the Header Part 2: welcome back to part two or creating our header. And I hope you are not too overwhelmed with part one because we covered quite a lot over there. So so far, so good. We've gotten our five icon created. We have a logo, and then we have ah, main menu as well. Now, let me point out that by default your logo right here. When you click on the logo on another page, it will take you to your home page. So I just want to put it out there In case you're wondering why we don't have a link on the main menu pointed to the home pitches because the logo are takes care of that. And nowadays, people already know to do that. When you go on the Web site, they're on a different page and it wouldn't go back to the home page. They already know. Okay. All I have to do is click on the logo and it will take me back to the home page. Okay, Now what's next for the head are well right here under the general sentence, you have your top bar just above the header. Now, this is very subjective. You could easily come in here right now on the general and just simply disable the top R. And you don't have any top at all. Okay, You could go about it this way. But an advantage off the top bar is that you can actually add social media. Aiken's just above your main menu. So to do this, I'm gonna head back. But you have social. Okay? We're in Topa social and then click on social and then round here where you have the boxes for the social media likens we can begin to add them. So for Twitter out, Just use hash tag. Hashtag for Facebook as well. And ah, let's add two more I'm gonna add for YouTube and our instagram. Of course, I'm gonna add that. So we've got Twitter, Facebook, instagram, and then YouTube. Okay, let's make some design changes. Let's see, for the fun signs, we're gonna make this a little bit bigger. Make the inevitable pronounce eso 20 my tent when the pictures would be too big. Let's go with 18 pixels. Okay, so it 10 pixels, the social links Coehlo, Let's keep this as it is. Let's go back in here. Go to general. And of course, we're gonna change the background color from whites to black as well. Okay, fine. But then we've got these annoying border but the white line. So let's remove their one by going to Bada Koloa and what does make it black as well? Okay. And then for the pad in right here because we're trying to create some space between the edge off the top bar right here. And then the actual social media icons will increase the pad in top, make it make it a bit bigger, 16 pixels, and let's reduce the petting from the bottom. So there isn't that much space between the main menu and then the social media icon so walkabout on ze evil, actually, and I think this is fine. One thing I like to do, though, is when we hover on the social media likens Let's also add the same blue Kahlo that appears when you hover on the items in Ah, in our main menu. So let us do that. And to do this I'm gonna head in here to social and then, ah, social links Kahlo. When you hover, it's going to be this blue collar right there. So one e 7th 3 b e. That's the value. So if I go back in here, you can now see that we have that going on. So again, this is subjective. You don't have to, because in truth, we're gonna add the same social media icons in our fota as well. And an about page. We're also gonna have the social media icons been displayed them as well. So it's very, very subjective. And it's not something you have to do if you don't want to. If you want is we're going to change before we round this up where you have your place, your content here, that's actually inside where you have our content. I'm gonna click inside, and I'm simply going to remove the text because we don't need it. So let's remove that text So we don't have any annoying texting day. And then, just like that, notice that all of a sudden the social media icons are now again very close to the the edge off the bar. So let's go back in here and try to add maybe a bit more. Are Padden on the general so bad on six in pixels? You might have to go a bit bigger. 25 pixels. And yeah, I think that if the pixels should be fine, So this is on the things that you might face when you're designing the website, you make one change, you delete some content and then all of a sudden you realize that the change made Alia needs to be edited. So it is what it is. I'm gonna keep this on. 25 are pixels. So far, so good. I do like what we have done. Those far are delighted we should change them. Well, we might maybe maybe to change the hover effect for the text from white to blue for the job downs, maybe. Uh, okay, let's do that. Let's actually do that. So I'm gonna head back in here. Let's go to head out, head on over to menu. And then let's come down here to the job downs Stylin and then link Kahlo on HOA va or change on Two Blue as well. So they come back in here. You can see it's now in blue and ah, I think that's fine. Again, this is all very, very, very subjective. I'll just keep that as it is. Okay, so that's it for the head up. Don't forget to you, of course. Hit the publish button up here to publish your changes so that that's a German event. Exit available. Now take a look at coming up with Ah Fota. I will see you then. 30. Building the Footer: well, come back. So it is not time for us to build out the food that we have the head all sort of out. But now it is time for the foods that now, before we go about building out the foot are I need to make a few changes or we need to make a few changes in the back end. So I'm gonna head over in here, and what we need to do, first of all, is to add a few more pages. The wonderful thing about the future is that it is a great place to add additional links to other pages on Europe so that you might not want to add in your main menu. So an example of such a pitch would be something like the affiliates Disclaimer page. Now this, of course, is very, very subjective. You may not be one in a field links on your website. So in this case, if you have other kinds of pages that you want to create, maybe your terms and conditions, privacy and policy, maybe a page for your full warm or something like that you can simply go ahead and create them. Already created the after disclaimer, I will create one for our privacy and policy as well. Empty contents, Yes, below does go ahead and publish is that Let's add one more, and this would be for terms and conditions. Now the reason why I'm creating this pages because we're going to publish a menu in our food, and we need pages for that menu. So we've gotten three pages right now. I'm gonna go ahead now, head over to appearance menus and let's create the FOTA menu. So I'll go ahead now and click on Create a new menu and I'll call This warned the foot our menu. Let's commit the menu and then I'll just add this pages to them. I think I'll dragonfly disclaimer on top right here. And there you go. Now, over here, we do have the option off this planet in a widget location for the foot. Our bobble. Ignore this and will simply use an actual widgets to display the footer. So I'm not gonna take anything in here. Go ahead. Now on save the menu. Oh, by the way, send some over here on the menu page. If you're wondering how you can create external links and add them to your menu. You will come over here. You have custom links. And then in here, you simply add the You are well. And then the link takes and then you add to the menu. That's how you can add external things to your our menus. Okay, so we've got our pages, would have ah, foot menu. Let's not head over to the widgets. Now, One thing about your foot is that it is where widgets are heavily used. Widgets inside buzz. So with Ocean WP, we do have four sidebars and are forced a conservative court. Foods are 123 and four. So let's add some extra information in here. Starting off with foot tall warn I'm gonna drug the contact information widgets. Let me try that one again. How dumb that in here, lenders make sure that it didn't fall into any of this side. Buzz. Okay, so we've got to contact in full, we jets with some text, and ah, I'm going to go ahead and simply remove the address information phone as well. I think I will keep phone. Well, maybe not. No, we don't need to phone. No, I'm going to remove that one. Let's remove Mobile lets you move fax as well. I will keep the email as it is. Loved has changed the email text to Alex at the loan. Nomad, don't come. This is not a real website. Every email address. So please don't, uh don't send me any emails and please. Okay, I'm gonna remove Skype because we don't need that one. Eso we have email and then we have website. Let me go ahead now and save this. And let's take a peek at how this looks like. And there you go to contact information, email and then website. Actually, website doesn't make any sense since people are already on the website. So let's remove the website. Let's remove that one. Let's save that again. Let's head back in heavy, fresh and okay, that looks fine. I like this. Let's head back now and let's add the menu. So to do this, I'm gonna head over to Futa too. And then let's look over here on the letter. We have a custom menu widget, which is one right here. I'm going to click and drag again and then drop it in there and for the title I'll just say , Ah, links a little bit of title right links and then I will choose the full time in you and that is it. Let's go ahead. Now save this. Let's head back in here. Let's refresh. And there you go. Okay. Okay. Looking good. Looking good. Now for the next two, what I'm gonna do is I'm going to add for foot the number three. Let's add the categories. By the way, all of this is entirely subjective. You're more than welcome to display all the types of content that you want to display in your foot, so you don't have to do exactly what I'm doing. So photo number three, we're going to go with the categories and it's right here categories. I'll job that in there and for the tie tool. Let's call it categories. Catty goalies. Let's save that one. And finally, for the last sidebar footer number four. Let's add the social icon. So we have a right here, Social Aikens. I'll job that in here, and I will change for us to follow me because I am one person and, ah, of course, social instable at Twitter, Facebook, instagram and ah, Let's add YouTube to keep it consistent with what we have in the head up. Let's save that. And that's with fresh. And there you go. So not bad. We already have the content all laid out. But Germany? Vernon's video, where we will now actually style the footer. I will see you then. 31. Styling the Footer: welcome back. So previously we were able to add the content for foot up, but now it is time to do some style in it. Now the first thing I want is to tackle would be the background call off. It is black by default and already have the black background color for the Hedda. And this normally would not be an issue if the websites content. If the tone of the website was meant to be, you know, dark, mysterious. But this is a travel blawg and who we do need a bit more sunshine, as as I might call it on the website. We need to make the rest of the Biltmore friendly in tone and as such will have to use light, are Kahlo's. I'm not talking about using yellow, pink or stuff like that. No, I'm talking about light. I'll callers like maybe light blue. Maybe so green, something like that. So let's change the background. Coehlo, First of all, for the fota. And to do that, that's I don't over to the customize page as usual, and we are going to change the background color. All right, let's move for a few more seconds for this to load. It has loaded. All right, I'm gonna head down. Over here. To the foot are widgets, as you can see. And let's look for background color. It is right here, Black. We don't like that one. Now I do have a culo. Ah, in mind, which I do like and that is the cold, right? There it is. Ah, three a 93 b two. I do like this shade of blue. I think it's awesome. So let's do that background call up and then for the text color will keep it on white. Okay? So that people can actually read what they see. And then we'll also said the borders color to be white. So they're all consistent and then for the links color, they're all white, which is fine. However, when we hover on them, they do have this particular shade of blue. Let's make it a beat DACA. So we now have this actually, let's stick with the default. I think that the force is maybe better than now what I chose. So let's just stick with the default for the links Koslova And there you go. All right. A few more things we need to change. I would like us to change the borders for the social media icons and the effects we need to make them a bit bigger and maybe even make the size the fund size off the widgets, the titles a bit bigger as well. They'd be too small. So to do that. Oh, while we're here, let them just show you how to do something. Gonna add the parallax footer effect. So this is what it does, right? If we Oh, I can actually show you what happens. But it's a palace affect many that when you begin to scroll down, the foot appears in a different kind off. Wait. Maybe once begin to add content to the home page. You build cities disaffected bit better, but I'm gonna keep it on on for now. Okay, so I'm keeping this on on. Let's head back in here. Let's head on over to the topography and then let's calm down here where we have the foot tall widgets head in, I'm gonna click in there and then here we can change the font size and let's go with Let's go with 16 pixels to make that a bit bigger and there you go. All right, we're gonna go ahead now, publish This changes and I'm gonna head back to the actual back end so we can make a few changes to the social media accounts. Oh, here is the effect. By the way, you you can begin to see the effect in a way, which is what you have right now. You can see that when we scroll down the foot is really like fixed. Basically, it doesn't actually shift anyway, You also there's affected. Good pick. Better once are we add some more content to the home page. All right, let's head on over to the back end. Let's head back to appearance of Heberto Widgets and foot number four Social media Aikens. Okay, so a few things I want us to change. First of all, I wanted to change the size, make it a bit bigger, and then when we Khobar on the icons, but want him to have the same effect as what we have over here, the same kind of color and also the borders look kind of ugly. Maybe is best removed the borders. So let's do this. The border. Coehlo, Let's go with the It was about a color right here. I'm gonna add the same background color for the foot, or so it blends in. And let's do this for the dimensions. Let's go with 35 pixels and then for the phone size. Let's go with 40 pixels and let's see how this would look like and then the color. When we have up, let's stick with this color right here. Cologne, HOA, Va. This one. Okay, there you go. Let's go ahead now and save these options as head back in. Hairless refers to page and there you go. Okay, this is Americans are looking better right now, but there may be too close as you can't see, so we had to make a few more changes in here. Ah, let's see what could be long. Actually, let's swap out the font size precipitated five pixels with the dimensions, so now dimensions would be 40 pixels. I think that's what this is. What controls this pace in. Let's save this and let's see, that's refresh. Ah, there you go. To left. Actually, what controls the space and as you can see, okay, looking much better right now. But then when we hover on the social media icons. They still have this border, which I really don't like. So let's change that one as well. That's her back in here. So Bada Koloa on HOA Va. Let's stick with the same color as the background, so it just blends. And so we don't actually even see any border and letters. Increased dimensions a little bit mawr to 45 pixels. Just add a bit more our space. Let's save this. Let's head back in here. Let's refresh. And now when we hover, we now have that effect Normal borders, space and looks good. And everything so far looks good. I think I like exactly Ah, what we have Don't in here. The final thing we need to change would be the copyright takes down here. We don't need Ocean WP theme by Nick. So let's change that one. I'm gonna click on customize and let's head down over here where you have foot tall bottom clicking there and let's change this guy. Ah, let's go with the couple writes blah, blah and ah, just changes 1 to 2020 The loan nomad. Okay, bag on color is black, which is fine the text color. I think it's perfectly fine. We don't need to change anything in here. I'll just leave everything as it is. Let's go ahead now publish. And there you go. So that's it. We've successfully been able to style fota and that's it. So we have a head out. We have a foot Germany Vendex video. Well, will not begin to build out the home page. I will see you then. 32. The GetWid Addon Plugin: before we begin building out the home page for our website, I wanted to introduce to you a plug in they were going to be using extensively end up Plug in is the get weed what prez blocks plug in. So what exactly does this plug in do? Well, it complements the good book page builder, which comes with what post by default. And I've already shown you a brief introduction to Gutenberg. It's OK. I mean, with Gutenberg, you can add different kinds of blocks. You know, you've got paragraphs, headings and so on. But it's not enough. It's it's not enough and good and book needs help. If you really want to build a nice website, you're going to have to complement the good book page builder, and one of the players will uses the get weed. What? Those blocks never school down in here, you will see the additional kinds off blocks that it provides. If they couldn't book page builder, you've got advanced heading. You've got section social links. We've got blocks specifically for I instagram as well, which is great for a blawg. We've got one for male chip as well, which will be using to build out our subscribers list. Now there is another option, which is the Cube lee we have actually used before. But I used Cuba. Lee on a walk Hamas cited, basically, will come outside is an online store that you can sell products like, you know, physical or digital products. That's what your book is used for. Que Billy I feel compliments will come us a bit better then the kind of website we're building. We're building out a blogger. So comparing Get weed and Cuba Lee, I discovered that get is slightly better because get we provides again blocks for instagram on Mill Chimp, which are Cuba. Lee does not. So that's why I have decided to go with get weed just to give you a sneak peek as to what we're going to build in. This is what we're heading full on. The home page will have the background image. Some texts button right here will have letters, block posts on about section and so on and so forth. So to really build out something like this, we need to complement it. We need to help out the good book page builder. So get weight is free you didn't have to pay for it, so you can go to more depressed or calm four slash. Put us four slash get weed and you'll have this book in White is I'm gonna go ahead now and download the A plug in, and I will go ahead now and still it. Additionally, you could also just come down here to plug ins, click on Add New and you could just search. Forget where you have the such books right here, alternatively, but I'll go ahead and I'll click on upload and then dragged the get weed folder inside Shoes File and then go ahead now and install. And there you go. I'm gonna go ahead now and activate the plug in, and it's active now. One thing you should know is that whenever you install plug ins that half settings, you will be able to access those settings either directly from the plug in page. And this goes right now, I can access the with sentence directly way cave. I wanted to Oh, you would find the link to the plug in set since in your back end. Now we get way. You don't see a tab here called get weed, right? It's not like with WP forms this tabloid, Terry, specifically for the WB forms Lit planet we installed earlier, which is used for quitting contact forms. But forget we'd get what is buried inside off settings and then writing. This is where we can access. The sentence will get weed alternatively, So I'm gonna go over to the way 10 and invite here. You will see get weed sets in. So this is what we can add. Some information we can add our instagram access token and can add a Google Maps API i ke recapture side key and so on. Milk from a p I key. And then over here. This is where we now have access to all the different kinds off blocks that come with the get weed are plug in. It will be a good idea if eventually launch. You have built up the web side becoming here, and we disable some off this. In fact, I'm gonna go ahead now and disable some because we're not going to use some of this blocks . I don't think so. So I'm gonna go ahead now and disable the circle our Progress bar. We don't need that one. I will go ahead and is able the custom post type. I will go ahead and disable the image slider as well. Our media and texts later Post slide up Post Camisole. Our Price Blocks Price list Progress Bar Let's cool down here and I will also disabled video pop up Our disabled A testimonial as well will disable tabs that will disable table dissembling Quite a lot of stuff, but don't worry. We're not going to use any of these. So there's no point in us having the plug and display them. Forced to use member not going to use them. So it's better this way. I'll go ahead now, save my changes and there you go. So now if I had him back to the home page and I click, don't edit page, I will now have access to the get weed blocks. So I click on plus right here them just close this now Over here. This is where we now have access to the get blocks. And if I expand that now, we have access to the blocks that we did not disable in the setting. So these are some off the blocks were going to be making use off. I want to begin to build out the content for our home page. So that's it. Full get we please go ahead now and stole the plug in and German Avonex video Bell will not begin to build out Ah homepage. I'll see you then. 33. Building the Home Page Part 1: all right at the time has come for us to get our hands steady by building out the home page . And just as a reminder, this is what we are heading to. A trying to get this kind off design and before begin, add in the background image and the content. The a few changes we need to make to the home page layout. As it is, Let's go to Edit Page. And the wonderful thing about using the BP Ocean theme is that you have all lot of different ways of customizing the layout for each individual page. Now, over here, down here, you will have the ocean WP citizens on domain. We have the content layout. Now there is a default setting where you would have I think the default setting is a width of about 1200 pixels or something like that. But because we want some of our content available to go full with, like what we have in here against defeated image. It occupies the entire with off the screen, as you can see. So we want some of a contents to go full within a search. I'm gonna comment right now and go with 100% full with All right, this exactly The layout want to go with and then for the side ball? We don't need to change anything for the sidebar anymore, because 100% full with means that we don't have a side. Bob, let me go ahead, update this. And now you will see exactly what I'm talking about. Every head back in here. Now you get to the side by has disappeared because of said, Hey, we want the content area to be 100% full with OK, let's head back to the back end and where we have the title over here title. I'm gonna go ahead and disable displaying the page tougher because it doesn't make any sense on your home page to display the title as home. Everybody knows that's your home page. So it's relevant. I'm gonna go ahead now and simply click disable and that is it. Let's go ahead now updates. I'm just head back in here and see what it looks like. And there you go. Okay. So now it's it's time to begin adding the contents. That enough with the background image, as you can see. All right, So how did we achieve this? Let's head back to the back end. The first, um I'm gonna do is we're gonna add a section and to add a section, I'm going to click on the plus booking right here. And then let's have another vote. You the get with blocks and then you'll see section right here. I'm gonna slug section and then in here we can choose the layout for this particular kind off section. You have one where you have the white screen, but any content is fixed, and then you have another one. But you have the full with content goes full with normally, which is what we need. And then the last one, which is the full screen section, full screen, content fixed. Don't worry about that. What we're looking for is the one here in the middle. But you have the full with no content is fixed, but just want are content to go full with. So I'm gonna choose their own right there and then from here, check this hat. I'm gonna head over to style, Okay? Style. And then for the background, we're going to go with a background image. The devote a set to collar boat. We're going to go with an image instant. So I click on image right here. I'm going to click on Media Library. And, of course, already have my image. I'm gonna choose this one right here. Click on, Select. And there you go. So now we have the featured image shooting in the background, but it's too short, as you can see. So if I head back to general right here, we've got the section height, or we can choose a height for our section, and I'm gonna go with 685 pixels. Okay. All right. So 16 69 to 5 pixels for the area right here. Make sure your content area with a set to fool with in here as well, although the default is already full with. But just make sure that's what you find. And now says we have the featured image. We can. Now go ahead and add the text. Hi there. I'm Alex, blah, blah, blah. So loved us. Go ahead and grab this, uh, text the Pacific and copy that. Okay, let me copy. I'm gonna head back in here and now what? I'm gonna do is right in here. You have this plus button. This is where we can add a block directly inside off the section. Okay, so I'm going to click on Adblock. And now I'm going to choose the advanced heading that we have would get weed and advance. Heading is right here. This is the advanced heading. Now, Gutenberg by default does have its own head in block, but advanced heading off of those more options. That's I'm going to go with the advanced heading. So we've chosen that. And now I'm going to go ahead now and simply paste the text, which is what you see right here. Hi there. Malik's proper block. Okay, but there's a few things we need to do. First of all right here. Make sure advanced heading is what you're editing. As against GOP advanced editing. I'm gonna come in here. The fun size is I'm gonna change that one. Teoh, let me see what I have in my notes. I have for the six pixels as that one and then the line high, it will be 54 pixels. Land hide, by the way, indicates the margins between the other lines. So the more line had you have the most picks you will have in between the lines as you can see. But I'm going to stick with 54 right here. And then we're gonna change the call of the text from black, which is the default over to white. So I'm gonna head on the water style right here and then text color. I'm going to choose the very light gray, as you can see. Like them. Okay, One more thing we need to do is, of course, push the text over to the right. Now, you would notice that with the advanced heading, there doesn't seem to be an area where we can actually chooses the alignment off the text. Right? But if you look up here on the tool bar, you will see the alignment button right here. So I'm gonna click in there and then go with a line text, right? Okay, Let's go ahead now and updates. And let's just take a look at what we currently have. See how far we've come and there you go. Okay, we're getting there. We do have the text, but we can't actually see what's been written right there, right so we need to do right now is to add a background overlay to the text right into the background image. So let's head back in here and then I'm gonna click on the background image again. By the way, in case you're confused with nine whether or not you actually edit in the right section of the White column, you will notice that down here I'm just click on Advanced heading right here. You can see the hierarchy off the block. Such a currently editing because of clicks on on advanced Edin, you can see advanced heading is the last blood being been with not right here. But if I click on the fidget image now, you can see that advanced heading has disappeared now, but it's in the section directly. And of course, you can also see right here you say is section. So just be out bills. Make sure you read it in the white blocks whenever you're trying to be for your content. So we're going to add a background overly to our fidget image. So I'm gonna head back over to style and invite. Here you have the overlays I'm gonna put on overlay and then, of course, right here. We're going to choose the overlay color off black. Okay, off course. This is way too much. So we're going to try and reduce this. Ah, let's see. I think 35 should be fine. Let's update this and let's see. Let's head back in here. Let's hear. First the page and there you go. OK, I think 35 is just about whites. We don't need to make it any Darko. Any light. Okay, we're getting there. We're getting there. What What do right now is to add the button, our view, my travel guides. So how do we do this? I'm gonna head back in here. And then where we have the plus button, I'm gonna click in there once again. And we're going to go once again with the get with blocks and get off blocks. Has the Botton group. It's the one right here and again, The default Gutenberg page bill That does have a about in block. But the bottom group off others. More options as usual. So I'm gonna go with the button group and because it's a group, we actually have access to two buttons, but we only need one. So we need to get read off one of them. I'm going to get rid of the 2nd 1 so I'll click inside off the second button and an up here where I have this three buttons are clicking there and then we move the block. Okay, so we're editing the first block right now, so I'll just highlight the text and then in capital it as just save you my guides. And we'll also change the background color right here where you have background. I'm gonna go with this shade of blue, which I really like. So which is that one? And now to align this text over to the light, I'm gonna click just over here to the right, off the button again. Notice that in here we're currently editing the actual individual button itself. But we want to edit the button group block because that's the one that would give us access to be able to push the button over to the right. So I'm gonna click on bottom group right here and now over here. What way? I have always until alignment. I will just simply choose, right. And there you go. Let's go ahead. Now update this. Let's take a look at what we have and that is it. Okay, so we nearly get in there. Just a few more changes. We need to create some space between the text and the button and notice the Texas also a big boulder. There is also no are white space between the head and the featured image. So those are three things that we need to fix. So let's do that. Let's take you of this space. And first of all, now, when it comes to space in whenever you're developing, Web says you have access to two different types of space and you've got margins, and you have patterns. Now to create that space between the text, the headline and the button, we can either apply a margin to the text or even some padding. So check this of it. I'm going to select the text toe walk with, and then I'm gonna head of up to style. And then over here, where you have patterns, I'm gonna click in there. So we're trying to add pat into the bottom because we're trying to push the button a bit further down, right? So I'm gonna come in here right now and then petting Bach bottom. I'll just add 20 pixels. So now you can see there's more space between the button and the text. And since we're edits into the text itself, let's head back to general and then for the front weights. We're going to go with 600. Okay, let's go ahead now and update that one. Let's head back in here. Let's refresh the page and there you go. OK, one more specimens to add will be for the entire content and then the at some space between the content and then the borders off the Richard image. As you can see right it is, there's a lot more our space. So here is where you have to be a bit smart. We could come in here right now and decide to add patterns to the headline, and it also add pad into the button as well. But instead of doing that, we can just add one pat into the entire section because the entire section contains the headline text and the button. So rather than those applying padding twice to the headline and the bottom, because just apply padding once and for all to this section itself. So let's do this. I'm gonna head back in here and down here. I'll choose section and invited where you have padding are clicking there. And then we had impact into the lights. I'm gonna click inside, choose custom, and now 35 pixels have any donors before. That's why. Did, if ever paid automatically. But I'm gonna go with 35 pixels. Okay? So go ahead. Now update that one. Let's head back. Let's refresh. And there you go. Looking much nicer. Okay? Last time you need to fix is the space between the featured image and the head up. So one thing you should note is that by default, whenever you use the section block, forget weed. There will be a default margin applied to the top and on the bottom. So we need to get lead off that margin. And to do that since we're still editing of the section, I'm gonna come down here. But you have margin are cooking margin and invited where you have imagined top. I'm gonna change the default to none. So we don't want any imagines at the top updates. Let's head back in here. Let's refresh. And there you go. So now Oh, well, there is still there is still a little space, as you can see, right? It's not like what we have over here, huh? Oh, okay. I think I know what's happening. I think the head up has a border, and the border has a collar, which is the white call. It has a bottom bottom. So let's do this. Okay. I'm gonna cook and customize. I forgot about that one, OK? No, always Let's go to the customize back end. Come on. And we're gonna go over to the header. Let's head into general. And okay, here it is. So border bottom Kahlo, All those go without black. And there you go. So now the white dash has disappeared. Let's go ahead now and hit. Publish and let's head back. I'm gonna close this. And there you go. Well, so that you have it. We've successfully created the very first part off our home page, which is the featured image as well as some text. And then ah, button, view my guides. By the way, let me just mention if you're trying to add a link for the button which idea that you should have a link because it is a button. When you click inside, you will not be able to come over here. You have the link, you quick in there. And now you can add the UML for the link. In my case, we're gonna link this to the blawg page. We might as well do that. So lenders type in Blawg and there you go. So we've got blood right now. Click inside. And then we can also choose to open up the link in a new tab if we wanted to. But let's just open it on the same tab. I think that should be fine. Let's go ahead now updates and I have a head back in here. Let's refers to page. And now if I click on view my guides, it will take us to our Blawg page. So there you go. We have built out of the very first part of our homepage German Avonex video available. Now build out the second section. I'll see you then 34. Building the Home Page Part 2: welcome back. So the next section we're gonna build out will be the Blawg section. As you can see right here, do you have a section that say's laters to block posts? And then we've got three of them along with some other information, like the title of the Post, the date The Post was published and so on. And also a button right here for our view, the block. So let's go about and create this one as head over to edit page on the back end and down here I am going to go ahead now and add a new section by clicking on the plus button down here, Not the one in here. This blows button humans. You want to add some more blocks inside off the first section of all? We're dealing with a second section now, so I'm gonna go ahead now, click inside ad section once again, and then we'll do the exact same thing full with. But now over here, we're going to go with the default content area with because we don't want the block post to go full with. Want to keep them inside of a box, so ah, get wheat has a default with about 1200 pixels. So choose that one. So now you can see it's a bit. Ah, it's not quite as wide as the first section. OK, so first things first. Here we have the header that say's litters block posts. So let's do that. I'm going to click inside. We'll choose the advanced head in, and then I will say late tests Blawg posts. Okay. And then, of course, over here, I'm going to transform this to Capital. I'm so not capitalized, but uppercase. We're gonna make the upper case. And then for the fun size, I'm gonna go with 30 pixels to make it a bit bigger. Oh, okay. And then, of course, up here will choose a line text center. And there you go. All right, So, good leaders block posts. Now we're going to click on the plus button in here, directly underneath the letters block posts. And they were going to choose the posts block from get weeds. And it is the one right here. It's called recent posts, so I'm gonna choose recent posts and invited will change the layout from list to a grid will keep it on three columns. The display title? Yes. Heading set to three. That's fine. Display featured image? Yes, for the image. Full size. Now, this will depend on the kinds of images you're using. I'm gonna go with the medium large 768 and then crop images. Yes. Display. Accept. Yes. And we want 55 words for the except displayed day ts display categories. Yes. And the number of items. Ah, we're going to stick with just three soul coming here and changes. 123 And there you go. Okay, let's go ahead. Now updates and ah, let's view the page and see what we have. This book posts. Okay, we are getting there. We're getting there. We need to change the color for the letters. Blood post to pure black. And also add the button, the view RV, the block button. So let's make those changes. I'm gonna click on, let his book posts and then let it had innovative style. Text color will choose the one as black, so make sure it's very explicit. And then now let's add the buttons. I'm gonna click in here once again, ad block, and then I'll choose button group once again click inside the 2nd 1 Come up here. We moved the block. And then for this one button, I'll just say, View the blawg again. Go to the same background color like we did. And now let's choose the bottom group settings and for their horizontal alignment, I'm gonna go with center and then you go, Let's update. Let's see what we have. Let's refresh and voila, LA Okay, not too bad. Of course, we do need to add some space in between the recent posts and the button. And what I want to do here is I want to show you another way of adding some space survive than using patterns. Imagines we could actually use a new block are called a space up. So right here, let me show you the block. I'm talking about every get back to I think we should beyond our layout elements we don't need to use get week. So it's in here. Layout elements. You'll see spacer block. So I'm gonna choose that one and invite here. We can specify how much space we want to create between blocks. I'm gonna go with 20 and then so we have 20 right here. And then what else simply do is I'm gonna click on the space I element and then pop here. I'll just push the up button to now create that space between the recent post and the bottom. So let's go ahead now updates has come back in here. Let's refresh the page and there you go. So now we've got some space between the block posts and then the bottom, but in reality, it seems it's not that much. So let's make it a bit a bit longer. So let's go back in here. Let's make this one. Ah said, Oh wow, Let's make it 30 pixels as opposed to 20 Because let's stick with the pixels update. Let's come back in here. Let's refresh And there you go. OK, so 30 pixels is much better. And just like that, we're building out the home page already. So we've got Facebook posts. Ah, view the blogged. Oh, let's also add the link to view the block, so view the blawg will come in here. Add the link as well. To the blood page. It's again clicking there. That's updates, and there you go. So now that we begin to add some more content You can see the parallax effect I was talking about with the footer You can see the way how the foot is like fixed. It doesn't move. When we scroll down, you kind of see the water begin to appear from underneath. This is the parallax effect in action. So if you like it, you can stick with it. Otherwise you can just simply go back in here. Go back to the back end and then just change. The parallax effect is what I'm talking about. If I head back to customize have been coming here and then let's just wait for a few seconds for this to load. Come on! And then I headed over to the foot are widgets. And now over here I could decide to turn off the parallax effect. Turn it off! And now it was Scroll down. You can see this is how the normal for troubled will behave right? But with the pallets effect, you have this other effects Where the foot I just appears underneath like village. I really do you like, so I'm gonna go ahead and just keep the changes. But of course, by all means you can change it if you don't like it. So that's it for ad. In all of this book, post German appendix video, Bell will continue to build out the homepage. I'll see you then. 35. Building the Homepage Part 3: we are moving on, and the Verne exception we're gonna build out will be the about US section and this executive we're trying to accomplish right now, you can see I've got my image right here. And I do have another column with about Alexander, two paragraphs of text and then read more about Alex and that a link that will take us to the about page. So how do we go about creates in this? Well, I'm gonna show you. Let's head on over to the back and and the first we're gonna do is will school all the way down here, click on the last blows booking right here to add a new section. So clicking there and then choose section Let's choose the usual full with section content full with pattern. And now inside I'm gonna click on the plus block right here, and I were going to choose a new kind of block, which is the ah, columns block. Now you would find out in your layout elements and then you will see columns right here. So let's choose that one. So the McCollum's is that you can choose a variation to begin with Now the default. The standard is the two columns have equal withs or 50%. However, the one we're going to go for would be the second variation where one column is 1/3 of the entire With of the section, while the other one is 2/3. We're going to choose that one. And there you go. So now you can see the first column is highlight Head. The percentage with right here is set to 33.33 If I could just above two slightly above the second column, you can see the person it with here it's safe to 6.66 So you could always come in here. And we are just the words of the individual comes by Just Dragon. Yeah, this circle right here. But when I'm gonna do that, we're happy with the layout as it is. Let's head on back to the first column. I'll click on Adblock. I'm gonna choose image block, click on Media Library, and I'm gonna choose this image where I pretended to be a shake. Actually thought this image is going to help me get some more likes and slaps on tender might get in profile online. Unfortunately, well, it didn't work. I still don't get and he swipes on my tinder profile. If you know the secret to getting more likes and slaps on tender, please do hit me up. I'll be very, very, very grateful. Just joking. By the way, let's go ahead now and add the second column, a condom for the second column. And as you can see, we basically have two blocks. We have one that we have a title so we can use the advanced heading for this one, and then we'll just use the paragraph block to add the women in text numbers. Go ahead now and quickly. Just grab this. Text them. Just copy that one. Let's head back in here so the first book will add would be the advanced head in, and I'm gonna type out about Alexander and let's make a few changes in here. I'm going to change the text transform to upper case Now down here, where you have HTML attributes. I'm gonna change the title tag here from span to head into. We'll take a look at this in more detail very, very soon, but just make sure your title take hair sets to head into. And now I'm gonna click on the plus button just below the head out at a paragraph, and now I will go ahead and pasty to pack us. I have. And there you go. And then finally, at the end of the second paragraph, I'm gonna press enter to get a new line and then in capital, it has all type out to read more about Alexander. Now let's turn it into the link. I'm going to highlight the text, come up here, make it bold, making italic, and then I'll click on the link button and an inside of this box, all type about. And then we'll just choose the first link right there and there you go. Okay, well, almost there. We need to make a few changes. Let's go ahead and edit. The sections are come down here, click on section. So first we need to do is going to change the default with from full with to the actual default with so choose default. And now we need to add a background color. Oh, this background color, which is the same we used in the footer. So I'll go to style on the background. Coehlo choose custom color and I have the code written out here. Let me just take a look at it. It is three a 93 B two. Okay, awesome. Now winds of change The text culo are two white. So click on about Alexander, go to style, and then choose the very light gray color. Do this in for the paragraph. The first paragraph click inside. Come down here to Cosette. Ins changed its a great color. Do the exact same thing for the second pack of as well, close settings. Great polo. And then, of course, we'd more about Alexander. Well, type called sets ends and then changed. I want to agree as well. Okay, we're almost there. Let's go ahead now and updates and it will see the results off our label. Let's be the page. Let's come down here. And there you go. OK, but almost there. If you're changes that we need to do though, about Alexander, here's a lot bigger. We'll take a look at that and then notice there's a lot more padding between the content and the actual our borders off the section. So let's head back in here and while we're at it in the section, I'm going to go over to our style. Calm down here to panting and Linda Scroll down here now, Where? The benefit of a hand side. I know that the parent top here should be set to a custom, and it's gonna be 45 pixel. So set your custom up heading top two for the five pixels and in pattern bottom is actually going to be none. Okay, so I'm gonna go ahead now and update this. And now let's head back in here. Let's refresh the page and let's see what we have. And there you go. So a lot more pattern right now has been applied, which is awesome. Final thing to fix now would be the about Alexander fond size. Now, we've already set the tag for about Alexander right here. We have said attack here to be on age to down here, heading to light. So what we can do is let us make sure that all the headings on our front page R H twos and they all have the exact same are formed size and weight. So let's come up here. Let's do the same for the latest block posts. I'm gonna click on letters. Block posts come down here as well. Change the title tag over to head into. Okay, let's go ahead and update that one. And now let's head back to appearance. Let's go to customize, And we're going to apply a change, which is gonna be very beneficial for us. And, uh, okay, so now I'm gonna head down to topography, okay? And now what? You have your headings I'm gonna choose head into and then right here we are going to set a front weight and font size for our age twos. So the front Wait right here. We're gonna make this one our 600 and then for the fun size, we're gonna make all our H Tuesday 34 pixels. Okay, let's go ahead. Now we go back and then for heading threes as well, which is gonna be very important for head and threes, will make them 600 as well for the front weight. And then for the phone size, we're going to make them 26 are pixels. Let's go ahead now and hit. Publish. And there you go. Let's go back in here. Let's refresh the page. And now you can see the new Age too full of his book posts and the new phone size for about Alex. And however you may notice that the size is a little bit different about Alexander is still bigger than let his book post. So let's take a look at what might be happening. Oh, I think we said a a custom phone size for letters. Blood post. So if I click a little blood posts are okay, so it's right here. We did set a phone size off 30 picks. Also ill. Just go ahead and remove that one. OK, so applying off on size, the H two will get the fun sized typically form Ah, sentence that we made in here. So let's go ahead now update Once again, knife reviewed the page. The phone size should now be consistent. And there you go. So let us block. Post is not that it for pixels about Alexander is now 34 pixels as well. And that is it. So German evidence video, we will now go ahead and add instagram on ah homepage. I'll see you then 36. Adding an Instagram Block: welcome back. So now let's continue with building on the home page by adding an optional our instagram section. And of course, here is exactly what we're trying to accomplish. This is the feed off. My instagram profile are right here and instead, um, is important, especially if you have a block that covers a very exciting topic. Like travel. It is highly recommended that you have an INSTAGRAM account and you can grow your popularity on Instagram and also help with sales and other things like that. So how can we display the live feed off Instagram? Pull felt. This is life, by the way, If I go over to my instagram account, you can see these are the last six pictures have uploaded, and you can see that's exactly what is showing up in here. Now the thing is, by default, the get weed plugging, winced old. Those have an instagram block, but it's not perfect. Let me see what I'm talking about. Cfs cold down here and let me add the plus button and let just go over to get with blocks on. Let's look for Instagram. It should be around here gets here is Instagram on they'll get week, right? If I click on Instagram, it will ask to connect instagram account. So let's do that one click in there. And now make sure, of course, that your signed into instagram So you're gonna get this message I'll click on continue and basically the plug in needs permission to access on instagram account. So this will take us to the page for the settings. And here is my instagram talking. Now, the thing is, this isn't gonna be important because we're not gonna use this dis method anyways. But I'm to show you why they get weed Instagram ad on Flint for doesn't work. No, if I go back in here and ah, let's refresh I'm saying refresh, Let's come in here and updates just like an update. And there you go. Okay, So now let me up to the page. Let me close this one. Let me view the page. Now you will see there is a problem. So it's pulling out five images, But the 6th 1 ordered the 1st 1 in this case, it's not pulling it. And the reason is because this first image is actually two. If by clicking here, notice that it's actually two images in this particular post. So this plug in the adult to get weed our instagram block has a problem with pulling images . Oh, are pulling images from post that has more than one single image. These are the ones that perfectly fine, because these were single images. But this one has to images and search. The plug was unable to pull that image. As such, we need a better method, and there is a plug in that we can use an up. Logan is called the smash Balloon Social for two feet, plugging by smash balloon. So let's go ahead and install this plug in. First of all, let's head over to the back and go to plug ins. Click on Add New and in such plug ins, I'm going to click on Smash Our Balloon so she'll photo and let's see what we get. Oh, it say's no plug ins found that is so annoying. Okay, let's go ahead and copy this text. Let's come back in here, paste that one percenter and they go. So sometimes you have to type in the actual full name of the plug in, which is a little bit annoying, but here it is the smash bell on social photo feed by smash balloon. So I'm gonna go ahead now, click on Install now, and let's activates the plug in. And there you go. Okay, so now you will see instagram feed down here for the plug in, so I'm gonna click on settings, and now we'll have also have to connect our instagram account to the plug in. So right here you will see this button that Cesar connect an INSTAGRAM account. I'm gonna click in there. And then, of course, my own is personal. So click connect. And now again, Instagram will tell you Hey, would you like to give access to this plug into, you know, access your photo feed? Yes, Well could continue. And there you go. OK, so it's picked up my account. I'll and I'll click on connect this account and there you go. So now the plug in has successfully Can I get to our instagram account And then over here, where you have configured under this come feed there is something you can do which is the art when the page loads, I checked the new posts every one hour this will depend on how frequently you post on Instagram. In my case, I don't post like super often. So in this case, I'm gonna go with, let's say, four days. So every four days, the plug in will check to see if there is a new image has been posted on Instagram. And then if there is, it will then pull in the new image. So I'm gonna choose man for this. But of course, this depends on how you can you post if you post regularly. You may want to make this maybe one day, two days or something like that. So ah, let's go ahead and save my changes in here. Okay, Now let's click on Customize to customize how the images will be displayed. So I tell you, got with a fever of 100%. That's fine. Height of feed will keep all these as they are. But an over here number of photos. I'm gonna go with six because we don't to display too much. And the number of columns will set down 123 a pattern of and the images is five pixels. That's fine. We'll keep going as it is. Disable the mobile layout now, sometimes setting kinds off functionality would not look too good when viewed on a mobile device. We'll take a look at Mobile a bit later in the course, but for now, we'll just keep this one on checked. So let's just leave that as it is. And then let's cool down in here. Let me save my changes. First of all, let's come back down here and ah, OK, so photos suffers by newest old asked image resolution. All of these. We don't need to change anything in here. I'll just leave everything as they are. Okay, let's head on over to display your feed. Now we've got this thing called short codes, which shut cold bacon display content. And this plug in this bugging has given us a default short code, which is the more mighty instagram feed. So this is what we can simply use to paste on our page and on instagram physical. But this plate, So I'm gonna go ahead and grab this short code right here. Now let's head on over to the home page and I'm going to go ahead now and edit the page limb. Just close the plug in page for now. And also my instagram account. Okay, so from here, right now, I'm gonna click on Edit Page. And of course I will calm down here. Let's remove this first Instagram looked at added So I'm gonna come in up here. We moved the block, and now, as usual, I'm gonna cook on the plus button to First of all, add a section. Very, very, very important section. We'll choose the 2nd 1 The content area with will set a default. Okay. And now inside, we're gonna click on Adblock. And then from here, we're going to go over to the widgets section and we're going to choose a new block called the Shot Code block. It's the one right here. Let's click on short code. And I'm simply gonna go ahead now and paste the code I copied. So, Instagram dash feed. Let's go ahead now and update this and Ah, let's take a look at what we have. I'm gonna click on view page. Let's call down here and there you go. Awesome, isn't it? And of course, we've got the opposed that has the two images right hand. And when you click on the images, It will take you to the actual instagram account. Now, you would notice that down here you do have the Lord more button and also they follow on Instagram never click, Unload more It starts loading or the images as well. Now the thing is, I don't want this to happen. I only want to show six images, get people excited and then get them to follow me on Instagram. I don't people to just come in here and begin to load all the images from Instagram directly on my website. So we need to hide this our load more bottom. Now, how can we do that? We're gonna head back to the settings page for the instagram plug in. Now we have display your feed. Didn't about a short code is that you can customize the shot caught the shot. Gold is used to display the content, right, so we can modify What kind of content will actually are be displayed. So over here you've got the shot code option, the description and then an example. And of course, under the configure options, you can see the different types of things that we can customize. You can customize the with the height and so on and invite here. You You can also customize the layout, number of photos, number of columns, the pattern and so one. But this is actually what we are are interested in. So over here, let me show you Over here you have the load. More button options. We don't want this. It's a Z. Whether to show the load more button options, true or false, you wanted to say to false. So this is a short code right here that we can grab that will not display the load more button. So I'm gonna go ahead now. Grab that one. Let's head back in here. Let's edit page and we'll just change the short coats. Let's come back down here. Clicking here. Remove the old one and paste the new one. So now you can see the additional texts. Show button equals false. That is the modifications. Go ahead. Now update this. Let's view the page. You never school down. There you go. So now it only stays follow on Instagram and no more load or more button. So that's it. That's how you can add Instagram to your blog's using the smash balloon Instagram plug in. Thank you for watching. And of course I will see you in the next class 37. Setting up the Blog Page: welcome back. So far, so good with added quite a bit of content to the home page and we're going to take a break from Bill, another homepage to focus on some although pages and we're going to start off with the blawg page now. This is exactly what we have currently, but we will cook on the block page. It will show the bloke post that we have. And we also have a sidebar here where we have ah recent posts widget. We have a search ball, which is okay, but this can be improved. So let's take a look at how we could make some improvements in here. I'm gonna click on the are customize. Okay, customize the page. And of course, with the WP ocean theme, we do have numerous ways of how we can customize the layout and content off are blocked page. So from the customer's point, you're gonna come down here to blawg, click on Blawg, and then we're gonna go to block entries. This is the section that will control the actual block page itself. So right here you can see we have got the default layout that say's a light side bar this, of course. The pains on your own taste. You could decide to go with the sidebar on the left and then the content on the light. But in most cases, we typically have this side ball on the right. Now, you do have the option of going full with. We're in this case, you will have the content taken over the entire with off the page and you won't even have any sidebar being displayed. However, I'm gonna go with the right sidebar. Lay out. And now over here, we do have the block style. Linda's government mouse. So over here, we've got the block style where you can choose either to display a large image for your, um, posts. You can go the thumbnail size, which is what you will have in here. So now you have more like a thumbnail science on the left, and then you have the content on the light, or you could go with a grid. Now you might like the great style. I mean, you'll have two columns, and it's really up to you. There's really no good or bad choice are here. In my case, I'm just gonna go with the our thumbnail style, and I like this. So I'll stick with that one. And then, of course, image position. We can switch the image to the right, have the content on the left, but I'll go with this standard image position on the left and in vertical position, which is the opposition off. The content itself will keep that one in the center. And then if we scroll down here, we do have. Although options like changing the category call Oh, the hover cola, things like that. We can also customize the length off the excerpt. The default is that it will keep that as it is, and then the presentational style is standard. I'll just leave everything as it is right now so that you go. I'm gonna go ahead now and simply heat publish and let's add some widgets to the signed. But because as it is right now, we only have the search bar and then the recent post. With that, we need to add a bit more. So let's do this. I'm going to close this and we'll go over to the back and itself and then come down here to appearance, go to widgets and This is the default side by This is the sign, but controlling content will see on our block page. So we've got search bar, we send posts. Let's go ahead now. And also add the categories. I think the bigger than I did to add categories. So go categories without right here. I'll click drag and drop it in here. Let's keep that one is it is a search categories and posts. Ah, what else can we actually add? Let's let's add the social icons as well. So you've got social icons in here. Animal. Drop that just below the search bar. And then I'll change the title in here to follow me Now will come down here and add links for Twitter, Facebook, instagram and, of course, our YouTube. Let's go ahead, hit safe. And now let's go back and view the blood page and see what we have. Click on Blawg and ah, there you go. So the search bar follow me categories is and posts and there you go. I'm just gonna go ahead and leave this Aziz. It is I'm not going to change any other thing. By all means, you're more than welcome to add all the kinds of widgets. If you wanted to, you can add your custom links. You can add a Facebook like boxes. Well, if you wanted to, you need to connect your Facebook account so it will be something like this. You dragged the Facebook like box. Drop it in there, and then you'll need to add your Facebook page Arbil in here. And of course, you can customize the weight, height and so on so you can give them on the trying if you wanted to and you can, ADM, Or are we just in here? But I think four is enough, and I will simply leave that as it is. Let's go back in here and ah, Well, there you go. Now you might be wondering, how can we control the number of posts being displayed on our block? But right now we have 1234567 We got all seven posts been displayed. Now, if I wanted to make this, let's say five as an example, right? We can go back to the back end and then go to settings and then reading, okay? And now over here it says block pages show at most 10 posts. We can bring this one down to five. Let's go ahead and house ever changes. If I head back in here and I refresh the page and that s cool down now you can see we now have just five polls been displayed on. We now have a pagination style. But if you click on to, it will take us to the next page off the posts. So that's how you can control the number of post Bendis played on your block page. So that's a German of inexplicable will. Now take a look at customizing the individual. Our post pages. I'll see you then. 38. Setting up the Post Pages: Welcome back, sir. Previously we have been able to set up the bloke page. But what about the individual posts? Pages themselves? So let's take a look at what we have by default. So I clicked on, visited a Buddhist temple. Let's see what we have. You would notice that we still have the exact same layout as the block page, where we have thesafeside bone the rights with the same widgets, which is perfectly fine. But then, if we take a look at the actual content area, we have the featured image. The title. We have the author and we have some other meta commenting here and then down here we have Alexander, the also profile page, so we need to make a few changes in here. Let's go ahead now and click on Customize to change a few fins and blew it for this page to load. As usual, let's head down to Blawg, and then, instead of block injuries will now go with the single post. This is where we can control the layout, full our individual posts. So again you've got the layout. White sidebar, left side ball. All this is entirely optional for you and over here, we can actually control the position off our elements. So you can see we've got featured image apparent first, then the title than the meta information and then content. So for the meta, you can see these all the added items, the awful the date categories and in comments now, due to the fact that I am an individual blogger, it's only blogging on my website. It wouldn't make sense for me to constantly add my name as the author for every post because, well, I am the only author. So I'm gonna go ahead and remove the author by clicking on the I to the Zabel offer. And now you can see Alexander no longer appears when we have the dates, the category and a number of comments. And then down here, you've got the related posts count, which is set to three. Religion was called Columbus, set to three as well and then develop post taxonomy is set to the category. If I scroll down here, notice that there is a you might also like so WP ocean theme is ableto pull this kind of information. If there are other post that share the same category as the one we're currently are viewing . That's exactly what all these doors right here. So, as you begin to create more content to admiral posts, you will discover that in here you'll begin to have three columns. I'm sorry. Three posts rather are showing similar post based on the category. Okay, but what about this one right here where you have Alexander again? My name is Alex, blah, blah, blah, blah, blah. I don't like this because again, it's kind of redundant. So let's see how became disable this one. So it was cool up here. Ah, let's see. Okay, so it's down here. It's over here, Right? Right. They actually have the next beavers links and then offer box. I'm gonna go ahead now. And the Zabel, the author box? Because we don't want that one. And there you go. Awesome. Awesome. Awesome. So I do like this layout. I think it's very, very simple. And I'm happy with it. Off course by all music. And I was coming here and modify every other thing you see in here. You can add your categories If you wanted to disable related posts, change the number off a little post count, change the width of the images and things like that. But I like this as it is, and I'm just gonna go ahead and keep them. So go ahead now and simply hit. Publish. And there you go. There is one more thing we do need to fix, though. And that is we need to add the capability for users to share our post on their own social media platform. So, German Avonex video. I'll show you how we can add that capability. I'll see you then. 39. Adding Social Share Function: welcome back. So now let's add the ability for users to share our content on their