{"id":98128,"date":"2022-06-24T15:04:27","date_gmt":"2022-06-24T19:04:27","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=98128"},"modified":"2022-06-27T13:25:46","modified_gmt":"2022-06-27T17:25:46","slug":"creating-submenus-with-fse","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/","title":{"rendered":"Creating Submenus Using the WordPress FSE"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg\" alt=\"Creating Submenus in WordPress FSE\" class=\"wp-image-98143\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>One of the biggest obstacles to many WordPress users is the change in the menu creation process when going to the Full Site Editing (FSE) system.\u00a0 Creating custom menus appears to take the biggest hit.\u00a0 However, if you haven\u2019t already tried it, the FSE system\u2019s method of building menus is still very flexible and capable when building custom menus.\u00a0\u00a0<\/p>\n\n\n\n<p>This article will focus on one aspect of custom menus \u2013 creating submenus. \u00a0 We will show you how to build a submenu and the options that you have while creating it.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#creating\">Creating a Submenu<\/a><\/li><li><a href=\"#options\">Submenu Options<\/a><\/li><\/ul>\n\n\n\n<p>This tutorial uses WordPress 6.0 and the Twenty Twenty-two theme.\u00a0 In order to use the Full Site Editing system to build menus, your theme must support block editing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating\">Creating a Submenu<\/h2>\n\n\n\n<p>To start, you will need to first <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/menus-in-full-site-editor\/\">create a menu<\/a>.\u00a0 From there you can create submenus as needed.\u00a0\u00a0<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Log in to the WordPress Administrator.<\/a><\/li><li>Open a page or post with an existing menu,\u00a0 or create a new menu. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"679\" class=\"wp-image-98145\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/open-editor-menu.jpg\" alt=\"Open editor to see menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/open-editor-menu.jpg 1218w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/open-editor-menu-300x204.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/open-editor-menu-1024x695.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/open-editor-menu-768x521.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>Note that I am editing the menu in the header of the home page in the Twenty Twenty-two theme in this tutorial.<br><\/li><li>Open the <strong>List View<\/strong>, then select the <strong>Navigation block<\/strong>.\u00a0 <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"535\" class=\"wp-image-98146\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/click-list-view.jpg\" alt=\"Click list view\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/click-list-view.jpg 1306w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/click-list-view-300x161.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/click-list-view-1024x548.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/click-list-view-768x411.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>The Navigation block is what makes up the menu in FSE. The list view will display the list of blocks that are in the editor.\u00a0 The navigation block may not immediately be visible and you may have to click on the drop-down arrows to expand the block list.\u00a0<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"542\" class=\"wp-image-98147\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/navigation-block.jpg\" alt=\"Find navigation block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/navigation-block.jpg 1308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/navigation-block-300x163.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/navigation-block-1024x555.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/navigation-block-768x416.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>The menu is created by the <strong>Navigation<\/strong> block. Click on the Navigation block and you\u2019ll see the existing menu structure.<br><\/li><li>Select the parent item of the submenu.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"542\" class=\"wp-image-98148\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-forms.jpg\" alt=\"Select parent block in menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-forms.jpg 1308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-forms-300x163.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-forms-1024x555.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-forms-768x416.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>To create a submenu, click on the menu item where you want to start the submenu.\u00a0 This will bring up the menu bar for the menu. In our screenshot below, I have selected \u201cFORMS\u201d to be the parent of the submenu I\u2019m creating.<br><\/li><li>Click on the <strong>Add submenu<\/strong> option as shown in the screenshot below.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"542\" class=\"wp-image-98149\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/menu-options.jpg\" alt=\"Select submenu from menu bar\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/menu-options.jpg 1308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/menu-options-300x163.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/menu-options-1024x555.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/menu-options-768x416.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>A contextual menu bar will appear when a menu item is selected.<br><br><\/li><li>Click on the <strong>+ sign<\/strong> in the white block to add items to your submenu.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"542\" class=\"wp-image-98150\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/create-submenu.jpg\" alt=\"Create Submenu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/create-submenu.jpg 1308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/create-submenu-300x163.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/create-submenu-1024x555.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/create-submenu-768x416.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>The example above shows \u201cplaceholder text\u201d in the submenu items. When you first click on the <strong>+ sign<\/strong> you will be given the option to search for the link, select an existing page, or type it in.\u00a0 There is also the option to open the submenu in a new browser tab. Clicking on this option will cause the internet browser to open a new tab when clicking on the submenu.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"542\" class=\"wp-image-98151\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/add-link-text.jpg\" alt=\"Add Link or text\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/add-link-text.jpg 1308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/add-link-text-300x163.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/add-link-text-1024x555.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/add-link-text-768x416.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>Use the option to search for links, add existing pages, or type in the text you want to add to your submenu. Continue clicking on the <strong>+ sign<\/strong> to add more entries until you complete building your submenu.<br><\/li><li>When your submenu is complete, click on the blue <strong>Save <\/strong>button in the top right corner.  You will be given a confirmation request before it can be saved.  Click on <strong>Save <\/strong>again to save your submenu.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"542\" class=\"wp-image-98175\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-menu-to-save.jpg\" alt=\"Select Menu to save\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-menu-to-save.jpg 1308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-menu-to-save-300x163.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-menu-to-save-1024x555.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/select-menu-to-save-768x416.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>Note that If you wish to choose a different menu to save your submenu, then you will need to scroll to the <em>Navigation Menus<\/em> section (under <strong>Save<\/strong>) and then click on <strong>Select<\/strong>.  You can then select a different menu to save to or create a new menu.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Submenu Options<\/h2>\n\n\n\n<p>The WordPress FSE system includes many options and the submenus are no exception.\u00a0 Each menu item is treated just like a normal menu item with the option to have <strong>Link settings<\/strong> \u2013 Description, Link Title, and Link rel.\u00a0\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/image-1024x485.jpeg\" alt=\"Select submenu in list view\" class=\"wp-image-98176\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/image-1024x485.jpeg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/image-300x142.jpeg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/image-768x364.jpeg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/image-1536x728.jpeg 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/image.jpeg 1600w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>In the screenshot above you can see the submenu items and the block properties to the right for Forms.\u00a0 Each submenu item also has these properties:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Description<\/strong> \u2013 a description of the link<\/li><li><strong>Link title<\/strong> \u2013 text to give more information about the link<\/li><li><strong>Link rel<\/strong> \u2013 describes the link relation between linked resource and current document; can be used to set values such as \u201cnofollow.\u201d\u00a0 Click on the following link to find a more detailed definition of the <a href=\"https:\/\/www.w3schools.com\/tags\/att_a_rel.asp\">HTML <em>a rel<\/em> attribute<\/a>.<\/li><\/ul>\n\n\n\n<p>You can also create further submenus under a submenu item by selecting a submenu item and then clicking on the <strong>add submenu<\/strong> icon.\u00a0 You can see the steps numbered in the screenshot below:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"443\" class=\"wp-image-98177\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenu-under-submenu.jpg\" alt=\"Create a submenu under a submenu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenu-under-submenu.jpg 1127w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenu-under-submenu-300x133.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenu-under-submenu-1024x453.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenu-under-submenu-768x340.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/p>\n\n\n\n<p>To more easily work with submenu items, it\u2019s best to use the List view option.\u00a0 You can then get a detailed view of the blocks that make up your menu.\u00a0 Each block has a contextual menu.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"639\" class=\"wp-image-98178\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/listview-submenu.jpg\" alt=\"Submenu in list view\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/listview-submenu.jpg 957w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/listview-submenu-300x192.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/listview-submenu-768x491.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/p>\n\n\n\n<p>The contextual menu is made visible by clicking on the vertical 3-dot menu to the right of the menu item in list view (as seen above).\u00a0 The options in the menu include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Hide more settings<\/strong> \u2013 currently, this option re-locates the menu bar above the menu so that you can see the submenu items.<\/li><li><strong>Select parent block (Submenu) <\/strong>\u2013 this occurs when you select a menu item. That item can become the parent for a new submenu if you choose to create one.<\/li><li><strong>Copy <\/strong>\u2013 copies the link for the menu item to your clipboard<\/li><li><strong>Duplicate<\/strong> \u2013 copies and immediately pastes a duplicate of the menu item<\/li><li><strong>Move to<\/strong> \u2013 this option is currently buggy in list view (it doesn\u2019t do anything); the best way to move a menu item is to go to the submenu, select the menu item you want to move, then use the arrows in the contextual menu bar to move the menu item up or down<br><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"368\" class=\"wp-image-98179\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/move-menu-item.jpg\" alt=\"Move submenu items\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/move-menu-item.jpg 519w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/move-menu-item-300x147.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li><strong>Lock<\/strong> \u2013 locks the menu item from being changed or moved<\/li><li><strong>Make Template part<\/strong> \u2013 create a <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\">template part<\/a> with the menu<\/li><li><strong>Remove \u201cplaceholder text 1\u201d <\/strong>\u00a0\u2013 delete the menu item.\u00a0 In this case, the text in the submenu is \u201cplaceholder text 1\u201d, so the item is identified by the link text.  Clicking here will remove the link from the submenu.<\/li><\/ul>\n\n\n\n<p>You now know how to create a custom submenu for your WordPress site.\u00a0 Check out our tutorials for more information on using <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/\">WordPress Full Site Editing<\/a>.<\/p>\n\n\n<p>Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg?mktgp=t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=wp-gutenberg\">helpful Gutenberg articles<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the biggest obstacles to many WordPress users is the change in the menu creation process when going to the Full Site Editing (FSE) system.\u00a0 Creating custom menus appears to take the biggest hit.\u00a0 However, if you haven\u2019t already tried it, the FSE system\u2019s method of building menus is still very flexible and capable<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/\"> 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-98128","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>Creating Submenus Using the WordPress FSE | 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\/creating-submenus-with-fse\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating Submenus Using the WordPress FSE | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"One of the biggest obstacles to many WordPress users is the change in the menu creation process when going to the Full Site Editing (FSE) system.\u00a0 Creating custom menus appears to take the biggest hit.\u00a0 However, if you haven\u2019t already tried it, the FSE system\u2019s method of building menus is still very flexible and capable Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/\" \/>\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-06-24T19:04:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-27T17:25:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg\" \/>\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=\"5 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\/creating-submenus-with-fse\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Creating Submenus Using the WordPress FSE\",\"datePublished\":\"2022-06-24T19:04:27+00:00\",\"dateModified\":\"2022-06-27T17:25:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/\"},\"wordCount\":1031,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg\",\"articleSection\":[\"Full Site Editing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/\",\"name\":\"Creating Submenus Using the WordPress FSE | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg\",\"datePublished\":\"2022-06-24T19:04:27+00:00\",\"dateModified\":\"2022-06-27T17:25:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Creating Submenus Using the WordPress FSE\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating Submenus Using the WordPress FSE\"}]},{\"@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":"Creating Submenus Using the WordPress FSE | 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\/creating-submenus-with-fse\/","og_locale":"en_US","og_type":"article","og_title":"Creating Submenus Using the WordPress FSE | InMotion Hosting","og_description":"One of the biggest obstacles to many WordPress users is the change in the menu creation process when going to the Full Site Editing (FSE) system.\u00a0 Creating custom menus appears to take the biggest hit.\u00a0 However, if you haven\u2019t already tried it, the FSE system\u2019s method of building menus is still very flexible and capable Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-06-24T19:04:27+00:00","article_modified_time":"2022-06-27T17:25:46+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg","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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Creating Submenus Using the WordPress FSE","datePublished":"2022-06-24T19:04:27+00:00","dateModified":"2022-06-27T17:25:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/"},"wordCount":1031,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg","articleSection":["Full Site Editing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/","name":"Creating Submenus Using the WordPress FSE | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse-1024x538.jpg","datePublished":"2022-06-24T19:04:27+00:00","dateModified":"2022-06-27T17:25:46+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/06\/submenus-fse.jpg","width":1200,"height":630,"caption":"Creating Submenus Using the WordPress FSE"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/creating-submenus-with-fse\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Creating Submenus Using the WordPress FSE"}]},{"@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":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98128","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=98128"}],"version-history":[{"count":9,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98128\/revisions"}],"predecessor-version":[{"id":98206,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98128\/revisions\/98206"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=98128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=98128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=98128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}