{"id":16357659,"date":"2023-08-08T07:16:53","date_gmt":"2023-08-08T07:16:53","guid":{"rendered":"https:\/\/wordpress.org\/documentation\/?post_type=helphub_article&p=16357659"},"modified":"2023-08-24T17:51:36","modified_gmt":"2023-08-24T17:51:36","slug":"site-editor-pages","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/site-editor-pages\/","title":{"rendered":"Site Editor Pages"},"content":{"rendered":"\n
Site Editor Pages is a page editing and page management tool in the Site Editor where you can create, view, edit, and trash pages. It shows your page content as part of the template instead of using placeholder content. <\/p>\n\n\n\n
The Site Editor Pages menu is only<\/strong> available when you install and activate a Block theme<\/a> on your site. You can learn about the Site Editor in this support article: Site Editor<\/a>.<\/p>\n\n\n\n In Site Editor Pages, you can edit both the page content and the template. The template is locked until you enable the template editing option.<\/p>\n\n\n\n Here you will also find the page details like information about the page status (for example, if a page is a draft or published) when the page was last updated, the number of words on the page, and how long it will take to read.<\/p>\n\n\n\n Once you install and activate a Block theme on your site, go to Appearance<\/strong> > Editor <\/strong>to open the Site Editor. In the sidebar menu, select Pages<\/strong>:<\/p>\n\n\n\n When you select Pages<\/strong>, WordPress shows a sidebar with a list of pages, page-related shortcuts, and an option to create new pages.<\/p>\n\n\n\n You will find your site icon or the WordPress logo at the top of the sidebar. Clicking on this image takes you back to the WordPress dashboard.<\/p>\n\n\n\n Next is your site title and a button that opens the Command Palette. You will recognize the Command Palette button by the icon of the magnifying glass. You can select the back button if you want to go back to the main Site Editor menu.<\/p>\n\n\n\n The page list includes all pages on your site that are either published or drafts. Each page in the page list is represented by an icon. Your front page uses an icon of a house. And if your site shows blog posts on a separate page<\/a>, the blog page uses an icon of a feather pen.<\/p>\n\n\n\n Clicking on the page title opens the page and the page details sidebar.<\/p>\n\n\n\n At the bottom of the sidebar are links that help you edit your site faster: Links to the 404-page template, the Search Results template, and Manage all pages, which takes you to the Pages screen<\/a> in the WordPress admin.<\/p>\n\n\n\n If you have unsaved changes to the page or the template, the save button at the bottom of the sidebar will be activated and highlighted with a blue background.<\/p>\n\n\n\n If there are unsaved changes to both the template and the page, you can review the changes before you save. Clicking the button opens a save modal where you can select if you want to save all changes:<\/p>\n\n\n\n This sidebar displays the name of the chosen page, a preview link for the front of the website, the featured image (if one exists), and a description.<\/p>\n\n\n\n Page details:<\/strong><\/p>\n\n\n\n The ellipsis menu next to the page title opens a modal where you can trash the page:<\/p>\n\n\n\n The pen icon represents editing: it redirects you to where you can edit the page in the Site Editor.<\/p>\n\n\n\n Different types of pages show different details in the sidebar. When you select a page that displays <\/mark>the latest posts, you can update settings related to your blog directly in the sidebar. You can:<\/p>\n\n\n\n There are also two shortcuts to editing your site header and site footer.<\/p>\n\n\n\n You can click the plus icon<\/strong> on the Site Editor Pages sidebar to draft a new page. Selecting this button opens a new modal where you can add an optional page title:<\/p>\n\n\n\n Selecting the Create draft<\/strong> button in the modal creates a new draft and redirects you to the screen where you can edit the new page. <\/p>\n\n\n\n To start editing a page in the Site Editor, click anywhere in the preview window or select a page from the Pages menu and click the pen icon.<\/p>\n\n\n\n When you edit pages in the Site Editor, you can see your page content in the template. Depending on the template, you may see your site header, the page content, and your site footer: In the top right corner is a save button, a toggle button that opens the settings sidebar, a button that opens the Styles interface<\/a>, and an options menu.<\/p>\n\n\n\n The page settings tab has four panels:<\/p>\n\n\n\n Status:<\/strong><\/p>\n\n\n\n You can use the status option in the summary panel to change the page to a draft, schedule it, or add a password: Publish:<\/strong><\/p>\n\n\n\n You can use the publish option in the summary panel to change the publishing date of the page. You can enter a date and time using the input fields or select a date from the calendar. You can use the arrow buttons to change the month of the calendar.<\/p>\n\n\n\n Blocks in the template<\/strong> are locked and can not be selected without enabling the Edit template<\/strong> option. This prevents accidental editing of the template.<\/p>\n\n\n\n The blocks in the content panel<\/strong> in the settings sidebar can be edited, but not moved or deleted. These blocks can be selected, but do not have a block toolbar. Clicking on a block in the content panel selects the block in the editor.<\/p>\n\n\n\n In the example image below, the content panel includes a post featured image, the title block, and the post content block.<\/p>\n\n\n\n Blocks that are placed inside the Post Content block<\/strong> are editable. You can add new blocks, edit, move, and remove blocks. These are the same blocks that you would see in the block editor when editing the page.<\/strong><\/p>\n\n\n\n In this example image, the editable blocks are the paragraph and quote blocks:<\/p>\n\n\n\n When you click on a block in the template, WordPress shows a notification in the bottom left corner that says: Edit your template to edit this block.<\/p>\n\n\n\n You can also enable template editing by selecting the “Edit template” button in the template panel in the settings sidebar:<\/p>\n\n\n\n Now you are redirected, and you can make changes to the template.<\/p>\n\n\n\n To go back to the page, you can use the back button above the editor:<\/p>\n\n\n\n Or, you can click on the WordPress logo or site icon in the top left corner to open the Site Editor sidebar.<\/p>\n\n\n\n Site Editor Pages is a page editing and page management tool in the Site Editor where you can create, view, edit, and trash pages. It shows your page content as part of the template instead of using placeholder content. The Site Editor Pages menu is only available when you install and activate a Block theme […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,94],"class_list":["post-16357659","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-site-editor"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16357659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=16357659"}],"version-history":[{"count":253,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16357659\/revisions"}],"predecessor-version":[{"id":16358768,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16357659\/revisions\/16358768"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=16357659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=16357659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}How to access Site Editor Pages<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Sidebar features<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Page list<\/h3>\n\n\n\n
Shortcuts<\/h3>\n\n\n\n
Save status<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
The page details sidebar<\/h3>\n\n\n\n
\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
The blog page details sidebar<\/h3>\n\n\n\n
\n
<\/figure>\n\n\n\n
Create new pages in the Site Editor<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Edit pages in the Site Editor<\/h2>\n\n\n\n
<\/p>\n\n\n\n<\/figure>\n\n\n\n
\n
<\/p>\n\n\n\n<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Locked and editable blocks<\/h3>\n\n\n\n
\n
Enable template editing<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
Resource Links<\/h2>\n\n\n\n
\n
Changelog<\/h2>\n\n\n\n
\n
\n