Liens externes

Il y a quelques mois pour le blog de mon collectif, qui fonctionne lui aussi sous Ghost, nous désirions pouvoir ouvrir automatiquement les liens externes dans un nouvel onglet.

J'avais trouvé à ce moment là un petit script js qui permettait cela, malheureusement je ne suis pas parvenu à retrouver où j'avais pêché l'info. Je la fixe ici en vous proposant de l'implémenter dans votre thème Ghost!

Créez un fichier nommé outside.link.jsdans le répertoire /VOTREBLOG/content/themes/VOTRETHEME/assets/js/ et copiez-y le code suivant

$(document.links).filter(function() {
return this.hostname != window.location.hostname;
}).attr('target', '_blank');

Rendez-vous maintenant à la racine de votre thème /VOTREBLOG/content/themes/VOTRETHEME/et éditez le fichier default.hbs afin d'appliquer le script à l'ensemble de votre blog.

Recherchez la ligne {{! The main JavaScript file}} et copiez en dessous

    <script type='text/javascript' src="{{asset "js/outside.link.js"}}"></script> 

Voilà, relancez votre blog et tadin!