{"id":9316,"date":"2013-09-25T12:12:10","date_gmt":"2013-09-25T19:12:10","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=9316"},"modified":"2024-03-26T04:35:02","modified_gmt":"2024-03-26T11:35:02","slug":"how-to-create-your-very-own-wordpress-menu","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu","title":{"rendered":"How to Create Your Very Own WordPress Menu"},"content":{"rendered":"

When you create a new page, WordPress automatically generates menu links. However, you may be interested in making your own customized menu to jazz things up and give it your own unique touch. Knowing how to create your own WordPress menus really helps to give you more control over your website. This guide will walk you through the process of creating your own customized menu.

It’s actually a lot easier than it sounds, so let’s get started!<\/p>

<\/span>Step 1 – Login To Your Dashboard<\/strong><\/span><\/h3>

\nThis seems obvious, but hey, it is in fact the fist step needed to be able to create your own menu. You can login to your dashboard by going to http:\/\/www.domain-name.com\/wp-admin<\/em> and entering your username and password.\n<\/p>

<\/span>Step 2 – Navigate to Appearance > Menus<\/strong><\/span><\/h3>

\"Screen<\/a><\/p>

<\/span>Step 3 – Name and Create the Menu<\/strong><\/span><\/h3>

Under Menu Name, enter the name of the menu you would like to create. Then, click on Create Menu<\/strong>.<\/p>

It’s best to give it a descriptive name, so that you (or other administrators) know exactly what it means if you come back to it many months later.<\/p>

\"\"<\/p>

<\/span>Step 4 – Choose a Location<\/strong><\/span><\/h3>

Depending on your version of WordPress, you may see the Theme Locations<\/em> on the same page that you created your new menu, or you may have to select the tab labeled Manage Locations<\/em>.<\/p>

Here we are going to add My Custom Menu<\/em> to the Navigation Menu. Different themes may have muliple locations to choose from.<\/p>

\"\"<\/p>

Don’t forget to click Save Changes<\/strong>.<\/p>

<\/span>Step 5 – Assign Links<\/strong><\/span><\/h3>

Go to the Pages area (if you have a newer version, this will be on the Edit Menus tab) and assign the links you want to include in that menu that you just created.<\/p>

You can add Pages, Links, or Categories<\/em><\/p>

\"\"  \"\"<\/p>

\"\"<\/p>

Click Add to Menu<\/strong>. You will now see the links appear to the right.<\/p>

You can then grab<\/strong> the links with your cursor and rearrange them to the order you would like for them to appear on your site. It’s that easy!!!<\/strong><\/p>

\"My<\/h3>

<\/span>Step 5.1 – Change the Name of the URL Label (Optional)<\/strong><\/span><\/h3>

Next to the links, you will see a \"\" to expand the link for more options. Here you will be able to change the name of the Navigation label that will appear on screen or remove the link completely.<\/p>

Note<\/em>: this will keep the full headline title on the web page, it will just change the url title. For example, if your page was named About Our Company<\/em>, you could change the Navigation Label to About<\/em>. This is the equivalent of changing the url to www.domain-name.com\/about<\/em>.<\/p>

<\/span>Step 5.2 – Submenus (also Optional)<\/strong><\/span><\/h3>

Making Submenus with drop downs has never been easier!<\/p>

Under Menu Structure<\/strong>, all you need to do is select the link you want to be a drop down menu. Then, drag<\/strong> and place the item slightly to the right underneath its parent.<\/p>

\"\"<\/p>

As always, don’t forget to click the \"\"\n<\/p>

WordPress automatically knows how to treat that link as a ‘child’ to its ‘parent’ link and will be treated as a drop down. Go ahead and view your site to check it out!<\/p>

\"\"<\/div>
\n

<\/span>Next Up – Multiple Menus on a Page<\/span><\/h2>\n

You may also want to create more than one menu on your page. For example, many sites, may have their main navigation at the top of their page, which includes just a few of the most important pages. However, you may want a different menu with fewer (or more) links in another area of the page.<\/p>\n

\"\"<\/p>\n

Top Menu<\/em><\/p>\n \n

\"\"<\/p>\n

Footer menu<\/em><\/p>\n

If this is the case, simply follow the steps above.<\/p>\n<\/div>

\nThen, navigate to Appearance > Widgets\n<\/p>

\"\"<\/div>

\nSelect the Custom Menu<\/strong> widget.\n<\/p>

<\/div>
\"\"<\/div>
\n

And drag and drop<\/strong> it to the Widget Area<\/em> on the right side of your dashboard you want it to display. From here, include a title and select the menu you want to display. Then, click Save<\/strong>.<\/p>\n

\"\"<\/p>\n

Where this appears on your page will depend on how your theme is structured.<\/p>\n

And that’s it! You’re done! Congratulations on now knowing how to create your own WordPress Menus! I told you it was easier than it sounds!<\/p>\n

Our WordPress Theme collection<\/a> showcases a plethora of different menus. Take a look around and feel confident knowing that you are now able to make your own customizations to the design that you choose.<\/p>\n

<\/figure>\n
<\/figure>\n
<\/figure>\n
<\/figure>\n
<\/figure>\n
<\/figure>\n \n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

When you create a new page, WordPress automatically generates menu links. However, you may be interested in making your own customized menu to jazz things up and give it your own unique touch. Knowing how to create your own WordPress menus really helps to give you more control over your website. This guide will walk […]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[624,95,297,461,483,623],"topics":[],"class_list":["post-9316","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-menus","tag-how-to-2","tag-wordpress","tag-website","tag-blogging-2","tag-customize"],"acf":[],"yoast_head":"\nHow to Create Your Very Own WordPress Menu - Creative Market Blog<\/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:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Your Very Own WordPress Menu\" \/>\n<meta property=\"og:description\" content=\"When you create a new page, WordPress automatically generates menu links. However, you may be interested in making your own customized menu to jazz things\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-25T19:12:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T11:35:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/26033036\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp\" \/>\n<meta name=\"author\" content=\"Sarah Alexander\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sarah Alexander\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu\",\"name\":\"How to Create Your Very Own WordPress Menu - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/09\\\/26033036\\\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp\",\"datePublished\":\"2013-09-25T19:12:10+00:00\",\"dateModified\":\"2024-03-26T11:35:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/437767a4cb4b1b2af178d656aafa5cbc\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/09\\\/26033036\\\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/09\\\/26033036\\\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-your-very-own-wordpress-menu#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Your Very Own WordPress Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Your Very Own WordPress Menu - Creative Market Blog","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:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu","og_locale":"en_US","og_type":"article","og_title":"How to Create Your Very Own WordPress Menu","og_description":"When you create a new page, WordPress automatically generates menu links. However, you may be interested in making your own customized menu to jazz things","og_url":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2013-09-25T19:12:10+00:00","article_modified_time":"2024-03-26T11:35:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/26033036\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp","type":"","width":"","height":""}],"author":"Sarah Alexander","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Sarah Alexander","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu","url":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu","name":"How to Create Your Very Own WordPress Menu - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/26033036\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp","datePublished":"2013-09-25T19:12:10+00:00","dateModified":"2024-03-26T11:35:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/437767a4cb4b1b2af178d656aafa5cbc"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/26033036\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/26033036\/Screen-Shot-2013-09-11-at-9.11.32-PM.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/how-to-create-your-very-own-wordpress-menu#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create Your Very Own WordPress Menu"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/9316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=9316"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/9316\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=9316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=9316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=9316"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=9316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}