 Hi, welcome to Learn WordPress. In today's session, we are going to take a closer look at the site editor and template editor. If you have installed a block theme such as 2022, you will notice that the customizer has disappeared. But when you make your way to appearance, you will see an option namely editor. And when you click on the editor, you'll be taken to the site editor, where you are able to modify templates, template parts, and also customize the style of your whole website. The site editor provides a template list view, as you will see on the left, allowing users to navigate between templates and all the different template parts. This is an important piece of the site editor puzzle. You will essentially be able to edit the design of your entire site. In order to return to your dashboard, click on the site icon or WordPress icon top left. How to edit styles. When you click on the template, you can make your way to the styles icon top right. And here you have the ability to change the style combination of your theme. And you can change the typography, colors, and layout of your entire site. And if you look down further below, you also have the option to customize the appearance of specific blocks for your whole site. Global styles therefore help users change the style of their site without having to edit individual blocks or pages. Let's see how it works. Firstly, you can browse styles that come with your theme. And if you click on typography, you will be able to manage the typography settings for text, links, headings, and buttons. And you can also change the colors for these elements. And when you make your way to layout, you will notice you even have control of elements such as padding and block spacing. How do we manage templates via the site editor? Templates are groups of blocks combined to create a design for a web page. Here you will notice there is a range of templates that come with your theme, built-in templates. For example, the page template that displays a single page, or the index template that displays posts, or the 404 template that displays where no content is found. To modify a template, you can just click on the template on the right or on the edit at the top of your template list view. And when you click on the plus icon next to templates, you will be able to add a variety of new templates, even a custom template that can be applied to any post or page. Let's open the page template to gain a better understanding of how a template works. A page template usually includes a header template part, a content area, and specifically the post content block that pulls in the content from the page that it is assigned to, and then a footer template part. When you create a template, you get the best use when you separate the reusable parts from the dynamic part. The dynamic part is the content part that will change for every page that uses this template. Remember therefore, you don't add content to the page or index template. The content of a page or post will be pulled in by the post content block or the query loop block. The reusable parts are the static parts of the template that will stay the same. For example, the header and the footer. Please also note that when you go to the browse mode, you can click on manage all templates at the bottom. And here you are able to add new templates, clear customizations, or delete custom templates. Since we have looked at the page template, let's go and visit a page that has been assigned to the page template to see what it looks like from the front end. So let's make our way to the dashboard and open up the page first, the about page in this case. As you will notice, I've added some dummy content and in the sidebar settings, we can see that this page has been assigned to the page template, which is the default template. If we preview the page, we will see the design and structure we created with our page template by using a header and footer template part. Next, let's talk about managing template parts. As mentioned, a template usually has a header and a footer and these are called template parts. When we view our template parts, we will see template parts that we've created ourselves and ones that have been provided by our theme. To create your own template part, click on the plus icon at the top. And when you add a new one, you have an option between general, header and footer template parts. General template parts are not tied to any particular area and remember to give it a descriptive name. Lastly, let's talk about the template editor. The template editor lets you edit, create and assign templates to individual posts and pages. So let's say I want to assign a custom template to my about page to have a different look and feel than my other pages. First, we need to create a custom template and of course, name it appropriately. In this case, my about page. Now we have a blank template to work from. So the first thing I'm going to do is insert a header and I will select a header template part that I already created and then below the header, I'll post content block that will pull in the content from the page which it has been assigned to. And then lastly, the footer. And I will choose a footer template part that I already created named black footer with social icons. Something to take note of while we are here is that template parts are unique blocks with a sync nature and they are now outlined with a different color in various parts of the interface to help you identify when you are editing them. Now we can make our way to our dashboard and then open up the about page and if we open up our sidebar settings we will again see that this page has been assigned to the page template. But we are going to change that now by assigning the custom template that we just created. Once we have assigned the new template we can click update and make our way to the front end of the website. And now we will see our home page still has the original header and footer template parts. But if we click on our about page we will see that this page now has the design of the custom template that we created. The last thing to mention is that when you are in your template editor you can create a custom template from here as well as edit your template in template editing mode. We trust you now have a better understanding of how to use the site editor and template editor. And visit Learn WordPress for more tutorials and training material.