WordPress for Beginners Tutorial by EpicWebs | Epic Webs | Skillshare

WordPress for Beginners Tutorial by EpicWebs

Epic Webs, Helping people with websites.

WordPress for Beginners Tutorial by EpicWebs

Epic Webs, Helping people with websites.

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (1h 25m)
    • 1. Intro - WordPress for Beginners

      1:00
    • 2. Lesson 1) Installing WordPress

      12:09
    • 3. Lesson 2) Login and Dashboard

      16:29
    • 4. Lesson 3) Installing Themes

      10:03
    • 5. Lesson 4) Creating Content

      11:39
    • 6. Lesson 5) Managing Media

      5:42
    • 7. Lesson 6) Plugins

      6:52
    • 8. Lesson 7) Gutenberg vs Classic Editor

      3:49
    • 9. Lesson 8) Going Live

      5:00
    • 10. Lesson 9) Advanced Topics

      11:51
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

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

63

Students

1

Project

About This Class

In this WordPress for beginners tutorial you will learn everything you need to start using WordPress and install WordPress locally, so that you can have a play around without fear of breaking anything. This course focuses on how to use WordPress and best practices when creating content.

Hi, I’m Rob. I’ve been developing WordPress sites for close to 10 years now and I love it. I wanted to share my passion for WordPress with you, so that you can create your very own website. WordPress has almost a 35% market share which makes it a great platform to learn. If you want to become a developer, website owner, blogger or just looking for a new hobby, then stay tuned because I’m going to give you all the information you need to get started.

Ok, let’s get started and dive into the exciting world of WordPress. 

Installing WordPress, Local vs Live
- WAMP, XAMPP
- Hosting

Login / Dashboard Overview
- How to login
- Posts, pages
- Categories
- Menus

Installing Themes (Provide Theme)
- Getting themes (https://wordpress.org/themes/browse/popular/)
- Generate Press (https://wordpress.org/themes/generatepress/)
- Installing
- Updating

Settings
- General: Site Title, Tagline
- Reading: Static front page
- Discussion, stop comments
- Permalinks
- Privacy

Creating Content
- In depth look at creating content


Managing Media
- Finding media
- Alt tags

Useful Plugins & How To Install Them
- Yoast SEO
- Contact Form 7
- Social plugins like, WP To Twitter

Gutenberg Vs The Classic Editor
- Why, what, how?

Making Your Website Live
- Add to google webmaster tools
- Submit sitemap to google webmaster tools, using Yoast
- Turn of discourage from search engines
- Share your site

Additional - Advanced Topics, ACF
- Child themes
- Installing ACF to add clean additional fields

Meet Your Teacher

Teacher Profile Image

Epic Webs

Helping people with websites.

Teacher

Hello, I'm Rob. I've been developing WordPress websites for close to 10 years now. I love WordPress and the possibilities it opens up once you know how to use it. It has around 35% market share which makes it a great content management system to learn.

Follow me and say hi over on twitter.

See full profile

Class Ratings

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

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

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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

phone

Transcripts

1. Intro - WordPress for Beginners: I I'm rob from epic webs. I'm welcome to my WordPress course. This course is gonna be perfect. If you are are looking to get started with WordPress. If you are a potential developer Ah, blogger, a website owner, a small business owner or you're just looking for a new hobby. So stay tuned, and I'm gonna show you everything you need to know. To get started in this course, I'm gonna be showing you how to install plug ins high to install themes. Change the settings in the admin area on. I'll even run you through the whole admin area so you can get started with wordpress easily and feel confident to launch your own website. I'm also going to cover a few advanced topics. Should you be interested. Andi, let's get started learning work breasts. 2. Lesson 1) Installing WordPress: welcome to lesson one off WordPress for beginners. And this lesson, we're gonna look at getting WordPress installed on a local environment so that we can play around with it. Do whatever we want on. We don't have to worry about breaking it. If you have a hosting company that you want to use instead, feel free to do that. Let's start by determining what operating system you're on. Because depending on which operating system you're using means you will have to use a different type of local environment, but they're all super easy to set up. So what I'm using is I'm using windows, so I'm going to be installing lamp. So if we just search for when and then you can see we get Wamp Server. If you're on a Mac, then you want to search for mam and you'll be out to grab lamp instead. Both of these air just programs that you install on your computer, and then you can launch them to bring up a local environment. If you're using ma'am, then some of the steps are gonna be slightly different. But once you've got this installed, then it's gonna be super easy going forward Okay, so let's stay late. One so we can click here, we grab the one that's relevant to your system. So I'm gonna be ground grabbing the 64 bits. Yes, that's fine. Just wait for this to download on. Once it's finished, then we'll be able to keep the phone frickin stool, and then we can run through the installer. Once you've run through the installer, then you'll have Wamp installed on your machine, which in stores, Apache, my SQL on PHP, which is everything you need to run wordpress. Okay, great. So we've installed either ma'am or Wamp. Now, what we're gonna do is we're gonna start it, and then we can get into some WordPress installation. So what we can do is we can come down to our start menu typing lamp and then click on wimp . That was start for us. We can just click. OK, this will do its thing. And then down the bottom right here, you'll see this w icon. As long as it's gone green, then you'll be able to do everything you need to do. So you can right click on this and this will show you some details. If you left click on it, then it will actually give you everything you need to be able to access that. So we've got things like local host, which is where you will actually see your website. PHP my admin, which is an admin system for a database on. Then you've got things like Apache P HPV don't need to worry about those. If you are using a web host to install WordPress for you, then you can probably skip this page and move straight on to lesson to because this is just going to show you how to get going without spending money on a Web host on set up a local environment so you can just break WordPress and play around with it. You can do the same on a Web host. It just means if your websites live there. We had England editing at live, so that's something to just bear in mind. Okay, so we can click local host and effectively. This will show us all of our websites we've got. So what we can then do is we can click, could care again. Click on PHP My admin. This will load up a screen that looks like this in the user name, you can just type route, which is probably pre filled, and then click Go. There's no password because it's just local host. And it's just for development purposes. Okay, let's create a new database. So at the top left, we can click new. We can type in a database name in this section here so we can put in, for example, I think webs click, create. And now we have our new database with no tables. Great. So now what we can do is we can open up note pad, and we can write Dane all of the details we need when installing WordPress. So we've called our database epic webs. The use name is route the password, his blank. Andi Yeah, that's everything we need. This is a simple is it needs to be to set up a local development environment. So what we can do next is we can look at actually getting WordPress installed now to get wordpress installed. What we can do is we can go to wordpress dot orc. This is our WordPress site. Forgetting themes, plug ins on actually getting WordPress itself. So in the top, right here this may have changed, but generally speaking, in the time I've known it, there's always been a very obvious button to click toe. Actually, get or download WordPress, we can click, get WordPress, download WordPress, and then we just need to wait for WordPress today late. Okay, great. So WordPress has dilated. Next we can open WordPress. Go on, open it again, and then we can copy all of the's files from the WordPress folder. Inside of our ramp are Wamp folder, which we need to make. So to get there we go to file Explorer. See Dr Wamp Www. And then we can create a folder. So for this, we can call it something like epic webs. And then we can paste WordPress inside epic webs. This will be a little bit slower. It's what it's actually doing this. It's extracting the files as well. What you can do is, rather than going into the folder and copying it, you can also just do extract all and then select your location. The problem with that is, there's actually a zip on. Then it's signed. The ZIP is another folder called WordPress. You need to make sure you take the files out of that folder. And once that's finished, then will carry on to the next step. Okay, great. So WordPress is no copied into our folder, which is Wemp 64 www on that epic webs. So we now have our files, and we have our database created earlier that we're ready to start the WordPress installation, which is really simple. What you want to do is you want to go to your local host, which is just here. This will bring up this site, and then you can look for your folder, which is epic webs. And then we were greeted with the installation of WordPress. This is super easy. Find your current location. I'm based in the UK. Click click it and then click next. Now, this is where we're gonna need our database details. Click. Let's go. Our database name as we broke down before, is epic webs. Our user name is route. Our password is blank on our database host is the same as what you've got up here. Generally speaking, WordPress will fill this in for you on the ad local host. But if you're using something slightly different than it's worth looking up here to see what your host, Maybe for your database, the table prefix. You could just leave the same. This is if you want to run more than one WordPress installation off of the same database, it's submit. And then you should get a success screen if you don't leave some links to make sure you can follow the official WordPress installation. But this is fairly simple. So you shouldn't have any shoes. That's from the installation. Okay, we need to give our WordPress site a title. So what I'm going to do is I'm going to call it epic Webs. Gonna give it a user name off the Web's and then we need to select a password because we're on local host. We can just select a really simple password. Just make sure that if you go live with your site, you need to change that password because this this is one of the weak points off any system , the password that a user puts into it and make sure you choose a strong one. Recommendation is WordPress will create a password for you so we could use this one. So let's go ahead and use that one, and we will just change that. So let's no doubt in some of these details. WordPress looking area look in details. So our user name, his epic webs are password is this And then the email address will be ethical webs. What could UK actually dot com every game? Um, this is if you're currently developing a website, you can take this on, and then search engines shouldn't index your web site. This is just a recommendation to search engines. They don't necessarily adhere to it. But if you've got this turned on, then they shouldn't index. Your Web site for development purposes is probably a good idea to have this on. When you go live, make sure you aren't taking a voice. You're never get any search traffic, especially from the likes of Google, which is the main search engine. So I'm gonna leave this ticked on quick install WordPress and there we have it. Success. Really? So you just install wordpress? Easy. Next we can log in Onda once we've logged in, using the details that we took down earlier. So epic webs you can use effort webs, or you can use your email address, um, your user name or your email address. I've also got a thick webs, So Oops. Let me just copy this one. And then I can copy the password that we took earlier. Click Remember me and then log in. And there we have it. We're logged into WordPress with installed WordPress were on a local environment. So we can really mess about and do whatever we want. And yeah, awesome in lesson to what we're gonna do is we're gonna go all the way through this dashboard, see, for comfortable playing about with staff changing stuff. And if you ever get in trouble or you think alive, done something or not Sure I don't like it. You can always just delete the database that you've added. Delete the folder that you've added and just followed the installation again. And you'll have a completely clean in store of WordPress again. Generally speaking, you wait need to do that. But it's always nice to know that if you feel like stuffs, not quite working or you want to change something, you've got that hard reset to just reset again. Andi, have a play around. Thanks for washing. Lesson one. Let's move on to listen to 3. Lesson 2) Login and Dashboard: I have one problem Epic webs. And I just wanted Teoh. Thank you for going on long to listen to and in this lesson, we're gonna be covering the WordPress dashboard. One thing to know is all the lessons going forward are probably gonna be a lot easier than less. And one this is just a case that less someone to set up a local environment can potentially be a little bit involved. Whereas this is what you would expect if you're on a hosting service or if you're using the word presto overtime laid somewhere else. So all of the lessons going forward, we're gonna be a lot easier. Okay, let's get started. But we're gonna be covering is we're gonna be covering posts and pages, which are fairly similar. We're gonna be covering media, which is four things like images and video. We're gonna be covering appearance, which can get quite involved. But that's a lie through a graphical user interface or a a gooey on that will just show you how you can change the front end of your site to look different at different menus, change themes, stuff like that. Then we'll move on to plug ins and will install one of my begins that I pretty much used on most websites at the moment. Andi all recommend you install for the rest of this course. But it's worth noting that in the future I'm likely to come out with a course that shows you how to use WordPress, where they using that plug in or get onto that more. Once we get into plug ins, we're going to also look at users how you can add to users and how you can change your password and things like that. And we're looking tools there, some useful tools that you can use that been provided by WordPress. So that's really useful. And then finally we look it sayings, which is just the general kind of information about your your WordPress website. Okay, so posts. Let's take a look at posts. So as you can see, posts have a lot more to them than pages. So over here we've got posts we've got, add new and we've got categories, and we've got tags. Posts effectively are kind of your block pastes or news articles. If you like their your pieces of content that are continually updated, their very date orientated Andi. They will contain kind of new information or, um, events awards those kind of things. Now, if we take a quick look at pages, pages just has all pages and add new, there's no categories or tags assigned pages because you don't tend to categorize or attack them. They're pieces of content that are fairly static. So if you think of things like on about US, page a contact US page, a privacy policy page, even though that's probably updated over time, it's fairly kind of a one off piece of content. It doesn't 10 totaling Karang, or it doesn't tend to need to be categorized next. We've got media Media is really useful. Oh, and just to note, one reason why I'm not going into these menu items is because I'm going to be covering some of thumb in a lot more detail later, like posts and pages, I'm going to be covering in editing content, so I'll dive into them a lot. Maurin. A future lesson in terms of media. I'm going to go into that now, so I'll show you a bit of media. The media is effectively where it's a store. If you like or an organized place for all of your media types, Right? The site. Two. If you add a piece of media through a post or page, then it will appear in the media library, and that's a really useful way to keep all of your content. So if we go into media, we can have a quick look and see what we have. So I've uploaded this picture of a panda, As you can see here, Andi, this is sat in the media library. There's a couple of ways to find media. The most useful way is up here in the search box. That's really useful, so you can search, for example, panda, and you see that slight flicker it searched for it. And then it's also you find the image again. Another way is you can search for different types of media so you can go on this, drop pain here and go to images audio video on any other types of media you might have, and finally you can do dates. So if you know when you posted a block post, for example, and you're trying to find media that's attached to that block post, then you can either go through posts like you would normally, or you can come in here and look for it on a spa Pacific date. Okay, so let's have a little look what you click on an image. You'll get this, like box appear the like box will show you all the information you need to know about your image or piece of content. It might be different to images, but images is the piece of content will use as an example, so you could do a couple of things here. You can often see attached data to that image. For example, the alternative text, also known as the old text. Ah, title a caption a description on. Then you can copy the link directly if you need to use it somewhere else. It will also tell you where the image or piece of media was uploaded. So in here we can see that it's my new WordPress block post. That's where it's been uploaded. Also for images you could go into edit image on then. WordPress has a few tools for you to be able to change your image. So, for example, we could retake the image and you can see it very tapes and then you need to click Save. You can even crop the image. So if you want to get a better crop, for example, we want to get a crop right on this Pandas little face, we could crop the image. And there we've got a nice cropped image. You can also change, like the scale, the aspect ratio. So what I'm gonna do is I'm gonna quit, cancel and then click. OK, And that's all about the media library. It doesn't get really It doesn't get any more complicated than that. You have add new buttons so you can add media directly through this. Add new bun, which, when you click out new, it just gives you a drop Files today load or you can select Fars. And that just gives you a far system to braise. Pretty simple. Okay, The next thing is comments, comments could be a little bit difficult sometimes with WordPress site. But if you have comments, then this is where they there will be and you'll be able to see comments that are attached to block pastes. Personally, When I'm dealing with a wordpress website, I tend to use one of the other social providers. But it's completely up to you. For example, I will use Facebook comments, discuss comments. Basically, I will use one of those to generally speaking, if I got a WordPress site that runs comments, what I tend to find is it tends to get picked up, and people tend to try and spam that comment system a lot. That would be my personal recommendation. If you do want to use Bill in comments, then you probably want to look at some kind of maybe comment, capture, plug in or something like that. But that's my recommendation. Okay, The next menu item is appearance, appearance, allies you to change your theme, customized that theme once you've installed it and also change widgets and menu. I'll go into these in a little further detail. In a later lesson. Widgets allow you tried little blocks of content or example. Search bar. A recent comments block things like that. Now you toe athm two sidebars. If your theme has a sidebar that's important to remember because sometimes if you were activated widget. But the theme doesn't support sidebars or widget areas, then it will just do nothing so it does depend on the theme. The next one is like menus, which allows you to change your navigation stuff like that. And again, we'll go into that in more detail. Once we look at the appearance and then we've got plug ins. Plug ins is really important. So I'm gonna try and keep this brief and go into it in a lot more detail. The key with plug ins is that you can add so much functionality with them. You just need to be careful that you don't just add a ton of plug ins, and they start conflict in with each other on causing issues on the site. One of the first things you can do when you're troubleshooting your WordPress website is to disable plug ins to see if they're altering functionality nine times out of 10. A plug in probably is causing an issue, and then there's multiple ways to solve that. So disabling the plug in and looking for a different one, updating the plug in because it's out of date or just disabling the plugging them, removing it if it's functionality, you know what you need. Next we've got users. I'm going to just go through users because we're not going to dive into that in a lot of detail because it's relatively simple. So if we head into users, we've got our user that we created the beginning with our human address on our role of administrator that will even tell you how many posts a user has made. Add a new user. You can add a new user up here, and then you get the new user form so effectively you can see you can add a user name and email address. You can add some additional data if you like, and then you can create password. WordPress will recommend a password for you. You can delete it and change it if you like. But if you're sending it to a new user, you may as well use that password. And they just told them to up days. You can send a notification to a user to let them know that they've got a new cane. The next thing you can do is you can change the role of the user. So, for example, we've got a subscriber. A subscriber is basically someone who can manage their profile. There isn't much to it next. We've got a contributor. The contributor is someone who can write and manage their own posts, but they cannot publish them that they can't go in and change someone else's post. But they can create their own post and have it sat there ready for someone to publish. Authors can actually publish their own posts so they can create posts. Edit them the same as a contributor, but they can also publish them to the front end of the site. On Editor is someone who can manage posts and posts of other users, and they can also publish Paste. This is someone who edits the content and is kind of a editor off all content. And Administrator is somebody who has access to all the administration features within a single site. This means things like settings, tools, plug ins, themes. They can do everything. If we go back to users just over here, you can click all users. You can hover over a user and click edit. When you do that, you'll get all of the information about that user, and then you can change bits about that user so you could generate them a new password. You could change there. Nickname. You can also do things like change their default language. Give them a different color scheme and stuff like that, which is really useful tonight. Finally, we've got tools and tools. Do stuff like let your export data that you see the current health of your site. So let's go in and have a look at that one. That's a really good tool to have a look out, and you can see there's five recommended improvements you should remove into inactive plug ins and things like that. It just gives you a really good quick look at your site on recommends any changes you should make. Other things are things like import and export so you can get to export. And you can actually export all of your WordPress content, which gives you a WordPress file. You can upload into another website or another installation of the same website. You can go to available tools as well. Andi. Currently there's categories and tanks converter, so you can convert categories, two tanks and text categories and things like that. Finally, we've got settings. There's quite a few settings in here, so I'll run through them. But I'm not going to be covering all of them, cause a lot of them are self explanatory. You know things that site language. So site title is generally what you will see at the top of your website and at the top of here as well. Depending on the theme, the attack line could also be used in the theme. And here's a tagline. I've just put in a za test the WordPress address Euro. This will change what you push your website upto a Web host, or if you are using a different way to host your website, this will change. So if you have something where your website isn't quite directing or redirecting properly, it's worth checking. You've got the correct details in here. This is the admin administration email, which is really useful. Andi Also, we've got some additional settings like time the week starts on on Time Zone and things like that so you can change that All in the general settings. You've also got writing, which allows you to set a default post category, a default post format and a couple of other details. Here you've got reading, which can be quite important. So as long as the theme Miss Coded correctly, You can actually set how many posts you want to appear on your website. The things like saying it is 12 because it divides by three and then divides by two Quite easy is a usually a nice number to go for. You can also set a default home page up here so you can select a static page if you like, so you can set. This is the about us page, or you can just click here on this will show you latest posts. This is important for when you go live. You want to make sure this is UnTech, but during development, it's fine to keep this ticked. It just discourages search engines from actually including your site within. Their search. Discussion allows you to change everything about comments. There's a lot of different settings in here on defectively. If you don't want comments, this is the saying you need to take so allowing people to submit comments on new posts. If that son takes, you won't get new comments. But if you've already got a post, then potentially your post has allowed that already. So you need to make sure that all of your old posts have this on ticked as well. There's other things so you can force them to feel like name and email. You can force them to be registered to be able to submit a comment. You couldn't automatically close old comments on posts. There's some really useful settings in here. Finally, we can get to Media Media allows you to change the default sizes off image sizes within WordPress. But when you upload an image to the media area, it will actually crew automatically create these three sizes for you. Generally speaking, thumbnails will be used throughout the site on block posts, and large size will be used on the actual content page. You can also take to organize your up loads into month and year based folders. If you won't take that, then they'll just go into one big folder. Perma links is really important, so you can set the day and name. Or you can just use the I D, a common structure that a lot of people used his post name. So when you click post name, it will import this little piece of kind of variable code here, and that will mean that all of your post content will be your website, followed by the name of the paste in euro. Or you can change stuff as well. So if you like, you can click in front of here you can at the category. So this is what I generally look at doing is having category and then post name. What this allows you to do is have something that says Ford slash news or slash paste name . I leave got privacy, which is a relatively new setting in WordPress. You can effectively just set your privacy policy and click use this page. Okay, so that's all of the settings in the admin area. What we're gonna do in the next lesson is we're going to look at installing themes, updating and installing themes and then customizing them. And we're going to look at completing our first project off this class 4. Lesson 3) Installing Themes: e. I have one. Welcome to lessen. Three off WordPress for beginners. Andi In this lesson, we are going to be looking at themes on the appearance section in WordPress Dashboard. The 1st 4 I'm going to show you how to in store update on Generally manage your themes, and then I'll go through the customization options that themes bring with them. So, first of all, what you want to do is you want to log into the dashboard, which is four slash WP hyphen admin, and then go to the appearance section. So if you could care, this is the screen you'll be presented with to manage your themes. You'll see all of the's blocks and basically these of the available feed the themes that you've got. If you hover over them, you can click. Activate, you can activate your themes. Another thing you could do is you can preview them on your site. So if I could live preview on this one, it will move Eva to the life preview off the front of the website with theme activated so you can see we've got our panda here. Let's just craze that. So if you want to install a new theme you can get to add new at the top. You can either search the theme repository or you can upload a theme. So when you go to upload theme, you're quick braise and then just find a zip format. Generally speaking, that's if you fact, if you've got a premium theme or you got free theme that's offered elsewhere on the Internet. When your theme needs updating, then you actually see update theme appear. So if you go to dashboard and then updates in the upstate section underneath themes, you'll see that your theme needs to be updated. The only thing you need to be careful off when you update your theme is you need to be careful that any changes that have been made to it will be over written. So unless you've created a child theme, your changes will effectively just be lost so abjectly themes is really simple. You just click update and then you're done in terms of adding new themes. We've covered that so you can just click at new up here. Once you're in the theme section, you can live preview your themes by hovering over here and clicking live preview and you can also customize your themes. Now, these options that I'm going to show you will change depending on which theme you've got installed, some themes will have more options and some things will have very little. So what I'm going to do is I'm gonna show you the things that are very common on most themes. And then I will show you a couple of the extra kind of features that themes might come with . The first of all, we've got widgets. Widgets are effectively little blocks of code that you can move arrangers. Your website, depending on the theme you've got, will determine which areas you'll see here. So, on this current theme we've got installed, we've got our sidebar. So you can see I've got recent posts, search and categories, and this is directly related to the widget section. So what I can do is I can move thes. So, for example, I could put categories at the top recent posts at the bomb. And when you see this little load icon just there, that means that it's just saved. So if I refresh, you can see that's now in a different orientation. So next we've got the ability to add widgets. So all of these widgets that are available are the ones that are available with your theme and then the default WordPress ones. So, for example, we can add a list of pages. Then all you do is you click and drag across to the side bar or whichever content area you want to add it to, and then you just can change some of the settings. For example, you can add a title to it. So if we call this website pages and then you can click, save and then you will have your new which it. There's our website pages, so widgets are relatively simple. They're just little piece of content, and then you couldn't get into more detail with them, depending on which widgets you've got available. But they're really simple to use Andi really quick, too installed on your website. Okay, next, we've got menus. When you first go to the menu section, you'll see that it looks fairly blank because what you need to do is you need to create some menus, so we're going to create a main menu. If I can get that right going to create main menu. And then we're also before we add anything to this, we're also going to create the other type of menu that is listed day in here. So these are the different locations that you might have on your theme. So we're going to get another one, and we're going to call it social links. Okay, so we've got social links. We can click social links menu and click save. Then we can go down on this drop down to select our menus. We can get to the main menu, one that we made Click Select, and then you can assign this one to the display location off primary menu. Now, what we can do is we can add items to our menus. So we're still currently on main menu, as you can see here and here. So if we want to add all of our pages, we can at home on about, then click Save. And now if we for refresh the front of our website, you can see we've got home on about us. And that's the main menu or the primary menu is what they've called it in this theme. Now, if you want to change stuff on the social links you could click on slopes, social links, click select on. Then you can add stuff to the social links. What you can do is you can add custom links so we could put in, for example, twitter dot com. Let's just give that menu item name Twitter. Click Save to narrow. If we refresh, we'll see our social links menu. And here's our Twitter link that we've added. If you want to change a link in the menu, you go to the menu. You want to change and then you can click on it, and that will open up the options for that menu so you can change it. If it's a specific page, it relates directly to it, so there won't be any link. Do you need to remove it by clicking here? And then you can add a different link back in by clicking here and then clicking at menu again. And that's all it is. For menus. There is a different way to change menus, which is in the customized menu. Andi, we're going to take a look at that next. Okay, so we're in our appearance and themes section, the other main thing we've got is this customized section on. This allows you to customize your theme with a live preview so you can see what your website looks like. So if we could customise, you can see when I get all of the's little kind of edit buttons here. If we click on something, for example, this menu that we've added before or click edit, and this will take us to that menu within the customized system. So this has taken us two main menu. We can click Edit menu. We can actually reorder on what you'll notice. Is this live updates? But it's not currently published, so you contest changes out in the customize section, which is really useful. So, for example, if we wanted to go back and then back again and then going toe widgets, then go into side bar, we could customise this widget section that we customize previously in this customizer. So if we wanted search to be at the top, we could be fat, and they searched at the top. You can do a lot in here, and it depends on which theme you've got activated. So, for example, if we change this theme and we go to this one because I know this has a lot off changes that you can do on it. Well, now you see that we still got our main menu up here. We've still got our taglines in our title, but what you can do on this is there's a lot of color options on here. So, for example, if we're going to general options and then global color, you can set the primary color of this theme. This is yellow down the bottom on, then this is yellow right here that what you can do is you can click select color, and then you can drag it over here and you'll see that this night changes. What you can do is you can change a lot off the different colors. Say, for example, we can change the main menu color. This is when you hover, it said. Now you can see when you hover on it, it will change to purple. There's a lot of other things that you can change on this theme. I'm not going to go through all of them because the themes do vary quite a lot, depending on what they've put in them. So, for example, this has banner options where you can enable a banner section and then you see this sort of banner section drop in here. But not all themes have that. So what you're better off doing is you're better off installing the theme that you want coming into the customizer on just playing around with it. That's the best way to learn how to change everything. So this was a really quick kind of look at installing and customizing themes. This next lesson is going to be really, really good. It's gonna be all about creating content on driving some traffic to your website by consistently creating high quality content. 5. Lesson 4) Creating Content: welcome to lessen four off WordPress for beginners. Andi, in this lesson, we're gonna look at how to add content to your WordPress website. This is probably the most important lesson. As it shows, you had to get content on the site which helps bring in traffic, which obviously makes your site more popular and then it just creates a snowball effect. Of the more content you can add, the more you can share that content, the better your website will perform. And that's kind of the reason you want a website in the first place is to be able to be a traffic. Okay, so there's two main areas by default that WordPress set up for you that can contain content . The first thing we're gonna look out, we're gonna look at pages because these are relatively simple. You've got all of your pages that list here. You can add new pages with this button up here, or you can add new with the link on the left hand side. You can search for your pages at the top, right? You can also hover over pages and perform actions on them. You can also take this box to perform bulk actions with the drop pain. So let's take a look at a page that we've already created called about us. So this is the page, Andi, this is actually the new way to edit content inside WordPress. Okay, so everything about this page in terms off the overall data of the page is stored in this document. So you've got things like status and visibility. The Perma links, which just means the link that will be displayed in the top bar of the browser, the featured image which gets used in block category pages. Andi could get used elsewhere, depending on your theme. You've also got discussion, which is about comments, and then you've got page attributes. These settings can change depending on what plug ins you've got installed and things like that. So we're not going to look at these ones. But what we're going to do is we're going to look at how you actually change the content within this editor. This editors called the WordPress block editor also known as Gutenberg, which is the kind of project name that it was called initially. Andi, the whole point of this is that you your pages or posts because it's still be the same way you edit Content with posts will be made up off individual blocks that you can move. Arraigned Andi manipulate data on. So what you can do is you can add new blocks at the top left here so you can get ad block. You can search for what kind of blocks you might want to use. There's quite a few by default, so you've got things like layer elements, which Lato had buttons, columns, groups, those sort of things. You've got widgets as well, so you can pull in widgets inside post content you've got in beds, so that will be things like YouTube, Twitter, all of those kind of in bed features that you would have from usually from other social websites. You've also got common blocks, which is probably the one you'll use most often, including paragraph, which is your main block for creating content and image, which is of course, for adding images and then heading. So these three blocks in particular and a potentially the list block are probably your four most common blocks when adding content to your site, because this is the most common way to lay out content on the Web. So let's take a look on. Let's add a heading block so you can see it adds the block, and then the block becomes sort of selected. With this blue outline, we cannot are heading, and here we can call it Long. Heading these box have settings associated with um, which will allow them to look different and act differently on the front end. So you've got this kind of quick bar, which is things like being able to make it bold italic change the heading style of it. You can change it from H two h three h four. You've also got the additional settings that will appear once you've selected your block on the right hand side that you've got things like the headings again. You've also got color settings, and you can go to custom color, and then you've got some advanced setting. So with these blocks, effectively, if we that kind of that your blocks ready to go and you can click up day and that will be fine. The other thing with these blocks is you can move from arraigned, so if we click into this block again, you'll see on the left. You've got this kind of drag effect where you can drag the blocks arraigned. You can also just click up on the block and you'll see it move up and again that's now in position, ready to update. So let's take a look at a couple of the common blocks. We've got things like quote. So here we've got a quote, and you can change this as well, so you can actually change it into paragraphs or headings. And what this will do is this will take the block and actually change it into a completely different block. So with this, there's quite a lot of things that will be going on, which might be confusing at first. But the main thing to remember is that you can at your blocks Andi, remove the blocks just by clicking on them and going to the little menu bar here, and you can obviously click Remove block insert before so that, for example, it Let's try the answer. After that, give us a block where we can select an image. The lesson. Select our panda, and now we've got a panda block in here. So if we publish this page, just click update at the top, you can pick up, date on. Then you can click View page and here's our page. So here's the panda imagery added. And then here's the block heading. We had it. A couple of other things to note with this Block editor is your have overall document settings here on one of the most important ones. It's the status and visibility. If you want to delete a page you can just couldn't move to been, you can also click on the link for public, and then you can change it to private and password protected. You can also schedule posts and pages by clicking on the date and then when the date comes up. If you set a date in the future, then when you click update, it will then schedule for the future. But now you can see that it's saying schedule instead. So this is really useful because you can actually see schedule your posts, which is probably more what you will use this for. You can also shed your your pages should you need to. Another useful thing is if you've made any changes that you don't like, you can go into revisions. Here we just clicked revisions, and then you can have a look to see which ones you actually want to restore. So say, for example, we want to undo our image and are heading. We can click and drag this back to oh, are original one. So if we click restore this revision, you can see our village, and our header has not gone. So it's really powerful, really useful now for posts. They're exactly the same as pages part. They can have categories and tanks assigned to them. If we go into categories, what you can do is you consent your categories to have parent and child categories. For example, if we call this events and they set the parent news and click add new category, you can see we've got news and then events, and this is similar with tanks as well. So let's take a quick look at tags with tanks. What you can do is you can just set single tanks. There's no parent tag or anything like that. So it's something like maybe if you had a product and those products were like different colors, for example, red would be a tag because there's no hierarchy to it, whereas categories has a hierarchy, which means you can have child and parent categories. Okay, so let's go in and edit a post. Okay, so here's our post on here is the block editor again, and you can see we've got Hello. Welcome to my WordPress blawg, and we've got a header up here. Now, between the right hand side, we've got a couple of extra sections, which is categories that you can take these to add categories to the post and then the same with tanks. You can add tags. So when you start typing, you'll start to see tags appear that's removed that one first. So there you go. You've got often what you can do as well as you can say award putting a comma that will actually add a new cat. A new tag. Sorry to the tanks if we click update going to text and there's our tag, the new one. We've just made award. The editing content is really, really simple. One thing I'd recommend is I'd recommend potentially looking at this plug in if you're finding the block editor a little bit overwhelming so you can get add new on. Then up here, you conceive the classic editor, or you can search up here if you could activate and then go back into your pages. So sorry you'll need to click in store and that activate. But we'll go through plug ins in a later section as well. Now, if we get back into our page, you'll see that this looks for more familiar to probably most other ways. You edit content like Microsoft Office, Google Drive All of those kind of editors, if you like, like document editors have a main bar across the top with all of the settings, and then they after content in one big area. This is useful if you really are struggling with the block editor. But if you can use the blockheads terror, it's quite powerful, and I'll give you a lot of functionality. So that's pretty much it for content. In terms of posts and pages, you can update your post update your pages on D, then another thing you can do is if you are looking to change the u R l or link off your post or page, you can click this edit button that will allow you to change where the link for this piece of content will be. And it's the same with the classic editor herself. We go into store plug ins, deactivate way back into our post. We've had it again. You can see we've got permanent care so you can change what this would be. So that's effectively it for existing content. And in the next lesson, we are going to be looking at managing media, which will be a really quick lesson. So it's worth checking that eggs. That's gonna be a really quick one, and they'll be a few useful tips in there. Thanks watchin Andi to you on the next lesson. 6. Lesson 5) Managing Media: everyone and welcome to less than five off WordPress for beginners. In this lesson, we're gonna be looking at media And what media Officially, the media library is giving us in terms of WordPress. So what kind of content determines media media generally is images, video, audio and other downloadable files. So when we talk about media, the big one that we're gonna talk about is we're going to talk about images. It would just have a lot of data that is associated with them, that search engines on de other kind of social networks will used to gather what that images obey. So WordPress has the ability to be able to show you what the data is that's attached to that image and then also that you edit it, for example, alternative text, title text and even captions. But we'll go through that once we go through to the medium. Okay, so in WordPress on the left hand side, media is underneath media tag. When you cook that you can then click library on def. You want to add a new piece of media like pastes and pages. You can click, add new, then act new up here. So When you click that, you'll get this little panel appear and you can click Select Falls or you can click Brag to drop falls into the up loader. Thus, releasing has a couple of ways you can find media. You can search for media. That's not right. They, for example, if you search panda, you'll see that flicker on. Then it find the panda image. The next thing you can do, she considered search for different types of media so you could filter for images. And then if we search for pandas, well, I would only find under images. For example, if we selected audio here, it wouldn't find another way you can filter of media is by going to dates so we can filter 5 February and then, as honestly thought it was just selected. It will find the images so we know how to find our images. Andi. Now let's have a look at what data you can change on an image. And then there is additional data. You can change on other types of media as well. If you didn't see that, I just clicked on the image and then you'll get the lightbox appear or attachment details all of the details that you cannot edit. Well, what we showed up here, Andi. That's just things like the farm type when it was uploaded. All name, false eyes, etcetera. You can add alternative text, and as long as the team is coded properly, then this will be shown on the front end and also change the title text, which is what the image will say when you hover over the image for a long time. Not necessarily a long time. But when you hover over the image, that's what will appear. You can also add a caption on a description. You can also get the full link for the image if you need to use it somewhere else, or you need to use it in your in a couple of different places inside of WordPress. Another great thing about WordPress is that it gives you some built in image editing tools , so if we click at it, you can see we've got crop. We've got rotate left, rotate right it vertically and flipped horizontally. You can do some very basic SOF image manipulation within WordPress. You can also change. The size is over here. You can re scale the image so the crop works by clicking on the crop, and then you'll see these little marching ants around the outside of your image, and then you'll be out to click and drag to re cropped the image. For example, we could re crop this image on the panda's head. Another thing you can do is you convert, take left, then rotate right let since it began, and then that effectively allows you to make basic changes to your image. Okay, so how does the media library work within the context of editing content effectively when you edit your content and then add an image in here? So if we click Media Library, this is the same media library as the media on the left hand side, but we can upload our files. We can also select a media item from here. And if we've given this, all of the old text and title tags in the media library, then will also be able to automatically bring that three to hear. So glasses complicated. Does it needs to get really with media? You can upload all types of media audio video, zip files, downloadable falls, the only thing that will be potentially restricted is with your hosting company. They may restrict certain file a plaids. Okay, so thanks for coming along on this really quick. Really short lesson. This is just a really quick one about media, because I think it's really useful to know where your images go. Andi, In the next lesson, we're gonna be looking at how to install plug ins. So you definitely want to check this one? I exist is how you had a lot of functionality to your WORDPRESS website. 7. Lesson 6) Plugins: welcome to lessen six of WordPress for beginners. And in this lesson, I'm going to show you how to install plug ins. What plans you might want to consider on had to keep your plug ins up to date. So if you look over on the left hand side, you can see we've got this plug in menu. If you hover over it, you can see installed plug ins at new and plugging editor. We're not gonna be looking at plugging enter because that's mainly for developers who wish to live, edit their plug ins. So let's click on installed plug ins. Here. You can see some of the default plug ins that are bundled with WordPress. So what you can do is you can just delete these to plug ins unless you you think you're gonna be using this one. I've installed another plug in, which is called the Classic Editor. So if you go to add new, this is how you install a plug in. You can click at new, and you can click upload to plug in up here. So if you have those it far for a plug in, you can click. Browse finds it far and then click in store now, and that will install it for you. Another way to find a plug in is you can search the WordPress repository, and this is really, really simple. Effectively you can drink, had new search for plug ins, installing, activate and done. A lot of plug ins will come with settings so you can see on the classic editor. It's actually got a link here for settings, so any plug ins you install that have sayings should have a link here, and you can click on the settings that will take you to what the settings are for that individual plug in. The other thing you can do is you can keep a plug in installed on Do Not actually uninstall it, but deactivated if it's called. If you think it might be causing any issues on your site, you can just click, deactivate and then the plug in is no longer active, but it's still installed, ready to be reactivated should you need in the future less reactive, they are plugged in. Okay, now we're going to look at a couple of plug ins, which I personally like using one plug in that I use on a lot of websites is called Yoast Seo. If you search for that in the top, right, just here on, then here you'll see the US Desio plug in. If you click, install now, wait for it to download the case for plug ins installed. And now we can click Hang and you can see here. You'll start to get things like notifications when you install plug ins. So yo stats a few notifications and then also add some settings, and you can also look into premium support should you need it. Some plug ins will offer quite a good free plug in Andi only offer kind of premium for additional features. Some planes will offer very, very basic free plug ins, so you just need to look around to find the plug ins that you like. If you do a quick search on Google, then you should be able to find some plug ins that will be really useful for you. One way of finding a good plug in is to think about the functionality you want to add. So one of the things I've I do quite a lot is I create pages that will have content that gets repeated. One of the plug ins I use is called Ju Plicating Post. This works on pages, posts and everything effective. It's just this really simple little duplicate pace plug in, and it works really, really well. One thing to know when you're rounding a plug in is you can see how many people have installed it, which sometimes is a good indicator of how good the plug in is because it will become more popular because it works so well. You'll also be out to see whether it's labeled is compatible with the current version of WordPress You have, which this says that this plug in is you can see the reviews. You can also see when the plug in was last updated. So, for example, this is says it's compatible with my version of WordPress. It was updated only three weeks ago. It's got 28 reviews and 10,000 plus active installations. I've used this one before, so this is the one I'm going to use again. So it's worth trying and testing different plug ins that you like, and when you install a plug in, it might install Andi, then not be really obvious what the plug in does or hate hate to actually use the plug in. So I've do. I've added this duplicate post. If you go into settings, you can see it will tell you stuff that you can change with the settings. Actually, if you want to use this plug in, if you go to your pieces of content that posts, for example, you hover over that piece of content and you can see there's a new piece of functionality name, which is a link just called cloned so I can click. Claimed. There you go. I've now got a second copy off this WordPress post just by installing that plucking and using it to update your plug in. You'll see the update now a button when you go to your plug ins. So if you get to plug ins, installed plug ins, you actually see that you get a notice saying view version. Whatever the version number is on, then not take name. You can click update in that what? Date it for you off. See if you're on a live site. Potentially some of the functionality. The new functionality might break your website, so it's worth just double checking it before you do that. Another way to see all of your updates is up here where you can see this circular solve icon. If you click that, you can then see all of your updates, right? The site will show here. So this will show you plug ins here. This will show you themes, translations and even WordPress of the top. So if we get back toe installed plug ins and we pick update now, this will do it all in the same window. And then you just see when it's updated. There we go. Update it, and you can even see this Bit of the top will disappear once we refresh because we've called the new version, I think. Perfect. So that's how you update your plug ins. Bison. Easy and really, really quick. It's What recommend you do is a recommend. You grab a couple of plug ins, see which ones you want to use. Andi, take some screenshots and just share your plug ins with the group. And then yeah, and then we'll go from there. The system was really quick just to introduce you to plug ins. And in the next lesson, we're going to be looking at the difference between Gutenberg and Classic editor and actually what you can do with that, That's gonna be a really quick lessons. We have covered it before. I'm just gonna go into a little bit more detail, Theo. 8. Lesson 7) Gutenberg vs Classic Editor: welcome to lessen seven of WordPress for beginners. Andi, In this lesson, I'm going to show you really, really quickly the difference between the classic editor and Gutenberg slash the block editor. You might see this a lot when talking about WordPress. One of the things where there is that some older themes or plug ins might rely on the crafts creditor on some newer themes and plug ins might be built purely for the block editor that's worth knowing, says quite a big piece of functionality that does have Cem kind of divided opinions with WordPress. So let's just take a quick look and then I'll show you effectively the two ways you can edit your content. So on the front end of the website, if we open up one of our block pastes, you can see that the Bloc Paste says the title has Thean Midge. And then it has the bit underneath, which is just the welcome to my WordPress blawg. If you're a mainly focusing on editing big portions of content in terms of text, then potentially the classic editor might be more familiar and more useful for you. I've currently got the Kresk editor installed which is if, if we go to plug ins, we can see the Kresk editor. So let's take a look at how you actually edit a piece of content with it. With the classic editor installed, you can see that the editor, it just looks kind of familiar toe, a WordPress document or a Google Drive document. I've gone over this in the previous lessons, but it's just more familiar for users. One thing that you might find is it's a little bit more limited. So for adding images into here, you can click add media and stuff like that, but with the block it so you can actually drag in blocks. Okay, so we're gonna have a really quick look now at the block editor. So if we get back to plug ins, click installed plug ins, deactivate the cross creditor, Okay, back into our pastes, edit our post, and you can see it's now gone back to the block. Her, too. You can click on here. You can see this is the title, and click on here. You can see this is actually turned into a classic editor block. What you can do is you can add additional blocks in terms of paragraphs. Andi, start typing here. You can see this Saturday paragraph block, and it's just the same as we did in a previous lesson. What's interesting is when you update list, they all actually go through the same function for the front end, which is just a function called the Underscore content. You didn't really need to know about that, but it just in terms off high WordPress works. It's purely for editing content on the back end of the site, and then that gets put into a content the old, which then gets put on the front end. So it's worth just bearing that in mind. If you see a plug in or theme or something that shows you exactly, kind of we need the classic editor or we need Gutenberg toe work stuff like that, then that's where this issue might arise. It's just a really, really quick lesson just to go over that, just to show you the difference. Just so you're aware of it. In less than eight, we're gonna cover some final little bits you can do once you put your website live up on the web. Andi then will go into where to share your theme 9. Lesson 8) Going Live: welcome to lessen eight off WordPress for beginners. And in this lesson, I'm going to show you just a couple of things you need to bear in mind when putting your website live these things, arm or generic, as opposed to specifically WordPress And in terms of putting your website life up onto a web host, I'm not going to be covering that. I'm just going to be covering some extra steps that you should probably take to start generating some traffic for your WordPress site. The first thing is to this is probably the main thing, actually, inside WordPress as well is to go to settings on, then go to reading. This will show you some different settings on. The one in particular we're looking at is this tick box. If you have this ticked, this will discourage search engines from indexing your website. What that means is, search engines won't pull the pages from your website and actually put them in their search . So if you searched for a search term, your website wouldn't show up. This is just a kind of recommendation as well. That's some search engines will still pull your website into their search, so but big search engines generally, Wayne. But just make sure this is untech when you put your website live. Another thing is you probably want to look at Perma links, which we covered previously. Just make sure that you've got Perma links that are good for S E O in terms of using things like post name categories. Andi, those sort of keyword rich terms for your Perma links that just gives the search engine mawr oven understanding of what they're looking out when they're on individual pages of your website. Another thing I recommend doing is a recommend adding your website to Google Web master tools. So if you just quickly google Google Webmaster tools, sign up for an A cane. If you don't currently have one and then add your website, it will ask. You tried to verify your website with a couple of different ways to just follow those. Another thing is to submit a site map to Google Web master tools, and you can use Yost for this, which was what we installed previously. So down the left, if you go to general and then go to features, you can actually see that site map has already turned on. What you'll need to do is you need toe. Give this to Google in Google Web Master tools. If you hover over this little question mark and then cricket, you can see you can actually see your site map so you can right click open link in new tab . And here's the site Matt for our website. This is obviously a very small website, so there's not gonna be a huge main off information for it. But what you can then do is you can take this link and give it to Google Web Master tools. You just need to make sure that it's on the live site and on your local host. It needs to be up on a Web host somewhere. Another thing I recommend is I recommend basically sharing your site on social platforms like Twitter, Facebook and those sort of things. And what you can do with usta's well is you can set the social. What's known as open graph data on all that means is that's just the social data their social networks will pull into their website. So let's take a quick look at that. So if you go to all posts which crisis and then edit a post. Now, if you click yo stain here, this will open up all of the's Yost details and this This will look very similar to the classic editor as well. It will just have this off box here. If you click on Social, you can actually see that so sure will allow you to add a title for Facebook and Facebook description and then also a Facebook image. This will get. This is what will get pulled in on this particular page when you share it to Facebook and the same with Twitter as well. You could do the same thing here, so that's worth bearing in mind when you've kind of finished your website. You're comfortable of writing content. Start sharing your content and star basically talking about your website on that should hopefully start to generate some traffic for you. This is just a really quick lesson just to tell you about key things you need to bear in mind when putting your website live. And in the next lesson, we're gonna look at some more advanced topics that will start to lead into customizing themes and plug ins, as opposed to just dealing with the Ackman area. So let's head on to the next lesson 10. Lesson 9) Advanced Topics: welcome to the final lesson in WordPress for beginners. This is going to touch on some things that will relate more to people. We wanna start customizing themes and stuff like that. So this is just a couple of little extra things that you can do to effectively play arraigned with your WordPress site. So the first thing we're gonna look out this is quite an important one. Especially if you want Teoh just jump in and test stuff. Do different things is creating a child theme. What that means is you will create a theme that is based off of another theme on. What we're gonna use is we're going to use 2016. So the child theme will have all of the functionality that's contained in this theme. And then you can override that functionality by including the same falls within that child theme. So let's take a quick look and then see how you make a child theme. So, on this web address, if you just search wordpress child theme, this will come up effectively. You have a parent theme up here and then you have a child theme there really easy to make effectively all you need is you just need to do a couple of little extra steps, so we're gonna follow them through, and then we'll see exactly how to do it. So we get here, are directory became copy and paste the 2016 theme. Rename it and then do I feel child now? What we can do is we can follow the next step. So we've done Step one set to create startle CSS. So if we go inside here Andi, select everything except four the startup CSS and then delete this. Okay, cool. So now what we're gonna do is we are going Teoh, change this piece of information at the top of the theme. It was just a pin apart editor to do that. So what we want to do is we wanna drank this style. She into our editor. I'm using visual studio code, and now you can see we've got all of the information that was inside the other theme. If we change the name to child and then if we take a look back here, you can see it needs the template. The template is the key thing with this. You need a theme name and you need a template. So just to make this easier, what we can do is we can remove everything else inside this comment at the top compote in template. And then we can put 2016. The template effectively just comes from the older name. So this is 2016 and then we've got the correct one inside here. What we want to do is you want to remove everything else inside this star sheet. So if we just scroll away Dane selectable And there we have our base style. So what you can do now is you can office. He had stars to and things like that. We're not quite finished yet, So we're gonna get to step three. A case of what we want to do is you want a copy? This second section of code, which is the complete example. So we paste this, it a that. And now what we can do is we can okay back into our at Manet area and we can act. They are Oh, we refresh. You can see with Niko 2016 child, we can activate. And now this is basically taking all of the information from hair. If we refresh you can see our website actually looks the same, but what we can do is inside here. We could do something, like while the banking the color red, be fresh and you can see it's gone red around the outside. That's a really cool little technique that you can use. Just create a child theme so that you can play around with WordPress. He from more. The next thing I'm going to show you is I'm gonna show you some really quick, quick plug in that I really like to use, and I recommend this for developers. So I think it's such a nice way to build websites, and it keeps the admin area really clean as well. Okay, so another thing I use a lot as I use a plug in court advanced custom fields. You just search for that and you can see it's here. I've got the pro version, which I do recommend. If you really get into this because it's a one off payment and it's such a good plug in, it's really, really powerful. You can make some really cool, really cool setups with this. Have you just click in store, then click activate and then we've got our advanced custom fields. What you can do with this, you can basically set individual little pieces of data for the or with any kind of post or page. Um, another thing initially I'm going to show you is I'm gonna show you this with the classic editor exit feels a little cleaner. So I activated the classic editor and advanced custom fields. Then the left, your nicey this custom fields tab, which you can go into filled groups. It's not new, and then we're gonna add another filled. So for our posts, we may want to say, um, an event date. So you would call this event information, and then you would add click the add field button, and then this would be an event date. You can have a drop, Dane, if you like or date picker. We're going to keep this simple for the moment and just have text a date. Picker wolf, See? Give you a date format. They select which type you have post you want it handed to. So we wanted to add it to all of our pastes published. Now, if we go into our posts, you can see when you edit a post in the bomb? We've got event date. We just minimize host that Teoh unifies a few of these. A really useful thing, actually quickly is at the top, right? You've got this screen options, So if there's stuff you don't want to see, you can just hide them. Generally speaking, I probably hide the format author comments, discussion, send track backs, excerpt and revisions because that gives me a bit of a cleaner screen to look out. You can also hide the slug if you like. Yeah, so let's just put in, uh, test event date, click update. Okay, cool. What you'll notice is when we refresh on the front end of the website doesn't actually show anywhere. So this is where it starts to become, Maura, about a little bit of development work, but it's really simple. So we've got a child theme. Now, what we want to do is you want to add something to our post type, which is a type of post. So if we get back to our themes, go to 2016. We want to copy the single dot PHP file. So we just right click copy. Hey, back into our child theme, right click paste. And then we've got the single dot PHP far if we drank that and dropped into here, this might look a bit daunting when you see this, but it is really simple. So effectively, what this shows you is this shows you a while and it will have a comment start the loop and then that while will just loop through any content there finds. So what we can do is just after this can use the underscore filled, and then we can do our event date. Andi, that's the function that you used to pull in those additional fields. It will get a little bit more complicated, and I'll do a tutorial in the future, a sort of class, if you like in the future or back custom fields and to use them. But for now, this is just gonna go over some slightly advanced beginners basics. If that makes sense now we refresh and you can see we've got our test event eight down here . Nice. And then, if you want to start to move things about Andi, get stuff in the right position, you can look on D. C, where you need to put stuff. So actually, this is using get template, part template parts content and then single If we get back into our directory. Okay, Back up to themes in 2016 it's inside this folder called Template Parts. So what I find easier is right. Click copy and then paste inside hair, but then go in here and only get the one that we need. So delete the rest of them. The one we need is content. Single. Did they break them out into individual names? Cause effect for it's gonna call the contact Call content one which has single. OK, so delete these. Oops, please. And now what we can do is we can drag content hyphen single into here. If we copy the function that we did earlier, they copy that one right click will be, and then we can paste it directly after this content function. Which is why I talked about previously. So now we've done that. We no longer need this single dot ph piece. We can just select impressed early. So if we get back into our website and refresh, you can see test event date appears right under these, and you can do this for any number of piece of data that you like. You add more to the field group. You could add a event description or event image, things like that. There's loads of stuff you can add with advanced custom fields, and I recommend giving it a try testing it. Hey, Andi, having fun with it. So I hope you enjoyed my course. And if you did, I'd love to hear some comments below on sharing of your projects. Andi. In the future, if you want any specific courses from May, then feel free to follow me on Twitter, Facebook and we can have a look.