Lorsqu’un visiteur clique sur un lien de votre site, celui-ci s’ouvre dans le même onglet de navigation. Cela peut par exemple l’empêcher de finir de parcourir la page qu’il était en train de visiter.

Comme nous aimons la facilité, nous allons ici rajouter un snippet permettant de faire ouvrir automatiquement les liens de votre site dans un nouvel onglet (les liens contenus dans les pages, articles… pas ceux de votre menu, par exemple).

Voici le code à coller dans le fichier functions.php de votre thème enfant ou bien dans une extension de snippet comme Code Snippets :

function open_external_URL_in_a_new_tab() {
    ?>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var links = document.querySelectorAll('a');
            links.forEach(function (link) {
                var url = link.getAttribute('href');
                var parsedUrl = new URL(url, window.location.href);

                if (parsedUrl.hostname !== window.location.hostname) {
                    link.setAttribute('target', '_blank');
                    link.setAttribute('rel', 'noopener noreferrer');
                }
            });
        });
    </script>
    <?php
}

add_action('wp_footer', 'open_external_URL_in_a_new_tab');
Forcer ouverture de lien dans un nouvel onglet

Maintenant, vos liens devraient automatiquement s’ouvrir dans un nouvel onglet 🙂