{"id":654,"date":"2025-03-13T13:41:08","date_gmt":"2025-03-13T20:41:08","guid":{"rendered":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?p=654"},"modified":"2025-03-24T10:39:50","modified_gmt":"2025-03-24T17:39:50","slug":"17-menu-basics","status":"publish","type":"post","link":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/","title":{"rendered":"17. Menu basics"},"content":{"rendered":"<div class=\"wp-block-alert alert is-style-alert-info\"><div class=\"alert-icon\"><span class=\"fas fa-check-circle\"><\/span><\/div><div class=\"alert-content\"><div class=\"acf-innerblocks-container\">\n\n<p>Menu options may not be visible to users at the Editor level. If Menu options are not seen, contact your site administrator to adjust menus.<\/p>\n\n<\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"locating_menus\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Locating menus<\/span><\/h2>\n\n\n\n<p>In the dashboard, go to <strong>Appearance<\/strong> &gt; <strong>Menus<\/strong> to see all existing menus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"1024\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Appearance-menu-616x1024.png\" alt=\"A screenshot of WordPress dashboard showing the Appearance menu highlighted with Menus selected. \" class=\"wp-image-449\" style=\"width:284px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Appearance-menu-616x1024.png 616w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Appearance-menu-181x300.png 181w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Appearance-menu.png 768w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"selecting_menu\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Selecting an existing menu<\/span><\/h2>\n\n\n\n<p><strong>Select the menu<\/strong> you want to edit from the dropdown menu and click <strong>Select<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"220\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-options-1024x220.png\" alt=\"A screenshot of WordPress menu settings showing the list of existing menus and an arrow pointing to the Select button.\" class=\"wp-image-450\" style=\"width:861px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-options-1024x220.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-options-300x65.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-options-768x165.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-options-1536x331.png 1536w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-options-2048x441.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating_menu\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Creating a new menu<\/span><\/h2>\n\n\n\n<p>Create a menu by clicking on the <strong>Create a new menu<\/strong> link. Then name your menu in the <strong>Menu Name<\/strong> field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"706\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-name-1024x706.png\" alt=\"Screenshot of a WordPress menu creation page showing option to create a new menu and field for menu name.\" class=\"wp-image-451\" style=\"width:541px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-name-1024x706.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-name-300x207.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-name-768x530.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-name-1536x1060.png 1536w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Menu-name.png 1986w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding_pages_menu\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Adding pages to a menu<\/span><\/h2>\n\n\n\n<p>On the left side of the menu editor, you&#8217;ll see a panel labeled <strong>Pages<\/strong>. Here, you can view a list of all the pages on your website. <strong>Check the box<\/strong> next to the page\/s you want to add to your menu, then click the <strong>Add to Menu<\/strong> button.<\/p>\n\n\n\n<p>You may also choose <strong>Posts<\/strong>, or add <strong>Custom Links<\/strong> to pages not in your website.<\/p>\n\n\n<div class=\"wp-block-alert alert is-style-alert-warning\"><div class=\"alert-icon\"><span class=\"fas fa-exclamation-triangle\"><\/span><\/div><div class=\"alert-content\"><div class=\"acf-innerblocks-container\">\n\n<p>Once added, your link will have the option to open in a new window. Do not choose this option.<\/p>\n\n<\/div><\/div><\/div>\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"943\" height=\"937\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Add-to-menu.png\" alt=\"Screenshot of a WordPress admin panel showing menu item Pitchfork Home being selected and an arrow points to Add to Menu button.\" class=\"wp-image-452\" style=\"width:395px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Add-to-menu.png 943w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Add-to-menu-300x298.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Add-to-menu-150x150.png 150w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Add-to-menu-768x763.png 768w\" sizes=\"auto, (max-width: 943px) 100vw, 943px\" \/><\/figure>\n\n\n\n<p>After adding pages to your menu, you can <strong>arrange their order by dragging and dropping<\/strong> them into the desired position.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"767\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-drop-and-save_menu-1-1024x767.png\" alt=\"Screenshot of WordPress menu editor showing draggable menu items.\" class=\"wp-image-455\" style=\"width:451px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-drop-and-save_menu-1-1024x767.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-drop-and-save_menu-1-300x225.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-drop-and-save_menu-1-768x575.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-drop-and-save_menu-1.png 1237w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"saving_menu\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Saving menu<\/span><\/h2>\n\n\n\n<p>Once you&#8217;ve arranged and customized your menu items to your liking, click the <strong>Save Menu<\/strong> button to save your changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"1024\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-menu-992x1024.png\" alt=\"A screenshot of WordPress menu editor with a red arrow pointing to a blue Save Menu button.\" class=\"wp-image-454\" style=\"width:330px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-menu-992x1024.png 992w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-menu-291x300.png 291w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-menu-768x793.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-menu.png 1346w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating_sub_menu\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Creating sub-menu items<\/span><\/h2>\n\n\n\n<p>A submenu is a secondary menu that appears under a main menu item. It helps organize related pages or categories, improving navigation without cluttering the main menu. Users can access it by clicking the main menu item. A good example of submenu can be seen here: <a href=\"https:\/\/students.engineering.asu.edu\/policies\/\">https:\/\/students.engineering.asu.edu\/policies\/<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"855\" height=\"1024\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Example-of-sidebar-menu-855x1024.png\" alt=\"A screenshot of a dropdown menu displaying Academic Integrity section expanded, listing various sub menu items beneath.\" class=\"wp-image-456\" style=\"width:357px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Example-of-sidebar-menu-855x1024.png 855w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Example-of-sidebar-menu-250x300.png 250w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Example-of-sidebar-menu-768x920.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Example-of-sidebar-menu.png 898w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To create a sub-menu (a dropdown menu), drag a menu item slightly to the right beneath another menu item. This action will make the dragged item a sub-item of the item above it.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"1024\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-and-drop-sidebar-menu-1014x1024.png\" alt=\"Screenshot of WordPress menu editor showing a sidebar menu with items. The sub items are highlighted with an arrow stating &quot;To create a sub-menu, drag a menu item slightly to the right beneath another menu item&quot;.\" class=\"wp-image-457\" style=\"width:487px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-and-drop-sidebar-menu-1014x1024.png 1014w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-and-drop-sidebar-menu-297x300.png 297w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-and-drop-sidebar-menu-150x150.png 150w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-and-drop-sidebar-menu-768x776.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-and-drop-sidebar-menu-1520x1536.png 1520w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/drag-and-drop-sidebar-menu.png 1558w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/figure>\n\n\n\n<p>2. <strong>When you add sub-items, the main menu item above the sub-items will no longer link to a page.<\/strong> For accessibility, one click can only have one action. When a submenu is added, the top link now has a new action: opening the sub menu. For this reason, you may need to add the page to the submenu. Often, as in the example above, the topic page is added as the top link and renamed &#8220;<em>Page Name<\/em> Home&#8221; or &#8220;<em>Page Name<\/em> Overview.&#8221; <\/p>\n\n\n\n<p>Another way to achieve this is to use a custom link as the top item. To do this, look at the left side of the menu editor and you&#8217;ll see a panel labeled <strong>Custom Links<\/strong>. Click on it to expand the section.<\/p>\n\n\n<div class=\"wp-block-alert alert is-style-alert-info\"><div class=\"alert-icon\"><span class=\"fas fa-check-circle\"><\/span><\/div><div class=\"alert-content\"><div class=\"acf-innerblocks-container\">\n\n<p>No matter how you achieve a submenu category (by leaving the page at the top level or adding a custom link) Two things are true:<\/p>\n\n\n\n<ol class=\"wp-block-list is-style-uds-list\">\n<li><strong>The top item will never be a link<\/strong>. It will be disabled as a link by the theme as soon as sub-items are added.<\/li>\n\n\n\n<li><strong>Both methods look and function exactly the same<\/strong> on the live site.<\/li>\n\n\n\n<li><strong>The top category page will always have to be added to the top of the submenu<\/strong> if you still want people to get to the page.<\/li>\n<\/ol>\n\n<\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Adding a custom link<\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"668\" height=\"1024\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/custom-link-sidebar-menu-668x1024.png\" alt=\"A screenshot of WordPress menu editor for Academic Policies sidebar menu showing Academic Integrity as a custom link with URL &quot;#&quot;. \" class=\"wp-image-458\" style=\"width:342px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/custom-link-sidebar-menu-668x1024.png 668w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/custom-link-sidebar-menu-196x300.png 196w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/custom-link-sidebar-menu-768x1177.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/custom-link-sidebar-menu.png 1002w\" sizes=\"auto, (max-width: 668px) 100vw, 668px\" \/><\/figure>\n\n\n\n<p>3. In the &#8220;URL&#8221; field, add a hash mark &#8220;#&#8221;. In the <strong>Link Text<\/strong> field, enter the text that you want to display for the link in the menu.<\/p>\n\n\n\n<p>4. After entering the URL and link text, click the <strong>Add to Menu<\/strong> button and move it to where you need it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/add-to-menu-sidebar-1024x640.png\" alt=\"Screenshot of a WordPress menu editor with the left side checkbox options with an arrow pointing to the Add to Menu button.\" class=\"wp-image-459\" style=\"width:538px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/add-to-menu-sidebar-1024x640.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/add-to-menu-sidebar-300x187.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/add-to-menu-sidebar-768x480.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/add-to-menu-sidebar.png 1514w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>5. You can customize menu items by clicking on the down arrow next to a menu.<\/p>\n\n\n\n<p>6. This action will reveal additional settings. Here, you can edit the navigation label (the text displayed in the menu), or turn on a call to action button. Note that button menu items will appear in the farthest right corner of the menu per <a href=\"https:\/\/brandguide.asu.edu\/execution-guidelines\/web\">ASU Web Standards<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"935\" height=\"923\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/customize-menu-1.png\" alt=\"Screenshot of WordPress menu editor showing arrow to customize menu items. It highlights the navigation label with text indicating all menu items should be upper-cased.\" class=\"wp-image-462\" style=\"width:450px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/customize-menu-1.png 935w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/customize-menu-1-300x296.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/customize-menu-1-768x758.png 768w\" sizes=\"auto, (max-width: 935px) 100vw, 935px\" \/><\/figure>\n\n\n\n<p>7. All menu items should be upper-cased, e.g. &#8220;Degree Programs&#8221; per ASU Web Standards.<\/p>\n\n\n\n<p>8. Once you&#8217;ve arranged and customized your menu items to your liking, click the <strong>Save Menu<\/strong> button to save your changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-sidebar-menu-1024x494.png\" alt=\"A screenshot of WordPress Menu Settings with a red arrow pointing to a blue Save Menu button.\" class=\"wp-image-461\" style=\"width:489px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-sidebar-menu-1024x494.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-sidebar-menu-300x145.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-sidebar-menu-768x371.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Save-sidebar-menu.png 1253w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-copy-divider\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-black\">More information<\/span><\/h2>\n\n\n\n<p>For more information, including how to make a multi-column mega menu, see the <a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/creating-a-navigation-menu\/\">Creating a navigation menu documentation<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-copy-divider\" \/>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-b4f274ad wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e11bbbc3 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><i class=\"fa-solid fa-left-long\"><\/i> Previous<\/h3>\n\n\n\n<p><a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/16-creating-a-new-post\/\">16. Creating a New Post<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-084875ca wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Next <i class=\"fa-solid fa-right-long\"><\/i><\/h3>\n\n\n\n<p><a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/18-creating-patterns\/\">18.Creating Patterns<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">Easily create and edit menus in WordPress by adding and arranging pages, creating sub-menus and using custom links.<\/p>\n","protected":false},"author":5,"featured_media":800,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>17. Menu basics - Pitchfork Theme for WordPress<\/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:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"17. Menu basics - Pitchfork Theme for WordPress\" \/>\n<meta property=\"og:description\" content=\"Easily create and edit menus in WordPress by adding and arranging pages, creating sub-menus and using custom links.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/\" \/>\n<meta property=\"og:site_name\" content=\"Pitchfork Theme for WordPress\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-13T20:41:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-24T17:39:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kristin Gasser\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kristin Gasser\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/\"},\"author\":{\"name\":\"Kristin Gasser\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#\\\/schema\\\/person\\\/860a71c1e8d59103fbf39181b9dc1626\"},\"headline\":\"17. Menu basics\",\"datePublished\":\"2025-03-13T20:41:08+00:00\",\"dateModified\":\"2025-03-24T17:39:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/\"},\"wordCount\":692,\"image\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_17.1.jpg\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/\",\"name\":\"17. Menu basics - Pitchfork Theme for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_17.1.jpg\",\"datePublished\":\"2025-03-13T20:41:08+00:00\",\"dateModified\":\"2025-03-24T17:39:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#\\\/schema\\\/person\\\/860a71c1e8d59103fbf39181b9dc1626\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/#primaryimage\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_17.1.jpg\",\"contentUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_17.1.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Featured image for Pitchfork Tutorial No. 17: Menu basics.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/17-menu-basics\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"17. Menu basics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/\",\"name\":\"Pitchfork Theme for WordPress\",\"description\":\"an ASU Engineering theme for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#\\\/schema\\\/person\\\/860a71c1e8d59103fbf39181b9dc1626\",\"name\":\"Kristin Gasser\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g\",\"caption\":\"Kristin Gasser\"},\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/author\\\/bergeson\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"17. Menu basics - Pitchfork Theme for WordPress","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:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/","og_locale":"en_US","og_type":"article","og_title":"17. Menu basics - Pitchfork Theme for WordPress","og_description":"Easily create and edit menus in WordPress by adding and arranging pages, creating sub-menus and using custom links.","og_url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/","og_site_name":"Pitchfork Theme for WordPress","article_published_time":"2025-03-13T20:41:08+00:00","article_modified_time":"2025-03-24T17:39:50+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.jpg","type":"image\/jpeg"}],"author":"Kristin Gasser","twitter_card":"summary_large_image","twitter_image":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.jpg","twitter_misc":{"Written by":"Kristin Gasser","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/#article","isPartOf":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/"},"author":{"name":"Kristin Gasser","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#\/schema\/person\/860a71c1e8d59103fbf39181b9dc1626"},"headline":"17. Menu basics","datePublished":"2025-03-13T20:41:08+00:00","dateModified":"2025-03-24T17:39:50+00:00","mainEntityOfPage":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/"},"wordCount":692,"image":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/#primaryimage"},"thumbnailUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.1.jpg","articleSection":["Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/","name":"17. Menu basics - Pitchfork Theme for WordPress","isPartOf":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website"},"primaryImageOfPage":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/#primaryimage"},"image":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/#primaryimage"},"thumbnailUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.1.jpg","datePublished":"2025-03-13T20:41:08+00:00","dateModified":"2025-03-24T17:39:50+00:00","author":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#\/schema\/person\/860a71c1e8d59103fbf39181b9dc1626"},"breadcrumb":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/#primaryimage","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.1.jpg","contentUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_17.1.jpg","width":1920,"height":1080,"caption":"Featured image for Pitchfork Tutorial No. 17: Menu basics."},{"@type":"BreadcrumbList","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/17-menu-basics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/comm.engineering.asu.edu\/pitchfork\/"},{"@type":"ListItem","position":2,"name":"17. Menu basics"}]},{"@type":"WebSite","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/","name":"Pitchfork Theme for WordPress","description":"an ASU Engineering theme for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#\/schema\/person\/860a71c1e8d59103fbf39181b9dc1626","name":"Kristin Gasser","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g","caption":"Kristin Gasser"},"url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/author\/bergeson\/"}]}},"_links":{"self":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/posts\/654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/comments?post=654"}],"version-history":[{"count":0,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/posts\/654\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/media\/800"}],"wp:attachment":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/media?parent=654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/categories?post=654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/tags?post=654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}