Target Blank to Button Block

by Jb Audras

Description

Add Target Blank to Gutenberg Button Block. Provisory fix to add target blank to button blocks.

The target blank feature is already addressed in Gutenberg project GitHub repository. This plugin aims to provide an alternative for those who want this feature now.

Please note that this plugin uses Javascript to add Target blank on Button Block as a fallback.

A screen reader text is also added for better accessibility and a rel="external noreferrer noopener" attribute is added for better security.

It provides two options:

Automatically add target blank to ALL Button blocks (default)
Only add target blank to links that have the blank CSS class

(see screenshots below)

Installation

Install the plugin and activate.
Got to Appearance > Button block target and choose your options.

Screenshots

Plugin settings
Plugin settings page Location: Appearance > Button block target
How to use a CSS class to add target blank only to specific links

Faq

How to configure the plugin settings?

Plugin settings are available under Appearance > Button block target.

What will happens once the target blank will be available in Gutenberg?

Once the button block target blank feature is released in Gutenberg, the plugin will display a notice on your WordPress Admin to disable it. But even if you leave the plugin active, it won’t break your site, no worries 🙂

Reviews

Très pratique

By sophie7 on March 29, 2019

en attendant l'intégration dans la prochaine version Merci 🙂

Merci JB

By La Webeuse (lyciouse) on March 22, 2019

Plugin simple à utiliser. Merci pour cette contribution JB 😉

Elle fait le job !

By Éric Martin (Em-m) on March 16, 2019

On l'installe, un petit blank en classe additionnelle et hop ! Elle fait son boulot parfaitement ! Merci 😀

Changelog

0.1

Plugin initial commit. Works fine 🙂