 Hi there and welcome to Learn WordPress. In this session, we are taking a closer look at the site editor. If you are using a block theme and go to Appearance, you will notice the customizer is nowhere to be found. But don't fret, you can now do everything in the site editor. Create headers, footers, and design your entire site. When you click on editor, you'll step right into the site editor, a powerful tool to seamlessly build and launch your entire website. On the left is the Site View Sidebar. This nifty tool lets you dive into the key parts of your site, navigation, styles, pages, templates, and patterns. The objective of this tutorial is to gain a deep understanding of these elements. Let's start at the top with navigation. Here you can quickly see and tweak all your menus. Create your command center for menu management. You can make simple edits directly, like reordering or deleting menu items. You can also rename, duplicate, and delete your menus as required. If opened in the editing mode, you can make certain changes without any distractions, and updates will sink across your site. You will notice that the navigation block is locked in this area. If you would like to style your navigation menu, you will need to open a template or the template part it is part of. Next, let's talk about styles. When you select styles, you will be able to browse through a variety of different style combinations that come with your theme. When you click on edit styles, you can also browse your styles from here, and then change your entire site's typography, colors, and layout. Let's see how it works. When you click on typography, you can manage the typography settings for text, links, headings, captions, and buttons. You can also change the colors for these elements. When you make your way to layout, you will notice you even have control of elements such as padding and block spacing. If you look down further below, you also have the option to customize the appearance of specific blocks for your whole site. To see how these blocks will change, if you edit them, go to your site's style book. You will notice there's a little eye at the top. And if we return to the site view sidebar, you will notice you can also access it from here. So let's select the style book. And the style book allows a user to preview every block that can be inserted into your site. It gives you or provides you an adaglons preview of how global styles will affect the display of any block without the user having to insert those blocks into a template. It is important to note a block's styling can be adjusted right within the style book. So let's update the buttons block, for example. Let's change the background color, tweak the radius, and update the lettercase. And if you like what you see, you can go ahead and click save. Please also note that if you make a change to an individual block in your style book, it takes precedence over your global styles that you've set. While we are here, we also need to talk about styles revisions. The styles revisions feature adds a visual way to browse changes to your styles over time. You can easily revert to a previous state if you find a style you prefer or want to revert back to a previous version. You merely have to select the version and then click on apply. Lastly, it is also worth mentioning when you click on the three vertical dots next to the styles revisions icon, you can add additional CSS if you please to. Below styles, we can go to pages and here we can create and publish pages. To add a new page, click on the plus icon next to pages. And create a draft. Next, let's open up one of our existing pages, my about page. When you open a page, it is important to remember to add content to the post content block. To put it another way, the post content block is the house or the container for all your content. The second thing to remember is that you can't customize your header and footer when editing a page. That's all part of managing templates. If you click on the header, you'll get a message that says edit your template to edit this block. If you would like to modify the template that this page has been assigned to, click on edit template on the bottom right of your sidebar settings. And this will take you to your page template in this example. And here you can modify your header and your footer. And of course, you will not be able to add content to a template. Content gets added to posts and pages. That brings us to our next topic, namely templates. Templates provide the structure for how your content is displayed. When you select templates, you will notice there's a range of templates that come with your theme built in templates. For example, the page template that displays a single page. The index template that displays posts or the single post template that displays the layout of single posts. To modify a template, click on the template on the right or if you select the template, you can click on edit at the top right of your template list for you. When you click on the plus icon next to templates, you'll 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 template provides structure. So a template usually includes a header template part and a footer template part. As mentioned, we add content to a page or post and only use templates to modify the layout or design of the page. Namely the header, footer and even sidebar. You can even create a template with no header or footer if you wish to. The site editor there for makes a clear distinction between editing the template and a page. You can modify your header and footer within the template. One of the options you also have is to click on the three vertical dots and select replace header. Then you will be able to replace your current header with one of your existing header template parts or header patterns that come with your theme. Another option you have is to select your header and then click on edit. This will allow you to modify your header or footer within template editing mode without any other distractions. Since we have looked at the page template, let's visit a page assigned to this template to see what it looks like from the front end. If we look at the about page, we can see the content which was added to the page as well as the footer and the header. If you would like to assign a different template to this page, you can make your way to the dashboard, select the relevant page, in this case the about page and in the settings sidebar we will notice that this page has been assigned to the page template. When you click on the name you will see a drop down and here you can assign a different template to this page. I have created a custom template with a unique header and footer that I want to assign to this page. So once I've done that I can click on update and then preview on the front end. And now we can see that this about page has a new design and layout. Finally let's talk about patterns. Below templates we have access to a library of patterns. Below my patterns we are able to create and manage our own custom synced and non sync patterns. Below that we can view the patterns provided by our theme and then we can also create and manage our header footer and general template parts. Template parts are essentially patterns as they are synced reusable components that can be used across your site. Let's start with my patterns. To create your own custom pattern click on the insertor next to patterns and then select create pattern. After naming it you can select to sync the pattern and as it says below editing the original pattern will also update anywhere the pattern is used. You can also toggle this off if you prefer to have a non synced pattern. Non synced patterns are just regular patterns that can be edited independently. When you return to your custom pattern area you will notice that synced patterns have a purple icon and non synced patterns don't. Next you will notice that the patterns that come with your theme are locked and you are therefore not able to edit them. But when you click on the three horizontal dots below a pattern you will be able to copy it to your my patterns area. At the bottom we can also create and manage our header footer and general template parts. You have two options here. You can create custom headers and footers or customize template part patterns that come with your theme. To create your own template part click on the plus icon at the top next to patterns and select create template part. When you add a new template part 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 them a descriptive name. When you open up a template part from year to year you will be able to modify and edit your template part in template editing mode without any distractions. Or you can open up the relevant template and in this case my custom template and then you can modify your header or footer template part from within the template. And as shown earlier on you can easily replace one of your headers or footers with a pattern or an existing template part from the library. To end off I also want to highlight an extremely helpful feature called the command palette that will save you loads of time and help you move around your site editor more effectively. The command palette allows you to swiftly complete tasks and navigate within the site editor. You can for example type in new to create a page or template or just the name of the area where you want to go for example pattern to manage all my patterns. You can access the command palette by using the shortcut command k on mac or control k on windows. You will also find it in the site view sidebar by clicking on the search icon or you can merely click on the title bar. And that is our brief overview of what you are able to achieve using the site editor. And visit Learn WordPress for more tutorials and training material.