How To Make A WordPress Menu Item Open In A New Window

March 31, 2012 · 27 comments

in WordPress

How To Make A WordPress Menu Item Open In A New Window

wordpress logoMake That Menu
Open A New Window or Tab

With the flexibility to add any link to the WordPress menus built into most themes now, we often find ourselves adding items that are not necessarily part of the site.

When that happens, we usually want them to open in a new tab or window but it’s not immediately clear in WordPress how to make that happen.

Fortunately, making a menu item open in a new tab or windows is really simple (if you know where to look!).

click to see full size view

Steps To Make A Menu Link Open In A New Window Or Tab

(This does assume your theme is using the new “WordPress 3.0+” menu system.)

1) Go to Appearance -> Menus in your sidebar.

2) At the very top of the screen locate the “Screen Options” tab and open it (it drops down)

3) Put a check next to “Link Target” in the Screen Options tab. This tab has no save button so the effects are immediate.

4) Add or open up the menu item you wish to make open in a new tab. Now you will see a new check box that says “Open Link in New Window/Tab” (check it)

5) Click “Save Menu” to save your changes and you’re done!

Easy Peasey!

~ Kim ~
Simple Tech Tips For Marketing

Get The Inside Scoop!
social tripletKeep up with all the latest social marketing changes!


27 comments
Kewii Nicole
Kewii Nicole

Thank you sooo much! I greatly appreciate the quick and easy tutorial! :-)

Chaim
Chaim

Hi Kim,

Is there a place to set whether it opens in a new window or a new tab? Currently, my system is opening a new window when I turn this on, but I want it to be a new tab.

Thanks!

Michelle
Michelle

Oh, it really pisses me off when opening a new page in the same tab and I bet I'm not the only one. So great info!

JEH
JEH

Shame, I didn't think it could be done in the menu dialog but is there any chance of doing it somewhere in the CSS or PHP - maybe to set a site wide default size for new windows?

JEH
JEH

Thanks Kim but is there any way to specify the size that the new window will open at?

Mary
Mary

Oh thank you for this! It was so annoying having it all in a bunch like that!

Vasilis
Vasilis

Super TIP !No more meta tags for this, and saves a lot of trouble.

Thank you very much!

Adriene
Adriene

Hello Kim...Thanks for the information and tips about opening menu items in new tab and I think most people are really not aware with this..

Shubham
Shubham

Its a small and easy tutorial and will help many newbie to make nav item open in a new tab.

Yorinda Wanner ( (
Yorinda Wanner ( (

How To Make A WordPress Menu Item Open In A New Window via@AskKim

Azam
Azam

A comprehensive and short tutorial on wordpress. Thanks kim for such valuable information.

Shahid
Shahid

Tip is nice but the what the use of it. And i think user will get irritated after seeing multiple tabs in his screen..!! ?

Maja
Maja

I am using Wordpress since last two years but I have not explored such secret. Thanks for sharing research on Wordpress.

Thomas
Thomas

Hi Kim

I was not aware of that option in Wordpress. I don't ever think I have been looking for it, but it give some nice opportunities for sure. Thank you once again for learning me a new sweet WP tip.

Sheila Atwood
Sheila Atwood

Kim,

Thanks, I missed this one and sure could use it. Appreciate all of your tips.

DiTesco
DiTesco

Kim, I really luv this simple and sweet tips from you. It is so simple that I have never saw it.. No more "right clicking" and new tab for me :) Awesome!

Rizwan Sultan
Rizwan Sultan

Hey Kim

Nice tips for opening menu items in new tab but I didn't see implementation of that tips in any professional WordPress blog.

Kim Castleberry
Kim Castleberry

Chaim, that is dictated by your own computer system. What we are doing is adding the code for "target = _blank" to the URL. Then your system decides if that means to use a tab or a window. Usually it's the browser telling it which. It sounds like you have yours set to window.

Kim

Kim Castleberry
Kim Castleberry

Hey John, sorry but there is not using this method. If you were to return to a hard-coded menu system (as we used pre-WordPress 3.0) then you could code in advanced html.

Kim