Tai sao top menu va primary menu deu co trang năm 2024

Check the box for any pages you would like to add and then click the button Add to Menu. You can drag and drop the pages to have them appear in any order you would like. Then select Save Menu.

If you would like to delete a page from your menu click on the arrow to the right of the Page and select Remove

Wondering how to create and customize a menu in WordPress? Navigation menus list your most important pages, allowing visitors quick access no matter where they are on your site. The built-in WordPress menu editor is pretty powerful, but can take some getting used to.

If you don’t know where to start or need help customizing your menu with certain features, you’ve come to the right place. Let’s get your new and improved navigation menu up and running.

How to find the WordPress menu editor

Let’s start by finding the WordPress menu editor. First, log in to your WordPress dashboard, then navigate to Appearance → Menus. You might see a menu in place already, and you can either edit this one or create a new one.

You can also edit your menus using the theme customizer screen. This has the benefit of providing a live preview of your edits as you work. On the Menus page, click the Manage with Live Preview button, or go to Appearance → Customize and click the Menus option.

Either method provides almost exactly the same options, so choose whichever one you prefer.

How to create a custom menu in WordPress

First, let’s learn how to create a new menu in WordPress. If you already have an existing one, then just click the Create a New Menu link near the top of the page.

If you haven’t made a menu yet, then you don’t need to click anything — you’ll be dropped right into the menu creation screen.

Lastly, if you’re on the Live Preview screen, you can just click the Create New Menu button at any time.

Come up with a name for your menu that describes its purpose, then choose where it should show up on your site. Once you’ve filled out these simple requirements, you’re ready to start fleshing out your menu and adding items.

How to edit a menu in WordPress

Need to edit an existing menu? If you have only one menu, just go to the Appearance → Menus screen, and it will be right there on the page, ready to be customized.

If you have multiple menus, you’ll see the Select a menu to edit dropdown near the top of the page. Pick the one you want, then click Select to load it.

If you’re using the Theme Customizer, you’ll see a list of all your existing menus at the top as soon as you open the Menus screen. Just click the one you want to open.

How to add items to your WordPress menu

Now it’s time to get into the real meat of creating a menu: adding items and customizing their functionality. Maybe you want to create a nested dropdown menu, add certain pages or posts to it, or add other items to your navigation bar.

1. Add a page or post to your menu

First, you’ll want to give easy access to your most important pages, so let’s add some links to your menu. This is an important part of navigation on your site, and it’s very easy to add new entries to a menu.

Look to the left box, where you should see the Add menu items box with several tabs. Open the Pages tab, which contains three categories: Most Recent, View All, and Search.

The first will show a handful of your latest pages for easy access. If you have hundreds of pages on your site, the View All tab will likely be a bit unwieldy. Instead, use the Search tab to find the ones you want to add.

You can also click the Select All checkbox at the bottom if you want to add all displayed pages to your menu.

When you’ve selected what you want, click Add to Menu to finalize your selections. Your new pages will now be listed on the right.

For blog posts, it works very similarly. Select the Posts tab, and as before, choose from all of your most recent posts, or search for the ones you want. Then click Add to Menu.

What if you want to remove a menu item you’ve added? There are two ways to do so. In the Menu structure section on the right, select one of the pages or posts by clicking the arrow on the right. Then, click the red Remove link.

You can also bulk remove multiple pages at once. Click the Bulk Select checkbox and then tick each menu item you want to delete. Then click Remove selected items.

Finally, you can rename menu items so they appear with a different title. Select a page item using its dropdown arrow, then change the Navigation Label. This is useful if you want your menu items to have a shorter title to save space.

2. Add a blog category to your menu

What if you want to link to a top-level category page from your blog? After all, you may want to give visitors easy access to top-level category pages to encourage them to keep reading.

This is very similar to adding a post or page, except you need to click the Categories dropdown tab. Then you can pick from your most-used categories, see the whole list, or search for the ones you want.

When you’re finished, click Add to Menu and it will appear on the side just like a post or page.

3. Add a custom link to your menu

What if there’s a page on your site that’s not covered by the other categories, or you want your menu to link to an external site? In that case, you can add a custom link. This can link to any URL you want.

Click the Custom Links tab, then insert the URL, set the menu text, and click Add to Menu.

4. Add a link to your menu that opens in a new tab

Sometimes you want a menu link to open in a new tab so visitors can return to your website and keep browsing. This is especially true if you’ve added an external link — if you send visitors to another site, there’s no guarantee they’ll return.

This is a hidden option within the Menus interface. You’ll need to turn it on by clicking Screen Options at the top of the screen, then ticking the Link Target checkbox.

Now when you use the dropdown arrow on a menu item, you’ll see a new checkbox: Open link in a new tab. Click it, and you’re good to go.

5. Add a link to a section of a page from your menu

Sometimes you want to link to a specific section of a page. In that case, rather than using the typical Posts or Pages dropdown, use the Custom Links section.

First, you need to create a custom URL that will jump visitors down to the proper section. You’ll want to create what’s called an “anchor,” which you can do in the Block Editor. Then, you’ll add the anchor that you created to the end of your site URL with a # symbol. For example, if your anchor is “create-a-page-jump,” your URL will be .

Paste this into the custom links bar, set its label, and click Add to Menu.

6. Add a dropdown menu item

Nesting items is an important part of menu functionality. This is how you make certain menu items drop down on hover. You can nest items as deeply as you want, creating submenus within submenus infinitely.

There are two ways to do this. The first option is to simply click the item you want to nest and drag it to the right until the dotted lines shift to the right as well. Keep doing this to nest more items.

The second way is to open the menu item you want to move and click the Under [Menu Item Name] link.

7. Add a menu item without a link

Most of the time, you’ll want your menu items to link to a page. But sometimes, like when creating a dropdown menu, you just want the top-level link to be text and nothing else.

To do this, create a Custom Link like normal, but instead of inserting a link, insert the # symbol. Then title the menu item as usual and click Add to Menu.

You can leave the # symbol if you want, or you can open your new menu item, delete the symbol, and click Save Menu.

While the menu item still looks like a link, it will not be clickable. You can always change its styling with CSS if you want it to look different. We’ll show you how to do that later.

8. Add a search icon or bar to your menu

If your theme has a header widget, adding a search bar to it is easy. Just go to Appearance → Widgets, click the blue + in the top left corner, and drag the Search widget into the header area.

If this doesn’t work, you’ll need to switch to a theme that places a search bar in the header or use a plugin. Most popular WordPress search plugins include an option to add a search bar to the header menu.

9. Add a description to a menu item

While it isn’t usually necessary, you may want to add a description to your menu items. Maybe you want to give a brief description of where this link will take visitors when they click.

First, on the Menus screen, open the Screen Options at the top right and tick the Description checkbox. You’ll now find a Description box whenever you open a menu item from its dropdown arrow.

Type in a description and make sure to click Save Menu. When you visit your site, you should see your new description. Remember that not all themes support this feature.

How to activate your WordPress navigation menu

When you’re finished customizing your menu and are ready to show it to the world, all you need to do is pick a Display location for it. It will then show up on your site.

Conversely, if you want to work on your menu in private, just don’t select a display location until you’re finished. A menu without a display location is essentially invisible to all visitors.

Not sure how to set a display location? Let’s go over it.

How to change your menu position in WordPress

If you don’t like where your menu is located or aren’t sure how to set it to display where you want, it’s very easy to change the menu position in WordPress.

There are three ways to do this: First, on the Appearance → Menus screen in the default Edit Menus tab, look to the main menu editing area. You should see a section labeled Menu Settings. Then look for Display location.

Now just tick the boxes where you want your menu to appear. You’ll need to go visit your site to see how your new menu looks.

The second way to change the menu position in WordPress is to click on the Manage Locations tab, then assign which menus you want to appear in each one. This is a little easier to set up if you have multiple menus.

Finally, you can use the Live Customizer. Open up Appearance → Customize and click the Menus tab, then either select the menu you want to edit or click the View All Locations button. The benefit of this is you get to immediately see what your menus will look like and the location of each display option.

Keep in mind that each display location can only be occupied by one menu at a time, though you can assign a single menu to multiple display locations.

Also, display locations are determined by your theme. If you don’t have the ones you’re looking for, you may need to switch to a new theme.

How to use multiple menus across your WordPress site

You’re not limited to a single menu. You can create as many as you have space to display (and more!). You could have your main menu, a more compact sidebar menu, a separate menu in your footer, etc. It all depends on the number of menu locations your theme provides.

In any case, you can create a second menu by clicking Create a New Menu and selecting a separate display location for it. Just fill out the name and set pages for it as you did with your first menu and repeat as many times as you need.

The live preview screen is even more intuitive; just click the Create New Menu button, and all your created menus will be listed in one easy-to-access place.

Remember to use the Manage Locations screen to more easily assign each menu to a location, as it’s much more streamlined than having to manually select and set options for each menu.

Explore the benefits of Jetpack

Learn how Jetpack can help you protect, speed up, and grow your WordPress site. Get up to 52% off your first year.