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.
BONUS LINK that I mentioned in the video:
Get My Newsletter
All I need is your email
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. 🙂
- 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