{"id":95862,"date":"2022-04-12T08:24:21","date_gmt":"2022-04-12T12:24:21","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=95862"},"modified":"2023-05-24T17:30:37","modified_gmt":"2023-05-24T21:30:37","slug":"menus-in-full-site-editor","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/","title":{"rendered":"Working with Menus in the WordPress 6.2"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png\" alt=\"Working with Menus in the WordPress Full Site Editor\" class=\"wp-image-95882\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The navigation block and menus have been updated in WordPress 6.2. The site editor allows you to create and edit menus using the block properties. This benefits the user by providing a clearer and easier interface to work with your menu.<\/p>\n\n\n\n<p>This tutorial will walk you through creating menus using the site editor in the front end of WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#creating-menus\">Creating Menus<\/a><\/li>\n\n\n\n<li><a href=\"#add-items\">Adding Items to Your Menu<\/a><\/li>\n\n\n\n<li><a href=\"#managing-menus\">Selecting and Managing Menus<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"alert alert-info\">This tutorial uses the free Bibimbap theme in WordPress version 6.2 to demonstrate menu creation and editing in a block-based theme.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-menus\">Creating Menus<\/h2>\n\n\n\n<p>Menus are navigation tools for your visitors and will remain in the same location from page to page.\u00a0 Typically, these menus are found in the header or footer of a website.\u00a0\u00a0<\/p>\n\n\n\n<p>The block that manages menus is the <strong>navigation block<\/strong>. You won\u2019t see the word \u201cmenu\u201d in the interface until you add and edit the navigation block. <\/p>\n\n\n\n<p>The location of the menu will depend on the theme. Generally, the menu has a placement holder when selecting a theme. They may have a single page that marks the menu\u2019s location.<\/p>\n\n\n\n<p>If you are adding a menu to the header or footer with no placeholder, then follow the directions below:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Log in to the <strong>WordPress Administrator<\/strong>.<\/li>\n\n\n\n<li>Click on <strong>Appearance<\/strong>, then click on <strong>Editor<\/strong>.<\/li>\n\n\n\n<li>You will see the home page of your site.  Click on the <strong>Header <\/strong>or <strong>Footer.<\/strong>  <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"496\" class=\"wp-image-104226\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/placeholder-page.jpg\" alt=\"Placeholder page - marks area in header or footer for menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/placeholder-page.jpg 1459w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/placeholder-page-300x149.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/placeholder-page-1024x508.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/placeholder-page-768x381.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>If you click in the area of the header or footer, you will see the area noted in the right column where the block properties are displayed. Click on <strong>Footer <\/strong>in the column.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"509\" class=\"wp-image-104227\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-item-right-column.jpg\" alt=\"Select Footer in properties column at right\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-item-right-column.jpg 1463w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-item-right-column-300x153.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-item-right-column-1024x521.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-item-right-column-768x391.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>When you select the footer in the right column, a toolbar will appear above the selected area with an Edit option. Click on <strong>Edit<\/strong>.<\/li>\n\n\n\n<li>The footer or header that you have selected will be isolated in edit mode. You can then select the specific area to add the navigation block. Left-click in the area where you wish to add the menu.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"392\" class=\"wp-image-104228\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-area-to-add-menu.jpg\" alt=\"Select area to add menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-area-to-add-menu.jpg 1454w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-area-to-add-menu-300x118.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-area-to-add-menu-1024x401.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-area-to-add-menu-768x301.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Click on the plus sign (+) in the bottom right-hand corner of the block.<\/li>\n\n\n\n<li>In the search bar, type \u201c<strong>navigation<\/strong>.\u201d When the block appears, click on it to insert it.<\/li>\n\n\n\n<li>Click on <strong>Save <\/strong>in the top right corner to save changes.<\/li>\n<\/ol>\n\n\n\n<p>Once you have the navigation block in place, if you have published pages, the menu is automatically populated.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-items\">Adding Items to Your Menu<\/h2>\n\n\n\n<p>If you have a new menu and it\u2019s blank with no pages, you do have some options that you can use to populate your menu.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"509\" class=\"wp-image-104251\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-menu-items-sidebar.jpg\" alt=\"Click on Navigation icon then go to the sidebar and click + sign\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-menu-items-sidebar.jpg 1463w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-menu-items-sidebar-300x153.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-menu-items-sidebar-1024x521.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-menu-items-sidebar-768x391.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/p>\n\n\n\n<p>In the screenshot above you can see how to add items to your menu:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Click on the Navigation icon.<\/li>\n\n\n\n<li>Click on the plus (+) sign in the sidebar under \u201cMenu.\u201d<br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/04\/menu-itmes-to-add.jpg\" alt=\"Click on the Plus sign in the Menu\" class=\"wp-image-104252\" width=\"432\" height=\"391\"><\/li>\n<\/ol>\n\n\n\n<p>The options that appear are all related to items that you can add to the menu. Here\u2019s the list:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Page link<\/li>\n\n\n\n<li>Custom link<\/li>\n\n\n\n<li>Spacer<\/li>\n\n\n\n<li>Page list<\/li>\n\n\n\n<li>Submenu<\/li>\n\n\n\n<li>Search<\/li>\n<\/ul>\n\n\n\n<p>Select the items to add to your menu.<\/p>\n\n\n\n<p>After you have finished adding your menu items, you can choose to edit the navigation block. The block properties have settings that include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Layout <\/strong>\u2013 Set the justification and orientation of the menu<\/li>\n\n\n\n<li><strong>Text wrap<\/strong> \u2013 Enable or disable text to wrap to multiple lines<\/li>\n\n\n\n<li><strong>Display<\/strong> \u2013 Enable or disable the button to display the visual appearance of the overlay menu. This can be set to off, mobile, or always.<\/li>\n<\/ul>\n\n\n\n<p>If you are working with a theme with a placeholder for the menu, then your steps are the same, except when choosing where to place the menu. Simply click on the placeholder, and then the menu appears in the right column.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"managing-menus\">Selecting and Managing Menus<\/h2>\n\n\n\n<p>Menus can be created and assigned per template. For example, you can have a main menu on your homepage and then a different one in the header of your pages.  <\/p>\n\n\n\n<p>You can create multiple menus and select when the time is appropriate.  <\/p>\n\n\n\n<p>In the steps below, we will first create a new menu on a page\/post and then show you where you would select a saved menu. The menu will be created on a page or post.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Open or create a new page or post.<\/li>\n\n\n\n<li>Add a new <strong>Navigation<\/strong> block. When you create it, it will be set to the last saved menu.<\/li>\n\n\n\n<li>In the right column, click on the 3-vertical dot menu.<\/li>\n\n\n\n<li>Select <strong>Create new menu<\/strong> from the menu that appears. This will give you a blank menu to start.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1463\" height=\"451\" class=\"wp-image-104236\" style=\"\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-new-blank-menu.jpg\" alt=\"Add a new menu on page or post\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-new-blank-menu.jpg 1463w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-new-blank-menu-300x92.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-new-blank-menu-1024x316.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/add-new-blank-menu-768x237.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Click on the navigation icon. You can add pages, posts, submenus, page lists, page links, spacers, and a search using the column at right. Select an option to add to your menu.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1463\" height=\"744\" class=\"wp-image-104238\" style=\"\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-options-add-menu.jpg\" alt=\"Navigation icon - add options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-options-add-menu.jpg 1463w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-options-add-menu-300x153.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-options-add-menu-1024x521.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-options-add-menu-768x391.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>You will need to create the new menu by populating it.\u00a0 For this example, I have just put in two URLs as placeholders.\u00a0 You can always go back later and edit the links.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"217\" height=\"477\" class=\"wp-image-104239\" style=\"\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-settings-options-1.jpg\" alt=\"Settings options for Navigation icon\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-settings-options-1.jpg 217w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/nav-settings-options-1-136x300.jpg 136w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/> <br><br>That navigation settings icon lets you select menu justification, menu alignment, wrap options, and overlay options (for the menu). Select an option for your menu if needed.<br><\/li>\n\n\n\n<li>The next section (to the right of Settings) is the Style options.  Here you can set the color for the text, background, submenus, overlay text, and overlay background. Pick the option that you want to use for your entries.<br><\/li>\n\n\n\n<li>Click on <strong>Save<\/strong>.<br><\/li>\n<\/ol>\n\n\n\n<p>If you are creating menus on a page or post and you see an error that the menu failed to create, go to the site header, select the menu in the header, and create a new menu there.  You can choose the created menu on your post or page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Managing and Deleting Menus<\/h2>\n\n\n\n<p>You must go into the settings to access the page for managing menus.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Click on the <strong>Navigation icon<\/strong> to select your menu.  <\/li>\n\n\n\n<li>Click on <strong>Settings <\/strong>in the sidebar.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"509\" class=\"wp-image-104244\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-1.jpg\" alt=\"Manage menus - step 1 \" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-1.jpg 1463w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-1-300x153.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-1-1024x521.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-1-768x391.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Click on <strong>Advanced<\/strong>. Here you will have a chance to delete the menu you\u2019re working on.  <\/li>\n\n\n\n<li>You can also click on <strong>Manage Menus<\/strong> to see all of the existing menus.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"509\" class=\"wp-image-104246\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-2.jpg\" alt=\"Click on Advanced to manage menus\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-2.jpg 1463w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-2-300x153.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-2-1024x521.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/manage-menus-2-768x391.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>The Manage menus section lets you see the existing menu names, rename the menus, and delete the menus.  You can also use the <strong>quick edit<\/strong> option for each menu to make it private or add a password for access.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<p>Creating menus is an essential part of any website design. They provide a navigation interface for your viewers to use your website. The options to build menus through WordPress 6.2 gives you a visual interface and options to create simple menus or more complex ones with many submenus.<\/p>\n\n\n\n<p>The WordPress full site editor is still evolving. So, more functionality may be added to the Manage Menus section in the future.<\/p>\n\n\n\n<div class=\"alert alert-info\" style=\"margin: 40px 0;\">Manage more WordPress websites with WordPress VPS Hosting! Secure and speed up your client\u2019s websites with high-performance managed <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-vps\">WordPress VPS Hosting<\/a> powered by UltraStack.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The navigation block and menus have been updated in WordPress 6.2. The site editor allows you to create and edit menus using the block properties. This benefits the user by providing a clearer and easier interface to work with your menu. This tutorial will walk you through creating menus using the site editor in the<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4532],"tags":[],"class_list":["post-95862","post","type-post","status-publish","format-standard","hentry","category-full-site-editing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Working with Menus in the WordPress 6.2 | InMotion Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Working with Menus in the WordPress 6.2 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The navigation block and menus have been updated in WordPress 6.2. The site editor allows you to create and edit menus using the block properties. This benefits the user by providing a clearer and easier interface to work with your menu. This tutorial will walk you through creating menus using the site editor in the Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-12T12:24:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-24T21:30:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Working with Menus in the WordPress 6.2\",\"datePublished\":\"2022-04-12T12:24:21+00:00\",\"dateModified\":\"2023-05-24T21:30:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\"},\"wordCount\":1116,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png\",\"articleSection\":[\"Full Site Editing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\",\"name\":\"Working with Menus in the WordPress 6.2 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png\",\"datePublished\":\"2022-04-12T12:24:21+00:00\",\"dateModified\":\"2023-05-24T21:30:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Working with Menus in the WordPress 6.2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working with Menus in the WordPress 6.2 | InMotion Hosting","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:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/","og_locale":"en_US","og_type":"article","og_title":"Working with Menus in the WordPress 6.2 | InMotion Hosting","og_description":"The navigation block and menus have been updated in WordPress 6.2. The site editor allows you to create and edit menus using the block properties. This benefits the user by providing a clearer and easier interface to work with your menu. This tutorial will walk you through creating menus using the site editor in the Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-04-12T12:24:21+00:00","article_modified_time":"2023-05-24T21:30:37+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Working with Menus in the WordPress 6.2","datePublished":"2022-04-12T12:24:21+00:00","dateModified":"2023-05-24T21:30:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/"},"wordCount":1116,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png","articleSection":["Full Site Editing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/","name":"Working with Menus in the WordPress 6.2 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image-1024x538.png","datePublished":"2022-04-12T12:24:21+00:00","dateModified":"2023-05-24T21:30:37+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/menus-fse-header-image.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Working with Menus in the WordPress 6.2"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4532,"name":"Full Site Editing","slug":"full-site-editing","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/95862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=95862"}],"version-history":[{"count":19,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/95862\/revisions"}],"predecessor-version":[{"id":104679,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/95862\/revisions\/104679"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=95862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=95862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=95862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}