{"id":14800,"date":"2016-11-02T08:31:20","date_gmt":"2016-11-02T07:31:20","guid":{"rendered":"https:\/\/marabelia.com\/?p=14800"},"modified":"2025-06-19T13:56:04","modified_gmt":"2025-06-19T11:56:04","slug":"create-new-menus-wherever-you-want-on-your-wordpress-website","status":"publish","type":"post","link":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/","title":{"rendered":"Create new menus wherever you want on your WordPress website"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_column_text]\n<p style=\"text-align: justify;\">In our <em>WordPress<\/em>, the <em>theme<\/em> we use supports a limited number of menu locations and only in specific places. But what if we need to create a new menu somewhere else? In the <em>footer<\/em>, the <em>sidebar<\/em>, the <em>topbar&#8230;<\/em> In this tutorial, we\u2019ll go step by step on how to do it. It\u2019s a bit long, but it\u2019s worth learning so you have the freedom to place menus wherever you want \ud83d\ude42<\/p>\n<p style=\"text-align: justify;\">For this practice, we\u2019ll create 2 menus in different locations and different templates. We\u2019ll place the first one in the <em>footer<\/em> of the well-known <em>Twenty Twelve<\/em> theme and we\u2019ll also create a new menu in the <em>topbar<\/em> of the X <em>theme<\/em>, a premium theme with many possibilities, but which by default doesn\u2019t support menus in the topbar.<\/p>\n<p><strong>1 &#8211; Access Generate WP<\/strong><\/p>\n<p style=\"text-align: justify;\">The platform <a href=\"https:\/\/generatewp.com\" rel=\"nofollow\">https:\/\/generatewp.com<\/a> is truly amazing. It allows us to create the necessary code to do many things \u2014 even without knowing how to code! Take a look and see all the possibilities. But for now, let\u2019s get to the point: creating our new menus!<\/p>\n<p style=\"text-align: justify;\">At <a href=\"https:\/\/generatewp.com\/generator\" rel=\"nofollow\">https:\/\/generatewp.com\/generator<\/a> we select <strong>&#8220;Menu Generator&#8221;<\/strong>.<\/p>\n<p style=\"text-align: justify;\">We give it a name in the <strong>&#8220;Function Name&#8221;<\/strong> field, for example: marabelia_menus. Do we want it to be suitable for <strong>&#8220;Child Themes&#8221;<\/strong>? We say yes. <strong>&#8220;Text Domain&#8221;<\/strong>: no need to write a translation, we leave it as is.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3942\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/crear-nuevo-menu-wordpress.png\" alt=\"create-new-wordpress-menu\" width=\"709\" height=\"437\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/crear-nuevo-menu-wordpress.png 709w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/crear-nuevo-menu-wordpress-600x370.png 600w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/crear-nuevo-menu-wordpress-300x185.png 300w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/p>\n<p style=\"text-align: justify;\">As we can see, we can create up to 5 menus, but we\u2019ll just create 2. Click on <strong>&#8220;Menu 1&#8221;<\/strong> and name it &#8220;footer&#8221; \u2014 you can name it whatever you want, but it must be in <em>slug<\/em> format, lowercase and no spaces. Add a short description.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3943\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-footer.png\" alt=\"new-footer-menu\" width=\"709\" height=\"453\" \/><\/p>\n<p style=\"text-align: justify;\">We&#8217;ll name &#8220;<strong>Menu 2<\/strong>&#8221; as &#8220;topbar&#8221; and add a brief description too (this won\u2019t be visible anywhere \u2014 just for us).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3944\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-en-topbar.png\" alt=\"new-topbar-menu\" width=\"709\" height=\"432\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Very well, now click <strong>&#8220;Update Code&#8221;<\/strong> and the code will be generated. In your case, you may only want one menu, so your code will look different:<\/p>\n<p><code><br \/>\nif ( ! function_exists( 'marabelia_menus' ) ) {<br \/>\n\/\/ Register Navigation Menus<br \/>\nfunction marabelia_menus() {<br \/>\n$locations = array(<br \/>\n'footer' =&gt; __( 'Menu located in footer', 'text_domain' ),<br \/>\n'topbar' =&gt; __( 'Menu located in topbar', 'text_domain' ),<br \/>\n);<br \/>\nregister_nav_menus( $locations );<br \/>\n}<br \/>\nadd_action( 'init', 'marabelia_menus' );<br \/>\n}<br \/>\n<\/code><\/p>\n<p><strong>2 &#8211; Install the Code Snippets Plugin<\/strong><\/p>\n<p style=\"text-align: justify;\">We need to integrate the generated code into WordPress. We *could* do it directly in the functions.php file of our <em>theme<\/em> (specifically, the <em>child theme<\/em>), but\u2026 what happens when we change the theme? We\u2019d lose everything or have to dig through functions.php to copy and paste it again. With the Code Snippets plugin, we can keep all these &#8220;snippets&#8221; well-organized, activated or not, in a separate plugin. So even if we update or switch the theme, we won\u2019t lose anything. Once installed and activated, we create a <strong>&#8220;New Snippet&#8221;<\/strong>, give it a name, paste the code we generated, and write a short description. Tags are useful for searching later when we have many snippets. Click &#8220;Save changes and activate&#8221;.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3948\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/plugin-code-snippets.png\" alt=\"plugin-code-snippets\" width=\"709\" height=\"353\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/plugin-code-snippets.png 709w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/plugin-code-snippets-600x299.png 600w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/plugin-code-snippets-300x149.png 300w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/p>\n<p style=\"text-align: justify;\"><strong>3 &#8211; Creating New Menus<\/strong><\/p>\n<p style=\"text-align: justify;\">In our case, we created 2 new locations: one in the footer and one in the topbar. Let\u2019s focus on option 1, with the <strong>Twenty Twelve<\/strong> theme activated. In Appearance &gt; Menus, we create a new menu called &#8220;new footer&#8221; and add the pages we want, in this case &#8220;About&#8221;, &#8220;Blog&#8221;, and &#8220;Cart&#8221;. Two new locations now appear: &#8220;Menu located in footer&#8221; and &#8220;Menu located in topbar&#8221;.<\/p>\n<p style=\"text-align: justify;\">Here, we\u2019ll assign the menu to the <em>footer<\/em> and leave the &#8220;Menu located in topbar&#8221; blank \u2014 that one was generated for the X theme.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3952\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/creando-nuevos-menus.png\" alt=\"creating-new-menus\" width=\"709\" height=\"292\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><strong>4 &#8211; Placing the New Menu in Our Twenty Twelve Template<\/strong><\/p>\n<p style=\"text-align: justify;\">So far, we\u2019ve done a lot, but the menu doesn\u2019t appear in the footer yet. We\u2019ve already created it with our desired pages, but how do we display it? Now we need to place it inside our template, and for that we need this code:<\/p>\n<p><code>&lt;?php wp_nav_menu( array( \u2018theme_location\u2019 =&gt; \u2018topbar\u2019 ) ); ?&gt;<br \/>\n<!--?php wp_nav_menu( array( 'theme_location' =&gt; 'aqui ponemos la id' ) ); ?--><\/code><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">In our case, it would look like this:<\/p>\n<p><code>\u00a0&lt;?php\/\/ ============================================================================= \/\/ HEADER.PHP \/\/ \u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2013 \/\/ The site header. Variable output across different stacks. \/\/ \/\/ Content is output based on which Stack has been selected in the Customizer. \/\/ To view and\/or edit the markup of your Stack\u2019s index, first go to \u201cviews\u201d \/\/ inside the \u201cframework\u201d subdirectory. Once inside, find your Stack\u2019s folder \/\/ and look for a file called \u201cwp-header.php,\u201d where you\u2019ll be able to find the \/\/ appropriate output. \/\/ ============================================================================= ?&gt; &lt;?php x_get_view( x_get_stack(), \u2018wp\u2019, \u2018header\u2019 ); ?&gt;&gt;<br \/>\n<\/code><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Now let\u2019s locate the .php file that contains the <em>footer<\/em>. Using FTP, go to wp-content\/themes\/twentytwelve and you\u2019ll find <em>footer.php<\/em>. Download this file and save a backup in case something goes wrong. Copy it to a .txt file and add our code snippet, then upload it and overwrite the existing one.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3951\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-footer-twenty.png\" alt=\"new-footer-menu-twenty\" width=\"806\" height=\"692\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-footer-twenty.png 806w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-footer-twenty-800x687.png 800w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-footer-twenty-300x258.png 300w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-footer-twenty-768x659.png 768w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Update the site and your menu should now be visible in the <em>footer<\/em>!<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3968\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-footer-twenty-twelve.png\" alt=\"footer-menu-twenty-twelve\" width=\"709\" height=\"467\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-footer-twenty-twelve.png 709w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-footer-twenty-twelve-600x395.png 600w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-footer-twenty-twelve-300x198.png 300w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/p>\n<p style=\"text-align: justify;\">It shows up underlined and vertically aligned. To style it differently, you\u2019ll need to edit the CSS. If you don\u2019t know how to do this, we\u2019re working on a new tutorial to explain it.<\/p>\n<p style=\"text-align: justify;\">In our case, we\u2019re working directly on the main theme since it\u2019s a test site. But ideally, you should do this in your child theme. Otherwise, when you update the theme, your footer menu will disappear \u2014 or you\u2019ll need to remember to copy and paste the code again into footer.php. If you don\u2019t know how to work with child themes, we recommend you carefully read <a href=\"https:\/\/codex.wordpress.org\/es:Temas_hijos\" rel=\"nofollow\">this post<\/a>.<\/p>\n<p style=\"text-align: justify;\"><strong>5 &#8211; Placing the New Menu in Our X Theme Template<\/strong><\/p>\n<p style=\"text-align: justify;\">Activate the X Theme and of course in \u201cCustomize\u201d &gt; \u201cHeader\u201d, enable the Topbar. Then go to Appearance &gt; Menus, create the desired menu, name it for example &#8220;New Topbar Menu&#8221;, add the pages you want (in our case the same: &#8220;About&#8221;, &#8220;Blog&#8221;, &#8220;Cart&#8221;) and check &#8220;menu located in topbar&#8221;. Save the menu.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3960\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-ubicado-en-topbar-x-theme.png\" alt=\"menu-in-topbar-x-theme\" width=\"709\" height=\"296\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-ubicado-en-topbar-x-theme.png 709w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-ubicado-en-topbar-x-theme-600x250.png 600w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/menu-ubicado-en-topbar-x-theme-300x125.png 300w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/p>\n<p style=\"text-align: justify;\">Now go back to the code snippet we need to paste where we want this menu to appear in our template. Recall the ID we set in the snippet:<\/p>\n<p style=\"text-align: justify;\">&lt;?php wp_nav_menu( array( &#8216;theme_location&#8217; =&gt; &#8216;topbar&#8217; ) ); ?&gt;<\/p>\n<p style=\"text-align: justify;\">Where should we paste this so the code is visible? Intuitively, it should go in header.php, so let\u2019s open that file via FTP: ..\/wp-content\/themes\/X. You\u2019ll find this:<\/p>\n<p style=\"text-align: justify;\">&lt;?php<\/p>\n<p>\/\/ =============================================================================<br \/>\n\/\/ HEADER.PHP<br \/>\n\/\/ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br \/>\n\/\/ The site header. Variable output across different stacks.<br \/>\n\/\/ Content is output based on which Stack has been selected in the Customizer.<br \/>\n\/\/ To view and\/or edit your Stack\u2019s markup, go to \u201cviews\u201d inside the<br \/>\n\/\/ \u201cframework\u201d subdirectory. Then locate your Stack\u2019s folder and look for<br \/>\n\/\/ a file called \u201cwp-header.php,\u201d where you\u2019ll find the appropriate output.<br \/>\n\/\/ =============================================================================<br \/>\n?&gt;<br \/>\n&lt;?php x_get_view( x_get_stack(), &#8216;wp&#8217;, &#8216;header&#8217; ); ?&gt;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">It basically tells us that we need to go to the &#8220;Framework&#8221; folder, and inside it, to &#8220;Views&#8221;, where we\u2019ll find different folders named &#8220;Ethos&#8221;, &#8220;Icon&#8221;, etc. These are the design options offered by X Theme. Depending on the one we selected in &#8220;Customize&#8221;, we can find the <code>header.php<\/code> page in one folder or another. But be careful! Because there is also a &#8220;global&#8221; folder in the directory, and if we go inside, we\u2019ll find a file called <code>topbar.php<\/code> \u2014 and that\u2019s where we need to place our code snippet.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3963\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/x-theme-topbar.png\" alt=\"x-theme-topbar\" width=\"709\" height=\"397\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/x-theme-topbar.png 709w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/x-theme-topbar-600x336.png 600w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/x-theme-topbar-300x168.png 300w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/p>\n<p style=\"text-align: justify;\">If we want to keep this menu even after updating the theme, we must use our X Child Theme. X Theme already provides it with the necessary folders created, so we download <code>topbar.php<\/code> from our X Theme, edit it, and upload it to our X Child Theme \u2014 the one we have activated. It should look like this:<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3964\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/topbar-X-child.png\" alt=\"topbar-x-child\" width=\"709\" height=\"481\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/topbar-X-child.png 709w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/topbar-X-child-600x407.png 600w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/topbar-X-child-300x204.png 300w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/p>\n<p style=\"text-align: justify;\">We update our website and voil\u00e0! Our menu is now in the topbar. Just like with the first menu, we now need to style it with CSS in our <em>Child Theme<\/em> to align it horizontally, change the color, etc. \u2014 but that will be in our next tutorial. Coming soon :)!<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3966\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-en-topbar-x-theme.png\" alt=\"new-menu-in-topbar-x-theme\" width=\"1219\" height=\"432\" srcset=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-en-topbar-x-theme.png 1219w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-en-topbar-x-theme-800x284.png 800w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-en-topbar-x-theme-300x106.png 300w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-en-topbar-x-theme-1024x363.png 1024w, https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/nuevo-menu-en-topbar-x-theme-768x272.png 768w\" sizes=\"auto, (max-width: 1219px) 100vw, 1219px\" \/><\/p>\n[\/vc_column_text][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"[vc_row][vc_column][vc_column_text] In our WordPress, the theme we use supports a limited number of menu locations and only in specific places. But what if we need to create a new menu somewhere else? In the footer, the sidebar, the topbar&#8230; In this tutorial, we\u2019ll go step by step on how to do it. It\u2019s a bit [&#8230;]\n","protected":false},"author":1,"featured_media":13511,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[98],"tags":[],"class_list":["post-14800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create new menus wherever you want on your WordPress website &#8226; Marabelia | Agencia Digital en Valencia<\/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:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create new menus wherever you want on your WordPress website &#8226; Marabelia | Agencia Digital en Valencia\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text] In our WordPress, the theme we use supports a limited number of menu locations and only in specific places. But what if we need to create a new menu somewhere else? In the footer, the sidebar, the topbar&#8230; In this tutorial, we\u2019ll go step by step on how to do it. It\u2019s a bit [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Marabelia | Agencia Digital en Valencia\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-02T07:31:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-19T11:56:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/web-valencia-29-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin-mbl\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-mbl\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/\"},\"author\":{\"name\":\"admin-mbl\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/person\\\/2fe20801a852ce3df5a1a0260364e90c\"},\"headline\":\"Create new menus wherever you want on your WordPress website\",\"datePublished\":\"2016-11-02T07:31:20+00:00\",\"dateModified\":\"2025-06-19T11:56:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/\"},\"wordCount\":1227,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/web-valencia-29-scaled.jpg\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/\",\"url\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/\",\"name\":\"Create new menus wherever you want on your WordPress website &#8226; Marabelia | Agencia Digital en Valencia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/web-valencia-29-scaled.jpg\",\"datePublished\":\"2016-11-02T07:31:20+00:00\",\"dateModified\":\"2025-06-19T11:56:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/web-valencia-29-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/web-valencia-29-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/create-new-menus-wherever-you-want-on-your-wordpress-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/marabelia.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create new menus wherever you want on your WordPress website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#website\",\"url\":\"https:\\\/\\\/marabelia.com\\\/\",\"name\":\"MARABELIA. Dise\u00f1o web Valencia. Marketing Digital.\",\"description\":\"Dise\u00f1o web, dise\u00f1o gr\u00e1fico, marketing online y redes sociales.\",\"publisher\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\"},\"alternateName\":\"MARABELIA. Dise\u00f1o Web Valencia.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/marabelia.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\",\"name\":\"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital.\",\"url\":\"https:\\\/\\\/marabelia.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Anagrama-Marabelia.png\",\"contentUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Anagrama-Marabelia.png\",\"width\":1080,\"height\":1080,\"caption\":\"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital.\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/person\\\/2fe20801a852ce3df5a1a0260364e90c\",\"name\":\"admin-mbl\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"caption\":\"admin-mbl\"},\"sameAs\":[\"https:\\\/\\\/marabelia.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create new menus wherever you want on your WordPress website &#8226; Marabelia | Agencia Digital en Valencia","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:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/","og_locale":"en_US","og_type":"article","og_title":"Create new menus wherever you want on your WordPress website &#8226; Marabelia | Agencia Digital en Valencia","og_description":"[vc_row][vc_column][vc_column_text] In our WordPress, the theme we use supports a limited number of menu locations and only in specific places. But what if we need to create a new menu somewhere else? In the footer, the sidebar, the topbar&#8230; In this tutorial, we\u2019ll go step by step on how to do it. It\u2019s a bit [...]","og_url":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/","og_site_name":"Marabelia | Agencia Digital en Valencia","article_published_time":"2016-11-02T07:31:20+00:00","article_modified_time":"2025-06-19T11:56:04+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/web-valencia-29-scaled.jpg","type":"image\/jpeg"}],"author":"admin-mbl","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin-mbl","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#article","isPartOf":{"@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/"},"author":{"name":"admin-mbl","@id":"https:\/\/marabelia.com\/#\/schema\/person\/2fe20801a852ce3df5a1a0260364e90c"},"headline":"Create new menus wherever you want on your WordPress website","datePublished":"2016-11-02T07:31:20+00:00","dateModified":"2025-06-19T11:56:04+00:00","mainEntityOfPage":{"@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/"},"wordCount":1227,"commentCount":0,"publisher":{"@id":"https:\/\/marabelia.com\/#organization"},"image":{"@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#primaryimage"},"thumbnailUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/web-valencia-29-scaled.jpg","articleSection":["Wordpress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/","url":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/","name":"Create new menus wherever you want on your WordPress website &#8226; Marabelia | Agencia Digital en Valencia","isPartOf":{"@id":"https:\/\/marabelia.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#primaryimage"},"image":{"@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#primaryimage"},"thumbnailUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/web-valencia-29-scaled.jpg","datePublished":"2016-11-02T07:31:20+00:00","dateModified":"2025-06-19T11:56:04+00:00","breadcrumb":{"@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#primaryimage","url":"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/web-valencia-29-scaled.jpg","contentUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2016\/11\/web-valencia-29-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/marabelia.com\/en\/create-new-menus-wherever-you-want-on-your-wordpress-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/marabelia.com\/en\/"},{"@type":"ListItem","position":2,"name":"Create new menus wherever you want on your WordPress website"}]},{"@type":"WebSite","@id":"https:\/\/marabelia.com\/#website","url":"https:\/\/marabelia.com\/","name":"MARABELIA. Dise\u00f1o web Valencia. Marketing Digital.","description":"Dise\u00f1o web, dise\u00f1o gr\u00e1fico, marketing online y redes sociales.","publisher":{"@id":"https:\/\/marabelia.com\/#organization"},"alternateName":"MARABELIA. Dise\u00f1o Web Valencia.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marabelia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/marabelia.com\/#organization","name":"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital.","url":"https:\/\/marabelia.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marabelia.com\/#\/schema\/logo\/image\/","url":"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png","contentUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png","width":1080,"height":1080,"caption":"MARABELIA . Dise\u00f1o web Valencia. Marketing Digital."},"image":{"@id":"https:\/\/marabelia.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/marabelia.com\/#\/schema\/person\/2fe20801a852ce3df5a1a0260364e90c","name":"admin-mbl","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","caption":"admin-mbl"},"sameAs":["https:\/\/marabelia.com"]}]}},"_links":{"self":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/comments?post=14800"}],"version-history":[{"count":4,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14800\/revisions"}],"predecessor-version":[{"id":14890,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14800\/revisions\/14890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/media\/13511"}],"wp:attachment":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/media?parent=14800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/categories?post=14800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/tags?post=14800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}