  {"id":14850,"date":"2020-06-23T13:45:13","date_gmt":"2020-06-23T17:45:13","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=14850"},"modified":"2024-06-08T22:01:10","modified_gmt":"2024-06-09T02:01:10","slug":"tips-and-tricks-menus","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2020\/tips-and-tricks-menus\/","title":{"rendered":"Tips &#038; Tricks: Menus"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Tips &#038; Tricks: Menus\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p><strong>So, you\u2019re trying to step up your WordPress game?&nbsp;<\/strong><\/p>\n\n\n\n<p>In case you were wondering, you\u2019re killing it. With all its different features and applications, WordPress can be pretty overwhelming unless you consider yourself tech-savvy.<\/p>\n\n\n\n<p>But don\u2019t worry, we\u2019re here to help by bringing you \u2014 DRUMROLL PLEASE \u2014 WordPress Tips and Tricks (a blog series).<\/p>\n\n\n\n<p>Today, we\u2019re going to be handling something that trips a lot of people up when they\u2019re first learning to use WordPress: the menu.<\/p>\n\n\n\n<p>It\u2019s best to keep menus at a three level-maximum, meaning that pages exist as a parent\/top-level page or a sub-page. Here\u2019s an example of what this might look like:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"414\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM.png\" alt=\"\" class=\"wp-image-14851\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM.png 1242w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM-512x171.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM-1024x341.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM-320x107.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM-768x256.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM-360x120.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.14.25-PM-200x67.png 200w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<p>Right now, two different kinds of menus exist on 杏吧原创 sites.<\/p>\n\n\n\n<p>Some of my may have a menu that spans across the top of your screen, and some may have a menu that sticks to the side of your page.<\/p>\n\n\n\n<p>With <a href=\"https:\/\/carleton.ca\/webservices\/2019\/cu-theme-progress-report\/\">杏吧原创&#8217;s new cuTheme<\/a>, you&#8217;ll have a choice between either kind of menu. Top menus will allow you to include two levels of pages, and the side menu will allow you to include three levels.<\/p>\n\n\n\n<p><strong>Determining Parent Pages<\/strong><\/p>\n\n\n\n<p>When determining what your parent pages should be, think BROAD.<\/p>\n\n\n\n<p>Ask yourself, \u201cwhat are the biggest, most important pages on my site?\u201d You can also ask yourself, \u201cWhat will people most likely look for first?\u201d<\/p>\n\n\n\n<p>These are the pages that are going to make up the parent or \u201ctop-level\u201d pages of your menu.<\/p>\n\n\n\n<p>Parent pages could include your 杏吧原创 page, your Contact page, your News page, or anything that you find relevant.<\/p>\n\n\n\n<p><strong>**Bonus tip:<\/strong> It\u2019s always a good idea to keep your Contact page a parent page. Keep it at the top-level so people can locate your contact information easily. That way, if they do have trouble finding information on your site they can at least reach out to you for some direction.<\/p>\n\n\n\n<p><strong>Determining Sub-Pages<\/strong><\/p>\n\n\n\n<p>First thing\u2019s first, let\u2019s bust a myth \u2014 you don\u2019t need to have every single page on your site listed on your menu. Your menu should only be for your most important\/relevant pages.<\/p>\n\n\n\n<p>Even though your sub-pages are secondary to your parent pages, they should still be important and relevant.<\/p>\n\n\n\n<p>Sub-pages are any page that could potentially fall under the larger category of your parent page. These are the pages that people will look for second on your site.<\/p>\n\n\n\n<p>For example, Our Mission, Our Team, Our Projects, are all pages that could fit under your 杏吧原创 Page.<\/p>\n\n\n\n<p><strong>Today\u2019s Biggest Tip: Keep it Simple<\/strong><\/p>\n\n\n\n<p>The biggest mistake most users make is that they try to put too much in their menus. It\u2019s best to keep things as simple as possible.<\/p>\n\n\n\n<p>Trying to cram too much into your menu can cause your audience to feel confused and overwhelmed.<\/p>\n\n\n\n<p>Here\u2019s something to remember: You should have a maximum of eight parent\/top-level pages in your menu. Each parent\/top level page should have a maximum of ten sub-pages.<\/p>\n\n\n\n<p>If something doesn\u2019t need to be in your menu, don\u2019t put it in.<\/p>\n\n\n\n<p><strong>**Remember,<\/strong> if someone can\u2019t find what they\u2019re looking for right away on your site, they can always use the search option to find what they\u2019re looking for. That way, you don\u2019t have to stress if every page isn\u2019t listed in the menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"228\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.16.48-PM.png\" alt=\"\" class=\"wp-image-14852\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.16.48-PM.png 324w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.16.48-PM-320x225.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-03-at-2.16.48-PM-200x141.png 200w\" sizes=\"auto, (max-width: 324px) 100vw, 324px\" \/><\/figure>\n\n\n\n<p>Your menu is one of the most crucial and useful features on your site, so it\u2019s important that it\u2019s concise and intuitive to your audience.<\/p>\n\n\n\n<p>If you have more questions about menus, don\u2019t hesitate to <a href=\"mailto:charlotte.bradley@carleton.ca\">contact us.<\/a><\/p>\n\n\n\n<p>Also, keep in mind that we\u2019ll be rolling out more tips and tricks in the coming weeks.<\/p>\n\n\n\n<p>Stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, you\u2019re trying to step up your WordPress game?&nbsp; In case you were wondering, you\u2019re killing it. With all its different features and applications, WordPress can be pretty overwhelming unless you consider yourself tech-savvy. But don\u2019t worry, we\u2019re here to help by bringing you \u2014 DRUMROLL PLEASE \u2014 WordPress Tips and Tricks (a blog series). [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[276],"tags":[],"class_list":["post-14850","post","type-post","status-publish","format-standard","hentry","category-tips-and-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=14850"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14850\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=14850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=14850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=14850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}