Catégories
Extensions Technique

đź”—Ajout du target blank sur les liens du Bloc bouton de l’Ă©diteur Gutenberg de WordPress

Actuellement, le bloc bouton de Gutenberg ne permet pas d’ouvrir la cible du lien du bouton dans un nouvel onglet. Cette fonctionnalitĂ© sera bien entendu très bientĂ´t intĂ©grĂ©e dans le nouvel Ă©diteur de WordPress.

En attendant l’intĂ©gration de cette nouvelle fonctionnalitĂ©, j’ai dĂ©veloppĂ© une petite extension permettant de gĂ©nĂ©rer ce target blank (ouverture dans un nouvel onglet) en front.

Cette extension intègre le support du target blank en front directement en JS. Pourquoi ? On sait que ce n’est pas la façon la plus propre (du tout) de fonctionner. En revanche, j’ai besoin maintenant du support de cette fonctionnalitĂ©. Sachant qu’elle viendra très rapidement dans une prochaine version de WordPress, je ne veux surtout pas que cette extension « casse » la future mise en place de la fonctionnalitĂ© ! J’ai donc ajoutĂ© mon target blank Ă  l’aide d’un script JS qui vĂ©rifier la prĂ©sence de l’attribut target avant de l’ajouter directement sur le block Bouton.

Donc, exit l’utilisation directe d’un rĂ©glage dans l’inspecteur de block Gutenberg. Cependant, on ne veut Ă©videmment pas ajouter le target blank automatiquement sur tous les boutons ! Du coup j’ai ajoutĂ© une page d’option de Thème permettant de choisir si l’on souhaite appliquer le target blank sur tous les blocs Bouton ou si l’on souhaite uniquement l’appliquer aux blocs boutons portant la classe CSS additionnelle « blank ».

Menu d’options pour les paramĂ©trages de l’extension

Page d’option d’ajout du target blank sur les blocs Bouton

Ajout de la classe « blank » si nécessaire sur le bloc bouton

Contribuer au développement de cette extension

Cette extension est développée sur GitHub :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *