{"id":9278,"date":"2023-03-13T23:34:13","date_gmt":"2023-03-13T23:34:13","guid":{"rendered":"https:\/\/mauricemuteti.info\/?p=9278"},"modified":"2023-03-13T23:34:13","modified_gmt":"2023-03-13T23:34:13","slug":"unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar","status":"publish","type":"post","link":"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/","title":{"rendered":"&#8220;Unlock the Hidden Secret of WordPress: Easy Step-by-Step Guide to Revealing the Menu Bar!&#8221;"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_49 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-6787cf082e8e7\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-6787cf082e8e7\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#How_to_Display_the_Menu_Bar_in_WordPress_A_Comprehensive_Guide\" title=\"How to Display the Menu Bar in WordPress: A Comprehensive Guide\">How to Display the Menu Bar in WordPress: A Comprehensive Guide<\/a><ul class='ez-toc-list-level-2'><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Understanding_the_Menu_Bar_in_WordPress\" title=\"Understanding the Menu Bar in WordPress\">Understanding the Menu Bar in WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#How_to_Display_the_Menu_Bar_in_WordPress_using_the_Classic_Editor\" title=\"How to Display the Menu Bar in WordPress using the Classic Editor\">How to Display the Menu Bar in WordPress using the Classic Editor<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_1_Go_to_Appearance_%3E_Menus\" title=\"Step 1: Go to Appearance &gt; Menus\">Step 1: Go to Appearance > Menus<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_2_Create_a_New_Menu\" title=\"Step 2: Create a New Menu\">Step 2: Create a New Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_3_Add_Pages_to_the_Menu\" title=\"Step 3: Add Pages to the Menu\">Step 3: Add Pages to the Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_4_Customize_Your_Menu\" title=\"Step 4: Customize Your Menu\">Step 4: Customize Your Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_5_Save_Your_Menu\" title=\"Step 5: Save Your Menu\">Step 5: Save Your Menu<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#How_to_Display_the_Menu_Bar_in_WordPress_using_the_Gutenberg_Editor\" title=\"How to Display the Menu Bar in WordPress using the Gutenberg Editor\">How to Display the Menu Bar in WordPress using the Gutenberg Editor<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_1_Go_to_Appearance_%3E_Menus-2\" title=\"Step 1: Go to Appearance &gt; Menus\">Step 1: Go to Appearance > Menus<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_2_Create_a_New_Menu-2\" title=\"Step 2: Create a New Menu\">Step 2: Create a New Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_3_Add_Blocks_to_the_Menu\" title=\"Step 3: Add Blocks to the Menu\">Step 3: Add Blocks to the Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_4_Customize_Your_Menu_Block\" title=\"Step 4: Customize Your Menu Block\">Step 4: Customize Your Menu Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#Step_5_Save_Your_Changes\" title=\"Step 5: Save Your Changes\">Step 5: Save Your Changes<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/mauricemuteti.info\/unlock-the-hidden-secret-of-wordpress-easy-step-by-step-guide-to-revealing-the-menu-bar\/#In_Conclusion\" title=\"In Conclusion\">In Conclusion<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"How_to_Display_the_Menu_Bar_in_WordPress_A_Comprehensive_Guide\"><\/span>How to Display the Menu Bar in WordPress: A Comprehensive Guide<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>WordPress is an easy-to-use content management system that allows website owners and bloggers to manage their web content with ease. However, some features may be challenging to locate or understand, like the menu bar in WordPress. In this article, we&#8217;ll take a look at how to display the menu bar in WordPress, whether you&#8217;re utilizing the classic editor or the new Gutenberg editor.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Understanding_the_Menu_Bar_in_WordPress\"><\/span>Understanding the Menu Bar in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The menu bar or navigation menu is a list of links that assists users in navigating different pages or sections of a website. It is generally located at the top of a web page, below the header and above the central content region. The menu bar can come in various formats, depending on the website&#8217;s design and total number of pages.<\/p>\n<p>WordPress has inbuilt functionality that allows for the creation of custom menus. Users can create and modify navigation menus to fit their site&#8217;s design and structure. You can create menus that link to pages, blog posts, custom post types, and even external URLs.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Display_the_Menu_Bar_in_WordPress_using_the_Classic_Editor\"><\/span>How to Display the Menu Bar in WordPress using the Classic Editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The classic editor is the original WordPress editor that was in operation before the Gutenberg editor&#8217;s introduction in WordPress 5.0. If you&#8217;re still utilizing the classic editor and desire to show the menu bar, follow the steps below:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Go_to_Appearance_%3E_Menus\"><\/span>Step 1: Go to Appearance > Menus<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To create and edit menus, navigate to the &#8220;Appearance&#8221; menu on the left-hand side of your WordPress dashboard and click on &#8220;Menus.&#8221;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Create_a_New_Menu\"><\/span>Step 2: Create a New Menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>On the &#8220;Menus&#8221; page, click on the &#8220;create a new menu&#8221; link situated on the left side of the page.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Add_Pages_to_the_Menu\"><\/span>Step 3: Add Pages to the Menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To add pages to your menu, select the pages you want to include by ticking the box adjacent to them and clicking the &#8220;Add to menu&#8221; button.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Customize_Your_Menu\"><\/span>Step 4: Customize Your Menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After adding all the pages to your menu, customize how the menu appears and functions by rearranging the menu items based on your preferences, adding links to external websites, and creating sub-menus.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Save_Your_Menu\"><\/span>Step 5: Save Your Menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After creating and customizing your menu, save your modifications by clicking the &#8220;Save Menu&#8221; button. Your new menu will now appear on your site&#8217;s homepage.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Display_the_Menu_Bar_in_WordPress_using_the_Gutenberg_Editor\"><\/span>How to Display the Menu Bar in WordPress using the Gutenberg Editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The Gutenberg editor is the new default editor in WordPress, introduced in version 5.0 and above. It utilizes a block-based approach to content creation, making it more intuitive and easier to build web pages.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Go_to_Appearance_%3E_Menus-2\"><\/span>Step 1: Go to Appearance > Menus<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To create and modify menus with the Gutenberg editor, navigate to the &#8220;Appearance&#8221; menu on the left-hand side of your WordPress dashboard and click on &#8220;Menus.&#8221;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Create_a_New_Menu-2\"><\/span>Step 2: Create a New Menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>On the &#8220;Menus&#8221; page, click on the &#8220;Create a new menu&#8221; link situated on the left side of the page.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Add_Blocks_to_the_Menu\"><\/span>Step 3: Add Blocks to the Menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can add a navigation menu to a web page or post as a menu block using the Gutenberg editor. To do this, click the plus (+) button, search for &#8220;Navigation menu&#8221; under the &#8220;Layout Elements&#8221; section.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Customize_Your_Menu_Block\"><\/span>Step 4: Customize Your Menu Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After adding the menu block, customize how it appears and functions by modifying the options in the block settings sidebar. You can pick to display the menu vertically or horizontally, specify the menu depth, and apply custom styles.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Save_Your_Changes\"><\/span>Step 5: Save Your Changes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After customizing the menu block, remember to save your modifications by clicking the &#8220;Update&#8221; button. Your new menu block will now appear on your web page.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"In_Conclusion\"><\/span>In Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Showcasing a menu bar is an essential aspect of building a website utilizing WordPress. It makes it easier for website visitors to navigate and find the content they need. Whether you&#8217;re using the classic editor or the new Gutenberg editor, it&#8217;s easy to create a custom navigation menu. Follow the steps outlined above, and you&#8217;ll be able to show the menu bar in WordPress in no time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Display the Menu Bar in WordPress: A Comprehensive Guide WordPress is an easy-to-use content management system that allows website owners and bloggers to&hellip;<\/p>\n","protected":false},"author":1,"featured_media":7209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3287],"tags":[],"jetpack_featured_media_url":"https:\/\/mauricemuteti.info\/wp-content\/uploads\/2023\/03\/WORDPRESS-ULTIMATE-GUIDE-How-To-step-by-step-Tutorial.png","_links":{"self":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts\/9278"}],"collection":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/comments?post=9278"}],"version-history":[{"count":0,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts\/9278\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/media\/7209"}],"wp:attachment":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/media?parent=9278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/categories?post=9278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/tags?post=9278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}