{"id":868,"date":"2023-07-04T14:05:41","date_gmt":"2023-07-04T14:05:41","guid":{"rendered":"https:\/\/blog.rackemapp.com\/?p=868"},"modified":"2024-04-03T14:57:33","modified_gmt":"2024-04-03T14:57:33","slug":"custom-menu-items","status":"publish","type":"post","link":"https:\/\/blog.rackemapp.com\/?p=868","title":{"rendered":"Custom Menu Items"},"content":{"rendered":"\n<p>We were recently asked to be able to extend the content management side of things so that you can add your own menu items in, which is very useful if you want to highlight something and make it easier for your users to reach. You can reach it in <strong>Content Management<\/strong>&gt; <strong>Custom Menu Items<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-1024x510.png\" alt=\"\" class=\"wp-image-869\" srcset=\"https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-1024x510.png 1024w, https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-300x149.png 300w, https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-768x383.png 768w, https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-1200x598.png 1200w, https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image.png 1355w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can either tap to edit an existing menu item, or create a new one.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"677\" src=\"https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-5.png\" alt=\"\" class=\"wp-image-882\" srcset=\"https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-5.png 506w, https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-5-224x300.png 224w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/figure>\n\n\n\n<p>There are 4 fields you can manipulate for a custom menu item.<\/p>\n\n\n\n<ul>\n<li><strong>Title <\/strong>&#8211; Obviously this is the name of the link as you want it to appear in the menu<\/li>\n\n\n\n<li><strong>URL <\/strong>&#8211; The URL of the page you want to direct your users to. This could be any URL you like, and remember to include the https:\/\/ etc. if this is intended as a &#8220;parent&#8221; item to hold a submenu, set the URL to be a # symbol<\/li>\n\n\n\n<li><strong>Icon <\/strong>&#8211; This allows you to choose an icon from the library of <a href=\"https:\/\/icons.getbootstrap.com\/\">Bootstrap Icons<\/a>. Identify an icon you want to use and take the name as it appears under the icon and paste\/type it into the box. You should see a preview  of it if you keyed it in correctly. In the below example it would be <strong>backspace <\/strong>and it is <strong>case sensitive<\/strong>.<\/li>\n\n\n\n<li><strong>Active <\/strong>indicates if the item appears on your page\/app.<\/li>\n\n\n\n<li><strong>Parent <\/strong>allows you to choose a parent menu item. This means that &#8220;this&#8221;  becomes a submenu item of the parent item allowing for more structured menus.<br><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"163\" height=\"141\" src=\"https:\/\/blog.rackemapp.com\/wp-content\/uploads\/2023\/07\/image-4.png\" alt=\"\" class=\"wp-image-873\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>We were recently asked to be able to extend the content management side of things so that you can add your own menu items in, which is very useful if you want to highlight something and make it easier for your users to reach. You can reach it in Content Management&gt; Custom Menu Items You [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=\/wp\/v2\/posts\/868"}],"collection":[{"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=868"}],"version-history":[{"count":4,"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=\/wp\/v2\/posts\/868\/revisions"}],"predecessor-version":[{"id":884,"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=\/wp\/v2\/posts\/868\/revisions\/884"}],"wp:attachment":[{"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.rackemapp.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}