Set "target=_blank" for external urls in child theme?

[iamsantanubanerjee]

Is there a way to make the external links open in a different tab automatically?
Like, social links in the nav bar?

Thanks
Santanu Banerjee

[h-enk]

I advise you to open external links in a new window or tab only when necessary — for UX reasons mainly, see also G200: Opening new windows and tabs from a link only when necessary

For all external links in the content, you could create a file ./layouts/_default/_markup/render-link.html, and add:

<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>

See also:

• Attributes - target
• Link with title Markdown example

For links in menus, you could update the corresponding layout partial, e.g. change ./layouts/partials/header/header.html (line 46) to:

<a target="_blank" rel="noopener" class="nav-link ps-0 py-1" href="{{ .URL | relURL }}">{{ .Pre | safeHTML }}<small class="ms-2 d-md-none">{{ .Name | safeHTML }}</small></a>