Author MarionBlack
2014
2
100
Premium
Ambassador
Rank 100
Unfollow

In this video you’re going to learn how to add links to text and images using Gutenberg.

This is a preview of the new WordPress editor which is expected to be released shortly. As the update hasn’t happened yet, I’m using the Gutenberg plugin to simulate the new editor experience. The real thing may be slightly different when it comes out.

As they are still fixing bugs prior to the release of WordPress version 5 it's not a good idea to install the Gutenberg plugin on a live site.

Create or use a practice website to play with the plugin.

In some respects most of the process of linking is the same as before but there are some important differences.

The main difference with linking in Gutenberg is that there are no advanced options.

You can’t force the links to open in a new tab. The idea here is to give the reader the choice of opening in a new tab or not.

In most cases that’s fine. But there are some situations where you don’t want the reader to lose their place in your document. Not everyone knows to right-click to open in a new tab.

Not everything in Gutenberg is going to be perfect.

And internal linking is much less automatic than before. Because there’s no advanced options window with links there’s no list of internal posts and pages to select from.

So the first, and most important, step is to open the web page you want to link to in a new tab. That could be the home page or a deep link to a particular article.

Copy the URL from the address bar. This is a sure-fire way to avoid typos.

Let’s look at a regular text link.

Highlight the text you want to use and click on the link icon. Paste the copied URL into the popup window. Then click the little arrow thingy to apply.

Test your link by right-clicking and select open link in new tab.

Now let’s look at an image link. Pretty much the same at the regular text link. Click on the image, select the link icon and paste in the URL you copied from the other tab.

Remember to click the arrow thingy to apply the link.

If you’re using a Pretty Link then copy the link from your list of Pretty Links instead of the browser.

You can add code to the link to force it to open in a new tab.

Click on the three dots top right and select Code Editor.

The code you'll want to add is:

target="_blank" rel="noopener"

So the complete link code will be:

<a href="https://marionblackonline.com" target="_blank" rel="noopener">click here</a>

If you’re not comfortable with editing code you could put all the links at the end of the document instead of placing them where they most logically would appear, within the post.

Related Training

WordPress Gutenberg: Create a New Post

WordPress Gutenberg: Add Headings

WordPress Gutenberg: Add Images

WordPress Gutenberg: Available Blocks

More of my Tutorials and Videos

As always I'm here to help you,


Please share the love, click 'Like This' (if you do). Ask a question, share something or leave a comment.

Join the Discussion
Write something…
Recent messages
MPH6 Premium
Brilliant training as always Marion.
I've been updating some old posts and changing a few products.
I was trying to work out why I couldn't get the linked text to open in a new tab.
I had a feeling I would find the answer in one of your training videos, and the first one I looked at after searching was this one.
I have now put the code in and they all open in new tabs.
Thanks so much.
Michael.
Reply
MarionBlack Premium
You're welcome, Michael.
Reply
LouiseBT Premium
Marion! I cannot believe it has taken me this long to view your training - you are my kindred spirit trainer! When you said "click on the arrow thingie" I knew I was in the right place - we speak the same language :-)
Seriously, thank you for an excellent tutorial. I thought I could avoid Gutenberg for as long as I wanted but my site had other ideas, lol! So Trish referred me to your training and I am so glad she did.
Thank you very much once again.
Blessings
Lousie
Reply
MarionBlack Premium
You're very welcome, Louise. We've got to get those technical terms right 😎
Reply
melo1 Premium
Excellent tutorial.
Reply
MarionBlack Premium
Thanks, Melo.
Reply
viyee Premium
Thanks Marion.
Reply
MarionBlack Premium
Always a pleasure, Peony.
Reply
sukumarth Premium
Marion, I'm not able to make the link (embedded in an image) to open in a new window unlike in the old WP editor. Even if I check the "open in a new window" settings and update, the link still opens in the same window.
Reply
MarionBlack Premium
That feature has been recently added to WordPress 5. This video should help
https://youtu.be/zHbdrYseS9c
Reply
KBush Premium
Thank you Marion
Reply
MarionBlack Premium
You're welcome, Kinda.
Reply
DRogers42 Premium
This is a good video and article. Thanks!
Reply
MarionBlack Premium
You're welcome, Dee.
Reply
jbills34 Premium
Thank you Marion! I hope I know more about this before too long. Very kind of you:)
Reply
MarionBlack Premium
You're welcome, John.
Reply
Talk2Ray Premium
Thank you Marion. Looks like I will have to learn more on inserting code, but from your video I can see it is not that hard.
Reply
MarionBlack Premium
Most of the time you don't need to add code, Ray. WordPress takes care of most of it for you.
Reply
Melissa901 Premium
Well that is the first downfall that I have seen that I don't like. I am going to learn more about this code simply because I do like my things opening in a new window. Thank you for sharing this information.
Reply
MarionBlack Premium
Don't worry, Melissa. There is a plugin to get around this. I'll look it up when Gutenberg goes mainstream.
Reply
Melissa901 Premium
That would be great thank you so much. I know that is one of the things I really like to have the option to do.
Reply
bijanamid1 Premium
Hello Marion,
Something very strange happened. I added Guthenberg as a plugin and now all the Posts that I had were wiped out and instead I only have blank pages with only the headings..

Can I do anything to get them back?
Reply
MarionBlack Premium
Contact Site Support and ask them to restore a backup of your website. I did write, in bold text, to "Create or use a practice website to play with the plugin."
Reply
bijanamid1 Premium
Thank you.
Reply
tudogz Premium
Hi Marion.
I recently published a post on Gūt and used the plugin to trial it.
Some things I like, some I'm concerned about.
I wonder how well WA SiteContent and Gūt will play together? Also Elementor page builder, which I've just started using.
Time will tell, I guess.
Reply
MarionBlack Premium
Yes, we have some interesting times to come seeing how Gutenberg integrates with Site Content and also with some plugins and themes.
Reply
MikeC69 Premium
Thanks Marion!
Reply
MarionBlack Premium
You're welcome, Mike.
Reply
celiacman Premium
Thank You Marion
I am sure there is going to be some time consuming times adjusting to this new editor, I hope it is not going to be more complicated than the old editor.
Jeff
Reply
MarionBlack Premium
In my opionion it actually makes some things a lot simpler.
Reply
celiacman Premium
I do agree the blocks seem to start to be easier to understand, I think this might be a positive improvement if there are not too many bugs when it first comes out
Jeff
Reply
MarionBlack Premium
They are planning to delay the release of Gutenberg until they've squashed the bugs. Let's hope that's real soon.
Reply
celiacman Premium
Hello Marion,
It is a good thing they are trying to eliminate any problems before releasing it, I am sure they don't want to get swamped with support problems right away.

Have a nice weekend
Jeff
Reply
MikeC69 Premium
Holy smoke! Hope it's not too bad. Just now getting my sea legs with thus version
Reply
celiacman Premium
Marion

i agree I am starting to become partial to the block system through your training's, I am curious how is this going to affect using site content ?
Reply
MarionBlack Premium
That will be interesting to see. It may be just a matter of a couple of mouse-clicks to integrate Site Content with Gutenberg.
Reply
Balloons29 Premium
I am sure your talents willl stretch to fashioning that plugin.
Tracy
Reply
MarionBlack Premium
That's a little beyond my pay-grade Tracy :D
Reply
RandiLee Premium
Hi Marion
Thank you for this training video! As always I continue to learn so much from you!
Reply
MarionBlack Premium
You're always welcome Randi.
Reply
DarleneB Premium
Thank you so much for taking the time to do all these videos on Gutenberg. I really appreciate it.
Reply
MarionBlack Premium
This is how I have fun :)
Reply
boomergp08 Premium
Not sure I like this new feature. What was wrong with the way it was. If something is not broke, don't fix it. But like you said, not everything about the new update is "gute." ;)
Reply
MarionBlack Premium
I definitely don't like this aspect Rob. Most of Gutenberg is good, but this is a fly in the ointment. Someone's bound to come out with a plugin to add the advanced features of linking back where they belong.
Reply
boomergp08 Premium
Oh great! Another plugin. Just what we don't need.
Reply
MarionBlack Premium
:D

There's a few plugins that the new update may make redundant. It going to be a very interesting time ahead.
Reply
Tirolith Premium
Thanks Marion, I add links to all my photos.
Reply
MarionBlack Premium
That's usually a good idea Tom.
Reply
AlanJE Premium
Thanks Marion, very useful, Best Alan
Reply
MarionBlack Premium
You're welcome.
Reply
DianneBee Premium
Thanks Marion! I always like to have links open in a new tab so the reader can get back to the post.
Reply
MarionBlack Premium
Me too, even internal links.
Reply
ChrisShouse Premium
Thanks, Marion, I do not know that I care about this feature. I do not see it as an improvement but like you say not everything is going to be perfect.
Reply
MarionBlack Premium
Someone's bound to come out with a plugin to add the advanced features of linking back where they belong.
Reply
TRPEng Premium
Hi Marion. I have a question about this Gutenberg update. When Word Press is gone are we going to loose our picture library? If the library is gone will all our media disappear or be deleted off our posts? This business of not being able to do links easily is inconvenient. Your training is great by the way. Thanks.
Trevor
Reply
YumaBloggers Premium
Wordpress isn't going anywhere. Gutenberg is just the name of a system update that is coming up.
Reply
TRPEng Premium
Thanks for correcting my misunderstanding. I needs to watch more of these training videos. This inability to link like we used to is not a progressive step.
Trevor
Reply
TRPEng Premium
Hello Again Marion . As this was the first video I watched in the series of Gutenberg updates I jumped to some conclusions about this update. I watched more of the training videos and I can see better how this works. A course member corrected me on the fact that it is a Word Press Update and that answered my question about the pictures and media. I think I am going to try the Button tab for internal links. What do you think?
Trevor
Reply
MarionBlack Premium
Someone's bound to come out with a plugin to add the advanced features of linking back where they belong.
Reply
TRPEng Premium
Thanks for your reply. I am sure if this is going to be the standard for the school it will be set to work properly.
Trevor
Reply
Hollshope Premium
Thank you. Great training!
Reply
MarionBlack Premium
You're welcome Holly.
Reply
Claudioj Premium
Hi Marion many thanks for sharing. I have a question, With Gutenberg, you can´t open the link in new windows?
Reply
YumaBloggers Premium
The purpose of the video is to show you how to add that functionality manually.
Reply
MarionBlack Premium
You can add that feature manually using a little bit of HTML code. Someone's bound to come out with a plugin to add the advanced features of linking back where they belong.
Reply
Claudioj Premium
Thank you very much, Marion, I have seen the code that you mention in your video, it seems to me that I can not place it in the correct position, I will continue trying, thanks!
Reply
MarionBlack Premium
Try to make your code similar to the code below the video.
Reply
PatrickM1 Premium
Thank you, Marion. Very helpful training video.
Reply
MarionBlack Premium
You're welcome Patrick.
Reply
Loes Premium
Added this one to my blog too, Marion:) Thanks again!
Reply
MarionBlack Premium
Always a pleasure :)
Reply
PatsyC Premium
Hi Marion, thanks I'll check it out tomorrow and add it to my collection :D
Reply
MarionBlack Premium
Great!
Reply
CarolMeador Premium
Thanks, Marion. That was helpful. I'm not ready to use it yet, but I'm saving it for when I am. Carol
Reply
MarionBlack Premium
Still no absolute date on the release of the update. If you want to play around with it you can install the plugin on a test website.
Reply
CarolMeador Premium
Thanks, Marion. Have a wonderful weekend. Carol
Reply
wb5yjs Premium
Some of us have never heard of "Gutenberg". Therefor, a good place to start would be at the
beginning by removing the mystery of "Gutenberg"... explaining the Who, What, When, Where,
Why, What-If & How.
Reply
PatsyC Premium
Hi Wally, I just noticed your comment. I'll leave you with a link to my recent post from yesterday.
The first 2 links are from the past few weeks explaining everything you have asked.

https://my.wealthyaffiliate.com/patsyc/blog/upcoming-wordpress-gutenberg-5-0-and-easy-step-by-step-tutorials/btd
Reply
MarionBlack Premium
Yes, Wally. I started at the beginning about 2 weeks ago but I've been sick since then. The links are at the bottom of the post.
Reply
YumaBloggers Premium
In short, another move away from what we want for our blogs towards what others have decided is what we should do with our blogs. Thank God they left the part in to edit our own HTML to make it happen now only those with no HTML skills will be forced to conform.

Andy
Reply
MarionBlack Premium
This is the worst move I've seen with the new update. Just about everything else is a step in the right direction. I've tried to give a couple of workarounds. At least there's an option to revert to the old "Classic" editor.
Reply
LTMLifestyle Premium
Great and very helpful post Marion. Thanks for sharing
Lilian
Reply
MarionBlack Premium
My pleasure Lilian.
Reply
buffetearns Premium
Thank you Marion

Wayne
Reply
MarionBlack Premium
You're welcome Wayne.
Reply
buffetearns Premium
A great weekend to you!

Wayne
Reply
YvetteC2 Premium
This is very helpful information, Marion. As usual, you have done a wonderful job with this training. I appreciate all you do for us.

Thank you,
Yvette
Reply
MarionBlack Premium
It's always a pleasure to share Yvette.
Reply
YvetteC2 Premium
You're the best, Marion!
Reply
Top