{"id":79521,"date":"2022-02-12T10:38:35","date_gmt":"2022-02-11T23:38:35","guid":{"rendered":"https:\/\/wptrainingmanual.com\/?p=79521"},"modified":"2024-07-05T19:02:20","modified_gmt":"2024-07-05T09:02:20","slug":"wordpress-site-editor","status":"publish","type":"post","link":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/","title":{"rendered":"The WordPress Site Editor"},"content":{"rendered":"<h1><span class=\"ez-toc-section\" id=\"The-WordPress-Site-Editor\"><\/span>The WordPress Site Editor<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p style=\"text-align: left\"><img decoding=\"async\" class=\"alignright \" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-001.png\" alt=\"WordPress Site Editor\" loading=\"lazy\" \/>In this tutorial, you will learn about the WordPress Site Editor &#8211; a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.<\/p>\n<p style=\"text-align: left\">Refer to the following tutorials if you need help with this section:<\/p>\n<ul>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-updates\/wordpress-5-9\/\" target=\"_blank\" rel=\"noopener\"><strong>What&#8217;s New In WordPress &#8211; WP 5.9<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Block Themes<\/strong><\/a><\/li>\n<li style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>The WordPress Block Editor<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use WordPress Blocks<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress\/command-palette\/\" target=\"_blank\" rel=\"noopener\"><strong>The Command Palette<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/navigation-block\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Blocks &#8211; Navigation Block<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/themes\/\" target=\"_blank\" rel=\"noopener\"><strong>Using WordPress Themes<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/find-themes\/\" target=\"_blank\" rel=\"noopener\"><strong>Where To Find WordPress Themes<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/theme-customizer\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Theme Customizer<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/widgets\/\" target=\"_blank\" rel=\"noopener\"><strong>Using Widgets<\/strong><\/a><\/li>\n<\/ul>\n<p style=\"text-align: center\">***<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tutorial Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#The-WordPress-Site-Editor\" >The WordPress Site Editor<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#What-Is-The-Site-Editor\" >What Is The Site Editor?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Access-The-WordPress-Site-Editor\" >How To Access The WordPress Site Editor<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#The-Command-Palette\" >The Command Palette<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Site-Editor-%3E-Site\" >Site Editor &gt; Site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Site-Editor-%3E-Templates\" >Site Editor &gt; Templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Site-Editor-%3E-Template-Parts\" >Site Editor &gt; Template Parts<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Browse-Between-Templates-And-Template-Parts\" >How To Browse Between Templates And Template Parts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Return-To-Your-Dashboard\" >How To Return To Your Dashboard<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Site-Editor-%3E-Styles\" >Site Editor &gt; Styles<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Access-The-Styles-Editor\" >How To Access The Styles Editor<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Styles-Features\" >Styles Features<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Typography\" >Typography<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Colors\" >Colors<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Add-A-Custom-Color-Or-Gradient\" >How To Add A Custom Color Or Gradient<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Layout\" >Layout<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Blocks\" >Blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Style-Book\" >Style Book<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Custom-CSS\" >Custom CSS<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Sticky-Positioning\" >Sticky Positioning<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#More-Global-Styles-Actions\" >More Global Styles Actions<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Update-What-Your-Homepage-Displays\" >How To Update What Your Homepage Displays<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Customize-Your-Home-Page\" >How To Customize Your Home Page<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Latest-Blog-Posts\" >Latest Blog Posts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Static-Page\" >Static Page<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-To-Update-Your-Site-Icon\" >How To Update Your Site Icon<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Tools\" >Tools<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Using-List-View\" >Using List View<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Using-Block-Patterns\" >Using Block Patterns<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Exporting-Templates-and-Template-Parts\" >Exporting Templates and Template Parts<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Additional-Resources\" >Additional Resources<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#WordPress-Site-Editor-%E2%80%93-FAQs\" >WordPress Site Editor &#8211; FAQs<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#What-is-the-WordPress-Site-Editor\" >What is the WordPress Site Editor?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-does-the-Site-Editor-differ-from-the-classic-editor-in-WordPress\" >How does the Site Editor differ from the classic editor in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Can-I-use-the-Site-Editor-to-customize-my-websites-header-and-footer\" >Can I use the Site Editor to customize my website&#8217;s header and footer?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Is-it-possible-to-create-custom-layouts-with-the-Site-Editor\" >Is it possible to create custom layouts with the Site Editor?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Does-the-Site-Editor-support-third-party-plugins-and-themes\" >Does the Site Editor support third-party plugins and themes?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#Can-users-with-no-coding-experience-use-the-Site-Editor\" >Can users with no coding experience use the Site Editor?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-39\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#How-can-I-learn-to-use-the-Site-Editor-effectively\" >How can I learn to use the Site Editor effectively?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<h2><span class=\"ez-toc-section\" id=\"What-Is-The-Site-Editor\"><\/span>What Is The Site Editor?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>As described <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\"><strong>in this tutorial<\/strong><\/a>, WordPress has been moving toward a way of creating and designing websites made entirely out of <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener\"><strong>blocks<\/strong> <\/a>and block-based features like <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\"><strong>block themes<\/strong><\/a>, templates, and global styles called Full Site Editing (FSE).<\/p>\n<p>For example, WordPress 5.9 included its first block theme, called Twenty Twenty-Two:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-008.png\" alt=\"WordPress Twenty Twenty-Two theme.\" width=\"1000\" height=\"478\" \/><figcaption class=\"wp-caption-text\">The WordPress Twenty Twenty-Two theme is a block theme.<\/figcaption><\/figure>\n<p>This theme is composed entirely out of blocks.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-004.png\" alt=\"WordPress Twenty Twenty-Two theme - a block theme.\" width=\"1000\" height=\"492\" \/><figcaption class=\"wp-caption-text\">The WordPress Twenty Twenty-Two theme is made entirely out of blocks.<\/figcaption><\/figure>\n<p>Block themes let you create entire pages or websites using blocks, and edit and customize all parts of your WordPress site without changing themes.<\/p>\n<p>The Site Editor is a feature of block themes that allows block editor users to build and fully customize their site using blocks and a global styling system.<\/p>\n<p>Some of the Theme blocks you can edit in the Site Editor include the following:<\/p>\n<ul>\n<li>Navigation<\/li>\n<li>Template Part<\/li>\n<li>Site Logo<\/li>\n<li>Site Tagline<\/li>\n<li>Site Title<\/li>\n<li>Query Loop<\/li>\n<li>Post Title<\/li>\n<li>Post Content<\/li>\n<li>Post Date<\/li>\n<li>Post Excerpt<\/li>\n<li>Post Featured Image<\/li>\n<li>Post Categories<\/li>\n<li>Post Tags<\/li>\n<li>Login\/out<\/li>\n<li>Page List<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How-To-Access-The-WordPress-Site-Editor\"><\/span>How To Access The WordPress Site Editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You can only access the Site Editor if your site is using a Block theme.<\/p>\n<p>To access the Site Editor and edit or customize your theme, go to <em>Appearance &gt; Themes<\/em> and click on the <strong>Customize<\/strong> button&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-009.png\" alt=\"Themes - Customize\" width=\"1000\" height=\"580\" \/><figcaption class=\"wp-caption-text\">Click on the Customize button to edit the theme.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Or by going to your admin menu and selecting <strong>Appearance &gt; Editor<\/strong>&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-010.png\" alt=\"WordPress Menu: Appearance - Editor\" width=\"1000\" height=\"263\" \/><figcaption class=\"wp-caption-text\">Select the Editor submenu in the Appearance section of the admin menu to customize a block theme.<\/figcaption><\/figure>\n<p>This brings you to the Site Editor and gives you access to its features.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-038.png\" alt=\"The Site Editor.\" width=\"1000\" height=\"323\" \/><figcaption class=\"wp-caption-text\">The Site Editor.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"The-Command-Palette\"><\/span>The Command Palette<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Introduced in <a href=\"https:\/\/wptrainingmanual.com\/wordpress-updates\/wordpress-6-3\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress 6.3<\/strong><\/a>, the <a href=\"https:\/\/wptrainingmanual.com\/wordpress\/command-palette\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Editor Command Palette<\/strong><\/a> is a centralized tool within the site editor interface designed to streamline workflow by providing quick access to various editing functions and commands.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-135\/open-command-palette-02.png\" alt=\"The Command Palette\" width=\"1000\" height=\"608\" \/><figcaption class=\"wp-caption-text\">Use the Command Palette to easily navigate and edit sections of the site editor.<\/figcaption><\/figure>\n<p>For a detailed tutorial on how to use this time-saving feature, go here: <a href=\"https:\/\/wptrainingmanual.com\/wordpress\/command-palette\/\" target=\"_blank\" rel=\"noopener\"><strong>The Command Palette<\/strong><\/a><\/p>\n<p>Let&#8217;s go briefly over the main features of the Site Editor:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Site-Editor-%3E-Site\"><\/span>Site Editor &gt; Site<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This is the main section of the Site Editor. After going to <em>Appearance &gt; Editor &gt; Site<\/em>, you can edit all parts of your site, quickly customize everything from your background colors to font sizes for all Heading blocks, navigate between templates, and more.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-005.png\" alt=\"Site Editor - Site screen.\" width=\"1000\" height=\"479\" \/><figcaption class=\"wp-caption-text\">Make global changes to your site here.<\/figcaption><\/figure>\n<p>Clicking on any section of this screen will bring up a block with options for editing that element. Most of the changes you make and save here will apply across your entire website.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-011.png\" alt=\"Site Editor - Edit blocks in the Site screen.\" width=\"1000\" height=\"650\" \/><figcaption class=\"wp-caption-text\">Make global edits to blocks in the Site screen.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Site-Editor-%3E-Templates\"><\/span>Site Editor &gt; Templates<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To access this section, go to <em>Appearance &gt; Editor &gt; Templates<\/em>.<\/p>\n<p>Templates are groups of blocks combined to create a design for a webpage. You can create custom templates or use templates provided by your theme or a plugin.<\/p>\n<p>When you make changes to a template, the editor updates the blocks on all pages\/posts that use the template. A template for a post or page displays your content with the post content block.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-006.png\" alt=\"Site Editor - Templates\" width=\"1000\" height=\"617\" \/><figcaption class=\"wp-caption-text\">Templates combine blocks to create your site&#8217;s web design.<\/figcaption><\/figure>\n<p>For more information about using Templates, see this support article from WordPress: <strong><a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" target=\"_blank\" rel=\"noopener\">Template Editor<\/a><\/strong>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Site-Editor-%3E-Template-Parts\"><\/span>Site Editor &gt; Template Parts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To access this section, go to <em>Appearance &gt; Editor &gt; Template Parts<\/em>.<\/p>\n<p>A Template part is a block for managing different areas of your webpage that help set the structure for reusable items like a Footer or Header. Template parts are primarily meant to be used for your site&#8217;s structure.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-126\/WPTM-126-007.png\" alt=\"Site Editor - Template Parts\" width=\"1000\" height=\"401\" \/><figcaption class=\"wp-caption-text\">Template Parts are used to create your site&#8217;s structure.<\/figcaption><\/figure>\n<p>For more information about using Template parts, see this support article from WordPress: <strong><a href=\"https:\/\/wordpress.org\/support\/article\/template-part-block\/\" target=\"_blank\" rel=\"noopener\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/support\/article\/template-part-block\/\">Template Part<\/a><\/strong>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"How-To-Browse-Between-Templates-And-Template-Parts\"><\/span>How To Browse Between Templates And Template Parts<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>After going to <em>Appearance &gt; Editor<\/em>, you will be taken to the template used by your homepage with the option to switch between different templates and template parts.<\/p>\n<p>In order to switch what you\u2019re currently viewing, simply click on the WordPress icon. You will then be able to select between going back to your Dashboard, your list of templates, your list of template parts, or back to editing what your home page displays.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/site-editor-sm.gif\" alt=\"Site Editor - How to manage templates.\" width=\"1000\" height=\"554\" \/><figcaption class=\"wp-caption-text\">How to manage templates.<\/figcaption><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"How-To-Return-To-Your-Dashboard\"><\/span>How To Return To Your Dashboard<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>To return to your dashboard, click the WordPress icon to open the Site Editor navigation and then click on the <em>Dashboard<\/em> link. This will take you back to your site&#8217;s dashboard.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-021.png\" alt=\"Return to Dashboard.\" width=\"1000\" height=\"520\" \/><figcaption class=\"wp-caption-text\">Click the WordPress icon and the Dashboard link to exit the Site Editor and return to your site&#8217;s admin area.<\/figcaption><\/figure>\n<figure class=\"wp-block-image size-full is-resized\"><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Site-Editor-%3E-Styles\"><\/span>Site Editor &gt; Styles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The Styles section was introduced in WordPress 5.9 and comes included in <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\"><strong>Block Themes<\/strong><\/a>. It lets you change site-wide settings with different colors, typography, layouts, and more.<\/p>\n<p>You can also change and adjust the site-wide appearance of blocks to ensure a cohesive experience across your site.<\/p>\n<p>For example, you can add your unique colors to a branded Button block or adjust the Heading block to your preferred size.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-004.png\" alt=\"Styles Editor\" width=\"1000\" height=\"463\" \/><figcaption class=\"wp-caption-text\">Use the Styles Editor to create a cohesive look and feel throughout your website that matches your brand.<\/figcaption><\/figure>\n<p>The changes you make using the Styles Editor affect your entire site. So, if you change the background color, this will change the background color of all of your posts, pages, and templates.<\/p>\n<p>Your theme and WordPress itself supply various default settings to your site. Styles allow you to override these options with your own, so you can add your own custom colors to the color palette, change the layout controls, and more.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"How-To-Access-The-Styles-Editor\"><\/span>How To Access The Styles Editor<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>In the Site Editor, click on the Styles icon in the top-right section of the screen.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-003.png\" alt=\"WordPress Site Editor - Styles feature.\" width=\"1000\" height=\"690\" \/><figcaption class=\"wp-caption-text\">You can toggle the Styles editor on and off by clicking on the Styles icon.<\/figcaption><\/figure>\n<p>Clicking on the Styles icon toggles the Styles editor on and off.<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-006.png\" loading=\"lazy\" \/><\/p>\n<p>You can use the Styles editor regardless of the template or template part you are editing.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/styles-sm.gif\" alt=\"Overview of the Styles Editor.\" width=\"1000\" height=\"500\" \/><figcaption class=\"wp-caption-text\">Overview of the Styles Editor.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Styles-Features\"><\/span>Styles Features<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Let&#8217;s go briefly through each of the main sections of the Styles Editor.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Typography\"><\/span>Typography<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>This section lets you manage the fonts used on your site and the default aspect of global elements like font weight and line height.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-007.png\" alt=\"Styles - Typography\" width=\"1000\" height=\"785\" \/><figcaption class=\"wp-caption-text\">Styles &#8211; Typography<\/figcaption><\/figure>\n<p>Selecting Typography gives you the option to edit both <em>Text<\/em> and <em>Links<\/em> and customize elements like the font family, font size (preset or custom size), line height, and appearance.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-008.gif\" alt=\"Styles - Typography\" width=\"1000\" height=\"796\" \/><figcaption class=\"wp-caption-text\">The Styles Editor gives you complete control over the typography elements of your site&#8217;s theme.<\/figcaption><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Colors\"><\/span>Colors<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>This section lets you manage color palettes and the default color of global elements on your site like the background color, text color, and link color.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-005.gif\" alt=\"Styles - Colors\" width=\"1000\" height=\"850\" \/><\/p>\n<h5><span class=\"ez-toc-section\" id=\"How-To-Add-A-Custom-Color-Or-Gradient\"><\/span>How To Add A Custom Color Or Gradient<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>To add a custom color for use across your entire site, do the following:<\/p>\n<p>Go to the Site Editor and open the Styles interface.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-009.png\" alt=\"Styles\" width=\"1000\" height=\"780\" \/><figcaption class=\"wp-caption-text\">Click on the Styles icon.<\/figcaption><\/figure>\n<p>Select the <em>Colors<\/em> section.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-010.png\" alt=\"Styles - Colors\" width=\"1000\" height=\"780\" \/><figcaption class=\"wp-caption-text\">Styles &gt; Colors<\/figcaption><\/figure>\n<p>Select the <em>Palette<\/em> section.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-011.png\" alt=\"Styles - Colors - Palette\" width=\"1000\" height=\"655\" \/><figcaption class=\"wp-caption-text\">Styles &gt; Colors &gt; Palette<\/figcaption><\/figure>\n<p>Choose either the <em>Solid<\/em> or <em>Gradient<\/em> tab.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-012.gif\" alt=\"Styles - Colors - Palette - Solid or Gradient\" width=\"1000\" height=\"796\" \/><figcaption class=\"wp-caption-text\">Select either a Solid or Gradient color palette.<\/figcaption><\/figure>\n<p>Under Custom, select the + button.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-013.png\" alt=\"Styles - Colors - Palette - Custom\" width=\"1000\" height=\"525\" \/><figcaption class=\"wp-caption-text\">Add a custom color via the Styles &gt; Colors &gt; Palette &gt; Custom menu.<\/figcaption><\/figure>\n<p>Select and name your custom color option using the color tool. <em>Note:<\/em> Avoid choosing common color names (blue, green, etc.) when naming custom colors to prevent overlapping other common color names.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-014.png\" alt=\"Styles - Add custom color.\" width=\"1000\" height=\"500\" \/><figcaption class=\"wp-caption-text\">Specify and name your custom color.<\/figcaption><\/figure>\n<p>After selecting and naming your custom color, click <em>Done<\/em>, then click <em>Save<\/em> to save and update your settings.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-015.png\" alt=\"Styles - Custom color\" width=\"1000\" height=\"500\" \/><figcaption class=\"wp-caption-text\">Create your custom color, then click Done, and remember to save your new settings.<\/figcaption><\/figure>\n<p>Your new custom color option is now available for use throughout your site.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-016.png\" alt=\"Styles - Custom color.\" width=\"1000\" height=\"510\" \/><figcaption class=\"wp-caption-text\">Your new custom color has been added to your Styles &gt; Colors &gt; Palette.<\/figcaption><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Layout\"><\/span>Layout<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>This section lets you add and adjust the global padding dimensions of your site\u2019s layout.<\/p>\n<p>To adjust the padding of your site globally, select a template section to work on (e.g. Header, Footer, Page, etc.), then click the <em>Layout<\/em> option.<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-017.png\" loading=\"lazy\" \/><\/p>\n<p>Next, enter padding values into the Padding field:<\/p>\n<ul>\n<li><em>Padding<\/em>\u00a0\u2013 Set padding values for your layout. Select a unit from the drop-down menu:\n<ul>\n<li>PX\u00a0<em>(Pixels)<\/em><\/li>\n<li>EM\u00a0<em>(Font size)\u00a0<\/em><\/li>\n<li>REM<em>\u00a0(Root em)<\/em><\/li>\n<li>VW\u00a0<em>(Viewport Width)<\/em><\/li>\n<li>VH\u00a0<em>(Viewport Height)<\/em><\/li>\n<\/ul>\n<\/li>\n<li><em>Link\/Unlink sides<\/em>\n<ul>\n<li><em>Link sides \u2013\u00a0<\/em> Set up uniform padding values for the left, right, top, and bottom sides of your template layout.<\/li>\n<li><em>Unlink sides<\/em> \u2013 Set up different padding values for the left, right, top, and bottom sides of your template layout.<\/li>\n<li><em>Reset All<\/em> \u2013 Resets padding values to default (no padding). <em>Note:<\/em> Select this option by clicking on the vertical ellipsis next to <em>Dimensions<\/em>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-018.gif\" alt=\"Styles - Layout\" width=\"1000\" height=\"609\" \/><figcaption class=\"wp-caption-text\">Use the Layout section to add and adjust the padding on your site.<\/figcaption><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Blocks\"><\/span>Blocks<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>You can make global adjustments and customize the appearance of every block on your site to suit your needs in the <em>Blocks<\/em> section of the Styles Editor.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-019.png\" alt=\"Styles Editor - Blocks section.\" width=\"1000\" height=\"750\" \/><figcaption class=\"wp-caption-text\">The Blocks section of the Styles Editor lets you customize the appearance of specific blocks for your entire site.<\/figcaption><\/figure>\n<p>Each block has its own customizable set of options. For example, the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/image-block\/\" target=\"_blank\" rel=\"noopener\"><strong>Image block<\/strong><\/a> has options around Layout and the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/button-block\/\" target=\"_blank\" rel=\"noopener\"><strong>Button block<\/strong><\/a> has Typography, Colors, and Layout options.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-020.png\" loading=\"lazy\" \/><\/p>\n<p><em>Note:<\/em> Any changes made will affect the default state of the block wherever it is placed on your site unless you have customized it individually. For example, if you set a custom color with an individual button block previously, the Styles that you set here won\u2019t override those individually set colors.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Style-Book\"><\/span>Style Book<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>The <em>Style Book<\/em> lets you see how your site&#8217;s overall design and styling settings will affect every block that can be inserted on your site.<\/p>\n<p>For example, you can preview what the site-wide background and text colors, font family, or font sizes of blocks will look like.\u00a0This also lets web designers preview how global styles will affect the display of any block, without inserting those blocks into a template.<\/p>\n<p>Access the Style Book by clicking on the <em>eye icon<\/em> in the Styles header within the Global Styles section.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wp-versions\/wp-62\/wp62-style-book-sm.gif\" alt=\"Accessing the Style Book\" width=\"1000\" height=\"562\" \/><figcaption class=\"wp-caption-text\">Accessing the Style Book<\/figcaption><\/figure>\n<p>To adjust a block&#8217;s styling, click on a preview of a block within the Style Book, and it will navigate you to the block-level global styles. This makes it easier to preview changes to block-level global styles without having to insert the block within the current template.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Custom-CSS\"><\/span>Custom CSS<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Control your site&#8217;s look and feel by adding custom CSS to your site or individual blocks.<\/p>\n<p>To access this feature:<\/p>\n<ul>\n<li>Click on the Styles menu icon (the divided circle)<\/li>\n<li>Click on the Eye icon in the Styles header section<\/li>\n<li>Scroll down to the &#8220;Customize the appearance of specific blocks for the whole site&#8221; section<\/li>\n<li>Select a block type<\/li>\n<li>Scroll down to the &#8220;Add your own CSS to customize the block appearance&#8221; section and click on &#8220;Additional Block CSS&#8221;<\/li>\n<li>This brings up the CSS section.<\/li>\n<li>Enter your CSS code in the <em>Additional CSS<\/em> field.<\/li>\n<\/ul>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wp-versions\/wp-62\/wp62-custom-css-styles.gif\" alt=\"Add Custom CSS to Blocks\" width=\"1000\" height=\"936\" \/><figcaption class=\"wp-caption-text\">Add Custom CSS to Blocks<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Sticky-Positioning\"><\/span>Sticky Positioning<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Keep top-level group blocks fixed at the top of a page as visitors scroll for a dynamic visual experience.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"More-Global-Styles-Actions\"><\/span>More Global Styles Actions<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>To reset all Styles to their default settings, click on the vertical ellipsis icon in the <strong>Styles<\/strong> title section, then select <em>Reset to defaults<\/em> from the dropdown menu.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-028.png\" alt=\"Styles - Reset to defaults\" width=\"1000\" height=\"620\" \/><figcaption class=\"wp-caption-text\">Reset all global styles to their default settings.<\/figcaption><\/figure>\n<p>You can also access the <em>Styles Welcome Guide<\/em> from this menu&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-027.png\" alt=\"Styles - Welcome Guide\" width=\"1000\" height=\"625\" \/><figcaption class=\"wp-caption-text\">Need a quick tour of the Styles Editor features? Open the Welcome Guide.<\/figcaption><\/figure>\n<p>This will give you a quick overview of the features available in the Styles Editor and what you can do in this section. Click the &#8216;X&#8217; to close the guide when done.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-026.png\" alt=\"Styles - Welcome Guide.\" width=\"1000\" height=\"754\" \/><figcaption class=\"wp-caption-text\">Styles &#8211; Welcome Guide.<\/figcaption><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"How-To-Update-What-Your-Homepage-Displays\"><\/span>How To Update What Your Homepage Displays<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Your homepage can show a list of your <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/create-blog-page\/\" target=\"_blank\" rel=\"noopener\"><strong>latest blog posts<\/strong><\/a> or a <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/set-home-page\/\" target=\"_blank\" rel=\"noopener\"><strong>static page<\/strong><\/a> with custom content. The setting you use depends on which templates are included in your theme.<\/p>\n<p>To view the list of templates in your Site Editor, go to <em>Administration Screen &gt; Appearance &gt; Editor &gt; Templates<\/em>.<\/p>\n<ul>\n<li>If your theme does not have a Home or Front Page template, select the <em>Add New<\/em> button to create a new Front Page.<\/li>\n<li>If your theme has a Front Page template, click on the link with the template name to open the editor.<\/li>\n<li>If your theme has a Home template, you can edit the template or set what you want to display in <em>Administration Screen &gt; Settings &gt; Reading<\/em>.<\/li>\n<\/ul>\n<p>So, for example, here&#8217;s how you create a new Front Page template&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-022.png\" alt=\"Templates - Add New - Front Page\" width=\"1000\" height=\"542\" \/><figcaption class=\"wp-caption-text\">To create a new Front Page template, click on Add New and select Front Page.<\/figcaption><\/figure>\n<p>Your new template will be added to the Templates section&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-023.png\" alt=\"Templates - New Front Page template.\" width=\"1000\" height=\"676\" \/><figcaption class=\"wp-caption-text\">New Front Page template.<\/figcaption><\/figure>\n<p>Clicking on the Template title opens up the template and allows you to edit and customize it. <em>Note:<\/em> Creating a new template gives you a blank page with only the Block Editor screen.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-025.png\" alt=\"New Front Page template.\" width=\"1000\" height=\"475\" \/><figcaption class=\"wp-caption-text\">Begin adding blocks to create and customize your new Front Page page layout.<\/figcaption><\/figure>\n<p>Use blocks to create and customize your front page.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-031.png\" alt=\"Front Page template\" width=\"1000\" height=\"808\" \/><figcaption class=\"wp-caption-text\">Create your page using blocks.<\/figcaption><\/figure>\n<p>You can preview how your page will look on different device screens by clicking the <strong>Preview<\/strong> button.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-033.png\" alt=\"Template Editor - Preview\" width=\"1000\" height=\"513\" \/><figcaption class=\"wp-caption-text\">Preview your template changes as you work.<\/figcaption><\/figure>\n<p>When you&#8217;re done creating or editing your template, click the <strong>Save<\/strong> button to update your settings. This section will list what changes were made to your site, templates, and content. You can also tick or untick the checkboxes in this section to enable\/disable saving.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-032.png\" alt=\"Site Editor - Save button.\" width=\"1000\" height=\"550\" \/><figcaption class=\"wp-caption-text\">View changes made to your site, templates, and content before saving.<\/figcaption><\/figure>\n<p>After saving, visit your site to view your changes.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-029.png\" alt=\"Front Page designed using the Site Editor.\" width=\"1000\" height=\"806\" \/><figcaption class=\"wp-caption-text\">A new Front Page designed using the Site Editor.<\/figcaption><\/figure>\n<p>To return to the Site Editor and continue making changes to your templates, click on the <em>Edit site<\/em> button in the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-dashboard\/\" target=\"_blank\" rel=\"noopener\"><strong>admin toolbar<\/strong><\/a>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-030.png\" alt=\"Admin toolbar - Edit site.\" width=\"1000\" height=\"310\" \/><figcaption class=\"wp-caption-text\">Click the Edit site button to return to the Site Editor.<\/figcaption><\/figure>\n<p>You can also delete the template by clicking on the vertical ellipsis icon and selecting <em>Delete template<\/em>.<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-024.png\" loading=\"lazy\" \/><\/p>\n<p>To learn how to select a static page for your homepage, see this tutorial: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/set-home-page\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Set A Home Page For Your Website<\/strong><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How-To-Customize-Your-Home-Page\"><\/span>How To Customize Your Home Page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Here is some additional information on customizing your home page:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Latest-Blog-Posts\"><\/span>Latest Blog Posts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To customize your blog, go to <em>Administration Screen &gt; Appearance &gt; Editor<\/em>. The editor will open to your homepage, and you can start editing.<\/p>\n<p>Block themes display lists of blog posts with the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/query-loop-block\/\" target=\"_blank\" rel=\"noopener\"><strong>Query Loop<\/strong><\/a> block and the Post Template block.<\/p>\n<p>When you add a block inside the Post Template block, it is repeated for every post in the list. The <em>Post Title<\/em> and <em>Post Featured Image<\/em>, <em>Post Author<\/em>, <em>Post Date<\/em>, <em>Post Category<\/em>, and <em>Post Tags<\/em> are examples of blocks that you can use to customize your blog.<\/p>\n<h3 id=\"static-page\"><span class=\"ez-toc-section\" id=\"Static-Page\"><\/span>Static Page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If you have selected a static page for your home page and you want it to have a different design than other pages, you need to assign it a different template.<\/p>\n<p>To assign an existing template to your home page:<\/p>\n<ol>\n<li>From your <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-dashboard\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress dashboard<\/strong><\/a>, select <em>Pages &gt; All Pages<\/em>.<\/li>\n<li>From the list of pages, select the option to <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/edit-delete-wordpress-pages\/\" target=\"_blank\" rel=\"noopener\"><strong>edit the page<\/strong><\/a> you have set as your home page.<\/li>\n<li>In the editor screen, open the settings sidebar.<\/li>\n<li>Under <em>Template<\/em>, you can then select whichever Template you want your home page to use.<\/li>\n<li>When you\u2019re done, select <em>Update<\/em> to save the changes.<\/li>\n<\/ol>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-034.png\" alt=\"Page - Templates\" width=\"1000\" height=\"706\" \/><figcaption class=\"wp-caption-text\">Select an existing template for your home page.<\/figcaption><\/figure>\n<p>To create a new template for your home page:<\/p>\n<ol>\n<li>From your <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-dashboard\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress dashboard<\/strong><\/a>, select <em>Pages &gt; All Pages<\/em>.<\/li>\n<li>From the list of pages, select the option to <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/edit-delete-wordpress-pages\/\" target=\"_blank\" rel=\"noopener\"><strong>edit the page<\/strong><\/a> you have set as your home page.<\/li>\n<li>In the editor screen, open the settings sidebar.<\/li>\n<li>Under <em>Template<\/em>, select <em>New<\/em>.<\/li>\n<li>Name your new custom Template and click the <em>Create<\/em> button to go to the Template editor.<\/li>\n<li>Create, edit, and customize your new template in Template mode.<\/li>\n<li>When you\u2019re done, select <em>Update<\/em> to save the changes.<\/li>\n<\/ol>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-035.png\" alt=\"Page - Template - Add New\" width=\"1000\" height=\"545\" \/><figcaption class=\"wp-caption-text\">Create a new template for your page.<\/figcaption><\/figure>\n<p>Note: if you add a Front Page template in the Site Editor, it will always be used as the front page of your site regardless of which setting you choose under <em>Admin &gt; Settings &gt; Reading<\/em>. You will need to either customize this template to your liking or remove it to adjust the homepage settings again.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How-To-Update-Your-Site-Icon\"><\/span>How To Update Your Site Icon<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Block themes include the ability to use the <em>Site Logo<\/em> block, which has a built-in option to set your Site Logo as your Site Icon.<\/p>\n<p>Note: The <em>Site Logo<\/em> simply displays whatever logo you set for your site whereas your <em>Site Icon<\/em> is also known as a <em>favicon<\/em> and is used to help identify your website.<\/p>\n<p>To learn more about using a favicon, see this article: <a href=\"https:\/\/wpcompendium.org\/wordpress-configuration\/how-to-add-a-favicon-to-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Add A Favicon To WordPress<\/strong><\/a><\/p>\n<p>Follow the steps below to use the same image for the Site Logo and Site Icon:<\/p>\n<ol>\n<li>Go to <em>Appearance &gt; Editor<\/em>. This will open up your homepage.<\/li>\n<li>Either find the <em>Site Logo<\/em> block added by your theme or add the block yourself. <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener\"><strong>See this tutorial for help using blocks<\/strong><\/a>.<\/li>\n<li>After adding and clicking on the block, you\u2019ll see the option to upload or select an image to use from your <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/media-library\/\" target=\"_blank\" rel=\"noopener\"><strong>Media Library<\/strong><\/a>.<\/li>\n<li>Choose an image and with the Site Logo block selected, open the <em>block settings sidebar<\/em> (click on the cog icon).<\/li>\n<li>Under the settings for the Site Logo block, toggle on the option to <em>Use as site icon<\/em>.<\/li>\n<li>Save your changes.<\/li>\n<\/ol>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-036.png\" alt=\"Site icon\" width=\"1000\" height=\"816\" \/><figcaption class=\"wp-caption-text\">Add a site icon.<\/figcaption><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"Tools\"><\/span>Tools<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The following are tools that might be helpful to explore when using the Site Editor.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Using-List-View\"><\/span>Using List View<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The List View allows you to navigate through a complexity of blocks, select the block you need, and easily view all the blocks that make up your content. It&#8217;s a helpful tool when editing your site.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-037.png\" alt=\"List View\" width=\"1000\" height=\"936\" \/><figcaption class=\"wp-caption-text\">The List View helps you navigate between layers of content and nested blocks.<\/figcaption><\/figure>\n<p>For more information about using the List View tool, see this tutorial: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\" target=\"_blank\" rel=\"noopener\"><strong>Block Editor &#8211; Toolbar\u00a0<\/strong><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Using-Block-Patterns\"><\/span>Using Block Patterns<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Block Patterns are a collection of predefined blocks that you can insert into posts and pages and then customize with your own content.\u00a0While there are standard patterns you can use with any WordPress installation, they are also often bundled into block themes.<\/p>\n<p>Go here to learn more: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-block-patterns\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Block Patterns<\/strong><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Exporting-Templates-and-Template-Parts\"><\/span>Exporting Templates and Template Parts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Similar to the\u00a0<a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/how-to-import-and-export-wordpress-content\/\" target=\"_blank\" rel=\"noopener\"><strong>Tools &gt; Export<\/strong><\/a> option, there is an option to export what you create from within the Site Editor. This will export your templates and template parts.<\/p>\n<p>To export your templates and template parts:<\/p>\n<ol>\n<li>Go to <em>Appearance &gt; Editor<\/em> to open the Site Editor.<\/li>\n<li>Select the three-dot menu next to the Styles and Block settings options.<\/li>\n<li>Under Tools, select <em>Export<\/em>.<\/li>\n<li>The export will begin and you will receive a downloaded zip file of your templates and template parts.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Additional-Resources\"><\/span>Additional Resources<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Editing block themes and templates requires basic web design skills. If your site uses a block theme and you need help editing or customizing your theme or theme templates, ask your website developer, or refer to the external resources listed below for more information:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\"><strong>Template Editor<\/strong><\/a> &#8211; Allows block editor users to edit and create templates used in pages or posts.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/support\/article\/template-part-block\/\" target=\"_blank\" rel=\"noopener\"><strong>Template Part Block<\/strong><\/a> &#8211; An advanced block that can be used with a block theme or a theme that supports template editing. These often come with your theme and are used to organize and display your site structure. You can only use them while creating and editing templates to manage blocks in areas repeated across the website. This block is best used to create areas like your site header and site footer. When you change blocks inside a template part, the editor updates the blocks on every block template that includes the template part.<\/li>\n<li><a href=\"https:\/\/learn.wordpress.org\/course\/simple-site-design-with-full-site-editing\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Course &#8211; Simple Site Design With Full Site Editing<\/strong><\/a> &#8211; This course reviews the interconnected features of full site editing (FSE) in WordPress and how these are used to create site designs without using code.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"WordPress-Site-Editor-%E2%80%93-FAQs\"><\/span>WordPress Site Editor &#8211; FAQs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Here are frequently asked questions about the WordPress Site Editor:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What-is-the-WordPress-Site-Editor\"><\/span>What is the WordPress Site Editor?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The WordPress Site Editor is a powerful tool that allows users to design their entire website using blocks, from the header to the footer.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How-does-the-Site-Editor-differ-from-the-classic-editor-in-WordPress\"><\/span>How does the Site Editor differ from the classic editor in WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Unlike the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-vs-block-editor-and-widgets-help\/\" target=\"_blank\" rel=\"noopener\"><strong>classic editor<\/strong><\/a>, the Site Editor utilizes a block-based approach, offering more flexibility and ease of customization for designing web pages.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can-I-use-the-Site-Editor-to-customize-my-websites-header-and-footer\"><\/span>Can I use the Site Editor to customize my website&#8217;s header and footer?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can design everything on your site, including the header and footer, using blocks within the Site Editor.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Is-it-possible-to-create-custom-layouts-with-the-Site-Editor\"><\/span>Is it possible to create custom layouts with the Site Editor?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Absolutely, the Site Editor provides tools for creating custom layouts using blocks, allowing users to arrange content precisely as desired.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Does-the-Site-Editor-support-third-party-plugins-and-themes\"><\/span>Does the Site Editor support third-party plugins and themes?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, the Site Editor is compatible with various plugins and themes, offering extensive flexibility in website design and functionality.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can-users-with-no-coding-experience-use-the-Site-Editor\"><\/span>Can users with no coding experience use the Site Editor?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Definitely, the Site Editor is designed to be user-friendly, making it accessible for users with no coding experience to design and customize their websites.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How-can-I-learn-to-use-the-Site-Editor-effectively\"><\/span>How can I learn to use the Site Editor effectively?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>WordPress provides documentation and <a href=\"https:\/\/learn.wordpress.org\/tutorials\/\" target=\"_blank\" rel=\"noopener\"><strong>tutorials<\/strong><\/a> to guide users in utilizing the Site Editor efficiently. (<strong>Note:<\/strong> Most tutorials on the official WordPress site are aimed primarily towards web developers and tech-savvy WordPress users.)<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p style=\"text-align: left\">Congratulations! Hopefully, now you have a better understanding of the WordPress Site Editor.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-127\/WPTM-127-002.png\" alt=\"WordPress Site Editor\" width=\"1000\" height=\"488\" \/><figcaption class=\"wp-caption-text\">WordPress Site Editor<\/figcaption><\/figure>\n<p style=\"text-align: center\">***<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, you will learn about the WordPress Site Editor &#8211; a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.<\/p>\n","protected":false},"author":1,"featured_media":79522,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[195],"tags":[198,211,707,238],"class_list":["post-79521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tutorials","tag-block-editor","tag-gutenberg","tag-site-editor","tag-themes"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The WordPress Site Editor - WPTrainingManual.com<\/title>\n<meta name=\"description\" content=\"In this tutorial, you will learn about the WordPress Site Editor - a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The WordPress Site Editor - WPTrainingManual.com\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, you will learn about the WordPress Site Editor - a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"WPTrainingManual.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wptraining\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-11T23:38:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T09:02:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Martin Aranovitch\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wptrain\" \/>\n<meta name=\"twitter:site\" content=\"@wptrain\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Martin Aranovitch\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/\"},\"author\":{\"name\":\"Martin Aranovitch\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/58c1889d02a5ceeb1e6366a9b99b7f8c\"},\"headline\":\"The WordPress Site Editor\",\"datePublished\":\"2022-02-11T23:38:35+00:00\",\"dateModified\":\"2024-07-05T09:02:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/\"},\"wordCount\":3969,\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg\",\"keywords\":[\"Block Editor\",\"Gutenberg\",\"Site Editor\",\"Themes\"],\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/\",\"name\":\"The WordPress Site Editor - WPTrainingManual.com\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg\",\"datePublished\":\"2022-02-11T23:38:35+00:00\",\"dateModified\":\"2024-07-05T09:02:20+00:00\",\"description\":\"In this tutorial, you will learn about the WordPress Site Editor - a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.\",\"breadcrumb\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg\",\"width\":1280,\"height\":720,\"caption\":\"WordPress Site Editor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wptrainingmanual.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The WordPress Site Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wptrainingmanual.com\/#website\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"name\":\"WPTrainingManual.com\",\"description\":\"WordPress Training Manual\",\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wptrainingmanual.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\",\"name\":\"WPTrainingManual.com\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"width\":559,\"height\":65,\"caption\":\"WPTrainingManual.com\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wptraining\",\"https:\/\/x.com\/wptrain\",\"https:\/\/www.linkedin.com\/in\/wptraining\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/58c1889d02a5ceeb1e6366a9b99b7f8c\",\"name\":\"Martin Aranovitch\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/52e29f15ba597f038cba9a44a9966f2cbb9e3f2d16c862b27e9004f39a38c3ea?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/52e29f15ba597f038cba9a44a9966f2cbb9e3f2d16c862b27e9004f39a38c3ea?s=96&d=mm&r=g\",\"caption\":\"Martin Aranovitch\"},\"description\":\"Martin Aranovitch is a WordPress educator, trainer, digital publisher, and author of\u00a0various WordPress guides and training manuals, including The Complete Step-By-Step WordPress User Manual,\u00a0 a 2,100+ page comprehensive WordPress User Manual for non-techies, and the Rebrandable WordPress User Manual that website developers can use to train their clients.\",\"sameAs\":[\"https:\/\/wptrainingmanual.com\",\"https:\/\/x.com\/wptrain\"],\"url\":\"https:\/\/wptrainingmanual.com\/author\/wptrainingmanual\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The WordPress Site Editor - WPTrainingManual.com","description":"In this tutorial, you will learn about the WordPress Site Editor - a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/","og_locale":"en_US","og_type":"article","og_title":"The WordPress Site Editor - WPTrainingManual.com","og_description":"In this tutorial, you will learn about the WordPress Site Editor - a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.","og_url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/","og_site_name":"WPTrainingManual.com","article_publisher":"https:\/\/www.facebook.com\/wptraining","article_published_time":"2022-02-11T23:38:35+00:00","article_modified_time":"2024-07-05T09:02:20+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg","type":"image\/jpeg"}],"author":"Martin Aranovitch","twitter_card":"summary_large_image","twitter_creator":"@wptrain","twitter_site":"@wptrain","twitter_misc":{"Written by":"Martin Aranovitch","Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#article","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/"},"author":{"name":"Martin Aranovitch","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/58c1889d02a5ceeb1e6366a9b99b7f8c"},"headline":"The WordPress Site Editor","datePublished":"2022-02-11T23:38:35+00:00","dateModified":"2024-07-05T09:02:20+00:00","mainEntityOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/"},"wordCount":3969,"publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg","keywords":["Block Editor","Gutenberg","Site Editor","Themes"],"articleSection":["WordPress Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/","url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/","name":"The WordPress Site Editor - WPTrainingManual.com","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg","datePublished":"2022-02-11T23:38:35+00:00","dateModified":"2024-07-05T09:02:20+00:00","description":"In this tutorial, you will learn about the WordPress Site Editor - a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.","breadcrumb":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#primaryimage","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg","width":1280,"height":720,"caption":"WordPress Site Editor"},{"@type":"BreadcrumbList","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-site-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wptrainingmanual.com\/"},{"@type":"ListItem","position":2,"name":"The WordPress Site Editor"}]},{"@type":"WebSite","@id":"https:\/\/wptrainingmanual.com\/#website","url":"https:\/\/wptrainingmanual.com\/","name":"WPTrainingManual.com","description":"WordPress Training Manual","publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wptrainingmanual.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wptrainingmanual.com\/#organization","name":"WPTrainingManual.com","url":"https:\/\/wptrainingmanual.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","width":559,"height":65,"caption":"WPTrainingManual.com"},"image":{"@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wptraining","https:\/\/x.com\/wptrain","https:\/\/www.linkedin.com\/in\/wptraining\/"]},{"@type":"Person","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/58c1889d02a5ceeb1e6366a9b99b7f8c","name":"Martin Aranovitch","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/52e29f15ba597f038cba9a44a9966f2cbb9e3f2d16c862b27e9004f39a38c3ea?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/52e29f15ba597f038cba9a44a9966f2cbb9e3f2d16c862b27e9004f39a38c3ea?s=96&d=mm&r=g","caption":"Martin Aranovitch"},"description":"Martin Aranovitch is a WordPress educator, trainer, digital publisher, and author of\u00a0various WordPress guides and training manuals, including The Complete Step-By-Step WordPress User Manual,\u00a0 a 2,100+ page comprehensive WordPress User Manual for non-techies, and the Rebrandable WordPress User Manual that website developers can use to train their clients.","sameAs":["https:\/\/wptrainingmanual.com","https:\/\/x.com\/wptrain"],"url":"https:\/\/wptrainingmanual.com\/author\/wptrainingmanual\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg",1280,720,false],"thumbnail":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor-150x150.jpg",150,150,true],"medium":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor-300x169.jpg",300,169,true],"medium_large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor-768x432.jpg",768,432,true],"large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg",1280,720,false],"2048x2048":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/130-wp-site-editor.jpg",1280,720,false]},"uagb_author_info":{"display_name":"Martin Aranovitch","author_link":"https:\/\/wptrainingmanual.com\/author\/wptrainingmanual\/"},"uagb_comment_info":0,"uagb_excerpt":"In this tutorial, you will learn about the WordPress Site Editor - a feature that allows block editor users to build and fully customize their site using blocks and a new styling system.","_links":{"self":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/79521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/comments?post=79521"}],"version-history":[{"count":1,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/79521\/revisions"}],"predecessor-version":[{"id":79523,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/79521\/revisions\/79523"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media\/79522"}],"wp:attachment":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media?parent=79521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/categories?post=79521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/tags?post=79521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}