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… read them below or add one }

Rizwan Sultan March 31, 2012 at 6:45 am

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.

Reply

Salah Messaoud ( ( March 31, 2012 at 7:01 am

How To Make A WordPress Menu Item Open In A New Window http://t.co/nC9JWlnL via @askkim

Reply

DiTesco March 31, 2012 at 7:25 am

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!

Reply

SheilaAtwood ( March 31, 2012 at 9:49 am

How To Make A WordPress Menu Item Open In A New Window http://t.co/4zmFpnVS via @AskKim

Reply

Sheila Atwood March 31, 2012 at 10:01 am

Kim,

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

Reply

Thomas March 31, 2012 at 10:40 am

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.

Reply

Thomas ( March 31, 2012 at 10:55 am

How To Make A WordPress Menu Item Open In A New Window – http://t.co/PtIKQD1F via @AskKim

Reply

Maja March 31, 2012 at 11:56 am

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

Reply

Sherryl Perry ( ( March 31, 2012 at 12:46 pm

How To Make A WordPress Menu Item Open In A New Window http://t.co/C3A73Wyc via @askkim via @keepupweb

Reply

Shahid March 31, 2012 at 2:52 pm

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

Reply

Perry A Davis Jr ( ( March 31, 2012 at 3:05 pm

How To Make A WordPress Menu Item Open In A New Window http://t.co/rTlyXQkf via @AskKim

Reply

Kellie Hosaka ( March 31, 2012 at 3:05 pm

How To Make A WordPress Menu Item Open In A New Window http://t.co/eLRRTXNM (via @AskKim)

Reply

Azam March 31, 2012 at 3:37 pm

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

Reply

Yorinda Wanner ( ( April 1, 2012 at 12:45 am

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

Reply

Shubham April 1, 2012 at 2:14 am

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

Reply

Paula McKinney ( ( April 1, 2012 at 4:00 am

How To Make A WordPress Menu Item Open In A New Window http://t.co/A9l872Ik

Reply

Adriene April 1, 2012 at 5:23 am

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..

Reply

Jupiter Jim ( ( April 3, 2012 at 10:12 am

How To Make A WordPress Menu Item Open In A New Window http://t.co/Sjxr5yRx via @AskKim

Reply

Vasilis April 11, 2012 at 8:51 am

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

Reply

Mary April 16, 2012 at 3:35 pm

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

Reply

JEH May 15, 2012 at 6:35 pm

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

Reply

Kim Castleberry May 16, 2012 at 2:58 pm

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

Reply

JEH May 16, 2012 at 3:04 pm

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?

Reply

Michelle May 21, 2012 at 5:56 am

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!

Reply

Chaim October 15, 2012 at 12:34 am

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!

Reply

Kim Castleberry October 15, 2012 at 1:45 am

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

Reply

Kewii Nicole October 21, 2012 at 8:13 pm

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

Reply

Leave a Comment

CommentLuv badge