• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

AreWeConnected.com

Custom WordPress Websites that Rock!

  • Home
  • About
    • Hire a Tech Dude!
    • Recommendations
    • Add your testimonial
  • WordPress
    • Custom WordPress Website Build
    • The Managed EVERYTHING Website!
    • Making your site “SECURE”
  • FAQ
    • Making Your Site SECURE
  • BLOG
    • Posts about WordPress
    • Guest Post and Comment Policy
  • Contact

How To Make Your LINKs Open In A New Tab

Gutenberg, Wordpress · October 16, 2019

99
SHARES
FacebookTwitterSubscribe

In this post I’m going to show you how to create links in your Gutenberg (block editor) WordPress posts and pages that open a new tab in the viewer’s browser.
Before we get into it, did you listen to WHY and WHEN you want to do this?
Don’t worry, that link will open in a new window for you! 😉

That was an internal link (it linked to something inside the same website) but the bulk of this post is going to refer to external links (linked to places outside your website). What I’m not going to get into here is follow / no follow or much of anything related to SEO. That’ll be for a different post.

For this example I’m going to use the website UNSPLASH.com it’s where I get some of my pictures from. That’s not a link, and while you could Google it, we expect so more from the sites we visit right?

So here’s a quick video using this post, Unsplash, and the WordPress Gutenberg Block Editor.

Here’s UNSPLASH in a real link. (click that)

See how that works? Now watch the video that shows you how to make sure that all your links do that too!

TL:DR;

  • If you didn’t listen to “WHY You Want Your Links To Open In A New Window” – that was your link (hint hint and in this case it does).
  • Know WHEN you want the link to open in a new window. A simple rule might be “No for internal links that go anywhere inside your site and a Hard YES for any links that go outside of your site“.
  • As for the HOW, it’s a simple click in Gutenberg Block Editor.
The 'open links in a new tab' click in the Gutenberg Editor
The ‘open links in a new tab’ click in the Gutenberg Editor

BONUS LINK that I mentioned in the video:

Photo by JJ Ying on Unsplash

Get My Newsletter

All I need is your email

CLICK HERE TO START!

UPDATE: I got the following via email the other day…

Davor is correct. Did you know there was a difference? I didn’t even notice I said it. So in case you did, have your outside bound links open in new TABS and not a NEW WINDOW. Thanks Davor! I’ve updated the Title (but not the permalink) to reflect that. 🙂

  • Author
  • Recent Posts
Mike Mueller
Connected?
Mike Mueller
VP of Happiness at AreWeConnected.com
A former professional hand model, Mike builds Custom WordPress Websites that rock!


He's an avid hockey fan, rides a mountain bike, sometimes rides a road bike, has a few motorcycles (he had a really fast one, bought a cool orange one, rode a really slow one, and now,a perfect "BDR Weapon"). If that isn't enough, he makes cheese and sourdough bread, loves strong beer and good red wine, and poorly plays the Mandolin.
Mike Mueller
Connected?
Latest posts by Mike Mueller (see all)
  • The Ultimate Guide to Writing the Perfect Blog Post - March 14, 2023
  • 8 Questions Your Web Developer Should Have Asked - April 27, 2021
  • Slack, Chat or Discord? - April 6, 2021
99
SHARES
FacebookTwitterSubscribe
New Comment Policy:
If you see something, say something!
(shamelessly borrowed from Homeland Security but really, let's bring commenting on posts back!)

Filed Under: Gutenberg, Wordpress

Previous Post: « WHY You Want Your Links To Open In A New Window
Next Post: AREWECONNECTED.com is 11 Years Old! »

Primary Sidebar

Who runs this Pop Stand?

Mike Mueller
Mike@AreWeConnected.com
PH: (925) 456-4567

Connect

  • Facebook
  • Flickr
  • Instagram
  • LinkedIn
  • RSS
  • Tumblr
  • Twitter
  • YouTube

Look, it’s Just a Newsletter!

  • While I might write a bunch, the newsletter is set to go out only on Wednesdays. That's it!  Just one day a week! Can you handle that?
  • This field is for validation purposes and should be left unchanged.

FREE Downloads

Icon
1843Small Biz Websites Built so far…

Let's Build Yours!

Expert Google Workspace help

Get Started and then hire the right help!

Lighten up!

Search: (anything)

Sign In / Up

  • Account
  • Website Management Subscription
  • The Managed EVERYTHING Website!

Who to host with?

It's the #1 question I'm asked - where to find inexpensive shared hosting. Here's who I recommend.
Data Servers are a HUGE drain on the power grid. Here's a host that sources 300% of it's power from Wind and Solar! On top of that, their service ROCKS!
Check out GreenGeeks

Need more power?

WPEngine has it!

Hacked?

Sucuri Security
Creative Commons License
This site was built, is hosted, and backed up, and maintained by Mike Mueller. AreWeConnected is about the open sharing of ideas without a hidden agenda. Assume any link on this site is an affiliate link, Clicking on affiliate links costs you nothing extra (probably saves you $) and helps support this site.
PRIVACY POLICY

MANAGE YOUR ACCOUNT

...another Custom Wordpress Website by Mike Mueller Hi!