SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 353 visiteurs en ce moment

Accueil > Navigation > Hyperliens > Liens explicites > Liens explicites

Liens explicites

15 juin 2011 – par Gaël Chareyre, tetue – 47 commentaires

23 votes

Styles et pictos explicitant les liens du site : documents à télécharger, liens externes, mailto, etc. (avec ouverture possible en nouvelle fenêtre).

Les liens pointent souvent vers d’autres pages HTML mais aussi vers d’autres types de documents et services. Améliorez le confort de navigation de l’internaute en distinguant visuellement les différents types de liens : documents à télécharger, liens externes, mailto, etc.

Ce plugin a pour avantage de traiter tous les liens de façon homogène, en respect des bonnes pratiques, en particulier Opquast V2 Critère 120 : Les hyperliens de même nature ont des couleurs, des formes et des comportements identiques sur toutes les pages.

Note de version

Suite de « Liens sortants ouvrants », cette seconde version du plugin change de nom, car l’explicitation des liens devient sa vocation principale.

  • Cette version ajoute des styles et pictos [*] permettant de mieux distinguer les liens les uns des autres, exactement comme dans l’encyclopédie Wikipédia, ni plus, ni moins : pdf et autres doc, liens externes, mailto, etc.
  • Sans oublier les styles historiques de SPIP.
  • Affichage des hreflang [*].
  • Meilleure explicitation des liens à l’impression [*].
  • Correction des URLs des articles redirigés de SPIP, qui génèrent désormais l’URL cible (et non plus l’URL interne de l’article), ce qui permet de distinguer les liens externes.
  • L’ouverture en nouvelle fenêtre n’est plus systématique, mais optionnelle et paramétrable, étendable aux documents.

Apparence : styles et pictos

GIF - 13.9 ko
Exemple de rendu stylistique avec les pictos par défaut
(et la Base CSS 2 pour SPIP 2).

Pour prévisualiser, affichez la page de test « ?page=demo/links » sur votre site ou insérez le modèle « <charte|links> » dans un de vos articles. Pour toute personnalisation, complétez en CSS, dans votre feuille de style.

Ce plugin permet de distinguer les liens vers des documents générés par SPIP, notamment via le raccourci [->doc324] ou la balise #URL_DOCUMENT, grâce à un sélecteur CSS dédié : .spip_doc.

Tous les liens sont stylés par défaut, ce qui peut sembler radical. Saupoudrez des « padding-right: 0; background-image: none; » pour annuler le style appliqué là où vous ne le souhaitez pas.

Pour appliquer une autre feuille de style, avec d’autres pictos, copiez la feuille links.css dans le sous-répertoire /css, modifiez-là, et déposez vos pictos dans le sous-répertoire /css/img/links de votre dossier « squelettes ».

Ouverture en nouvelle fenêtre

Bien que cela mette certains utilisateurs et utilisatrices en sérieuse difficulté [1], forcer l’ouverture des liens dans une nouvelle fenêtre reste une demande impérieuse. Ce comportement est désormais optionnel, activable et désactivable, et peut être étendu aux documents, ce qui est utile dans les vieux intranets (http://forum.spip.org/fr_230827.html) — à éviter absolument sur Internet !

GIF - 22.3 ko
Configuration des liens explicites

Un panneau de configuration permet de :

  • activer/désactiver les styles et pictos
  • activer/désactiver l’ouverture des liens externes dans une nouvelle fenêtre
  • activer/désactiver l’ouverture de certains document dans une nouvelle fenêtre, d’après liste éditable des extensions

Avec ce plugin, il ne faut pas utiliser d’attributs « target="_blank" » dans vos squelettes, afin de ne pas interférer sur cette configuration.

Todolist

Évolutions attendues :

  • Correction des attributs title des liens ouvrant une nouvelle fenêtre, qui, en l’absence de title, devraient répéter le libellé du lien (comme suggéré ici).
  • Ajout automatique dans le libellé (entre les tags <a> et non pas en title) des liens générés par SPIP, du format et du poids du fichier, comme spécifié dans le ticket #2209.

Votre aide est bienvenue !

Voir en ligne : http://plugins.spip.net/links

Notes

[*Peu ou pas compatible avec les vieux navigateurs, dont Internet Explorer 6.

[1L’ouverture d’une nouvelle fenêtre gênera la navigation d’une personne malvoyante en provoquant la perte de ses points de repère. Il convient donc d’avertir l’utilisateur. Au-delà des problématiques d’accessibilité il est préférable d’éviter autant que possible d’ouvrir de nouvelles fenêtres, les pop-up ayant tendance à agacer beaucoup d’internautes. (http://www.outil-webmaster.fr/navig...)

Dernière modification de cette page le 28 mai 2015

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 12 août 2015 à 09:12, par Perline En réponse à : Liens explicites

    Merci pour ce plugin, pratique et élégant.

    1. /?page=demo/links

    marche bien mais je n’ai tout de même pas l’effet sur mes liens.
    Des liens externes sont interprétés en lock, des liens de même nature se retrouvent avec des icones différentes et, ce que je cherchais avant tout, les articles virtuels ne sont pas détectés comme externes (ni ans la liste des rubriques, ni dans le plugin menu).
    J’ai mais fait quelque chose ?
    Merci.

    • Le 12 août 2015 à 16:12, par Perline En réponse à : Liens explicites

      Alors je rentre dans ma coquille et je m’excuse platement pour le parasitage... Je n’avais pas vidé mon cache, ouhhhhh....
      Pour chipoter, je trouve que la temporisation de l’apparition de la bulle « title » est un peu longue, et donc qu’on risque de passer à côté de l’info « nouvelle fenêtre » (je sais, c’est mal, mais dans mon cas, je ne peux que très difficilement faire autrement).
      Mais l’info-bulle « title » on n’y peut rien, n’est-ce pas ?

    Répondre à ce message

  • Le 6 mai 2015 à 16:04, par Karen En réponse à : Liens explicites

    Hello,
    Me revoilà avec mes petites questions sur cette vilaine pratique ;p !

    Donc résolu le petit souci de compatibilité avec la compression de JS, et youpi, j’ai pu le remettre et compresser sur les sites où c’était vraiment nécessaire / demandé… sauf un :
    C’est un site sur lequel j’ai dû avoir recours à JQuery 1.10.2 en surcharge du 1.7.2 utilisé nativement par Spip 3. Et bien ce n’est pas compatible avec la fonction de ce plugin et les liens externes ne s’ouvrent plus dans une nouvelle fenêtre :-(

    Trop nulle JS pour mettre le nez dans le code et le rendre compatible, j’ai tenté de modifier l’ordre d’appel des scripts dans le head, et je crois bien avoir tout tenté : rien à faire !

    Un expert, une bonne âme pour m’aider à rendre compatible ce plugin avec JQuery 1.10 ?
    Cordialement,
    Karen

    Répondre à ce message

  • Le 18 avril 2012 à 18:27, par ? En réponse à : Liens explicites

    Bonjour,

    Je rencontre un souci avec la partie « Comportement »

    J’active l’item « Forcer l’ouverture de certains liens dans une nouvelle fenêtre (déconseillé) »
    Ensuite j’active « Documents à télécharger » en laissant « .pdf,.ppt,.xls,.doc » dans le champ des extensions

    Puis quand je clique sur un lien .pdf dans la partie publique (après avoir recalculé la page) le fichier ne s’ouvre pas dans une nouvelle fenêtre mais dans celle en cours.

    Par contre cela fonctionne si j’active en plus l’item « Liens externes », mais ce n’est pas ce que je souhaite pour les liens web.

    Est-ce que ce fonctionnement est normal ?

    Merci

    • Le 27 juillet 2013 à 14:18, par jl En réponse à : Liens explicites

      J’ai exactement le même problème en SPIP 3.0.10 :(

    • Le 27 juillet 2013 à 14:25, par jl En réponse à : Liens explicites

      Au fait ça ne fonctionne pas du tout chez moi en spip 3.0.10

      Le plugin en effet ne sauvegarde pas la configuration désirée si l’on désire forcer l’ouverture des pdf tant que l’on n’active pas aussi les liens externes comme mentionné plus haut par ?

      Mais même comme ça en effet mes pdf ne s’ouvrent pas dans une nouvelle fenêtre :(
      Une solution ??

    • Le 28 août 2014 à 15:34, par xdjuj En réponse à : Liens explicites

      C’est normalement corrigé avec la version 2.3.7

    • Le 27 septembre 2014 à 10:20, par Karen En réponse à : Liens explicites

      Bonjour,

      Je viens de comprendre un truc après quelques petites heures de recherche, à savoir pourquoi un site en test ouvrait bien les liens dans une autre fenêtre, et le même site en prod sur le même serveur avec les mêmes plugins, n’ouvrait rien dans une nouvelle fenêtre :
      La compression du JS annule ce paramétrage du plugin... Bizarre, puisque mes autres plugins utilisant du JS ne subissent pas cette pénalité.

      Je suis trop nulle en JS pour pouvoir donner de la compréhension à ça, mais c’est bien ce que j’ai constaté ! Dommage de rester avec des scripts lourds du coup... c’est une punition pour avoir utilisé les liens ouvrants ? lol

      Et merci pour ce plugin bien pratique, malgré la mauvaise pratique ;-)
      Quand c’est demandé avec insistance et que les arguments ne servent à rien, il faut bien pouvoir réagir et avancer sur le reste !

      Cordialement,
      Karen

    • Le 26 octobre 2014 à 18:48, par DD En réponse à : Liens explicites

      Bonjour,
      Je confirma qu’avec SPIP 3.0.17 [21515] si le JS est compressé les liens ne s’ouvrent pas dans une nouvelle fenêtre.

      dd

    • Le 27 octobre 2014 à 09:04, par Karen En réponse à : Liens explicites

      Bonjour,

      C’est effectivement sur un spip 3.0.17 que j’ai installé le plugin pour la première fois, je n’ai donc pas d’élément de comparaison… si ce n’est que je viens de le tester sur un 3.0.15 et c’est pareil.

      Vous suggérez qu’il y a des versions se spip sur lesquelles la compression du JS n’empêchait pas l’ouverture dans une nouvelle fenêtre ?

      Karen

    • Le 31 octobre 2014 à 11:15, par DD En réponse à : Liens explicites

      Bonjour,

      Je viens de tester avec un site en SPIP 3.0.16 [21266 et les liens externes fonctionnent. Je dois trouver le temps de faire des tests pour voir si cela est du à ce plugin ou à une mauvaise interaction avec un autre plugin.

      dd

    • Le 1er novembre 2014 à 15:40, par Karen En réponse à : Liens explicites

      Hello,

      Je dois aussi trouver le temps, que je n’ai pas du tout en ce moment, pour faire ces tests du coup ;-)

      Pour simplifier nos recherches, peut-être avons-nous des plugins en commun sur le 3.0.17 au moins, à savoir que moi j’ai :

      -  champs extra
      -  mosaïque
      -  saisies pour formulaire
      -  yaml

      -  spip cycle 2
      -  menu babbibel
      -  contact libre

      Les 3 derniers ne sont pas sur mon site qui tourne en spip 3.0.15 sur lequel les liens ouvrants ne fonctionnent pas non plus (spip cycle 2, menu babbibel et contact libre), donc si nous en avons 1 en commun parmi les 4 premiers, ça pourrait éventuellement réduire la piste ?

      Karen

    • Le 22 novembre 2014 à 18:28, par DD En réponse à : Liens explicites

      Bon, je ne trouve pas ce qui cloche avec la dernière version de ce plugin (les liens externes s’ouvrent dans la même fenêtre) donc j’ai récupéré la version précédente 2.3.6 et cela refonctionne.

      dd

    • Le 24 novembre 2014 à 17:34, par Karen En réponse à : Liens explicites

      Question bête : comment fait-on pour récupérer une vieille version d’un plugin quand on ne l’a pas téléchargée en son temps, en l’occurrence liens_explicites 2.3.6 ? Car du coup, si elle est compatible avec la compression du JS pour pouvoir tout de même ouvrir les liens dans un nouvel onglet, elle m’intéresse !

    • Le 24 novembre 2014 à 17:54, par DD En réponse à : Liens explicites

      Voili voilu :

      http://contrib.spip.net/La-Zone-Facile?lang=fr

      il n’est pas besoin d’un logiciel client SVN pour récupérer les plugins de la zone qui ne sont pas disponibles en zip sur spip-contrib, car on accède directement à leur zip à l’adresse :
      http://zone.spip.org/trac/spip-zone/changeset/latest/_plugins_/NOM_DU_PLUG?old_path=/&format=zip

      dd

    • Le 25 novembre 2014 à 20:09, par Karen En réponse à : Liens explicites

      Merci pour les liens DD… je suis confuse, j’ai pourtant essayé de comprendre mais sans succès. Si je demande http://zone.spip.org/trac/spip-zone/changeset/latest/_plugins_/links?old_path=/&format=zip j’obtiens alors la dernière version, et si je tente te placer un 3.2.6 quelque part, je ne dois pas avoir la bonne syntaxe, j’ai toujours une réponse de chemin inconnu… même en ayant parcouru toute la page de la zone facile avant de poser cette question :-(

    • Le 21 mars 2015 à 19:42, par Karen En réponse à : Liens explicites

      Bonjour,

      Je reviens sur le sujet car ça me pose problème de ne pas pouvoir utiliser la compression JS sur les sites ou j’utilise ce plugin, sans quoi l’ouverture dans une nouvelle fenêtre ne fonctionne plus, depuis le passage à la version 3.2.7…
      Si personne ne trouve la solution, est-ce que quelqu’un aurait la version 3.2.6 à me fournir ? J’ai fait la bêtise de ne pas sauvegarder la version avant la mise à jour, et maintenant je n’ai pas de quoi revenir en arrière… et apparemment je suis trop une bille pour parvenir à la récupérer sur spip-zone, quelque chose m’ayant échappé ??
      D’avance merci pour ce dépannage qui me serait fort utile.

      Bien cordialement,
      Karen

    • Le 3 mai 2015 à 16:03, par Karen En réponse à : Liens explicites

      Un grand merci pour la mise à jour 2.3.9 qui règle les problèmes que l’on rencontrait avec la compression du JS !

    Répondre à ce message

  • Le 21 février 2013 à 18:33, par En réponse à : Liens explicites

    Je viens de rencontrer un souci avec ce plugin, et un lien de type :

    <link href='http://fonts.googleapis.com/css?family=mafont' rel='stylesheet' type='text/css'>

    qui est modifié en
    <link type="text/css" rel="external" href="http://fonts.googleapis.com/css?family=mafont" target="_blank" class="external" title=" (nouvelle fenêtre)">
    quant le plugin est activé.

    En modifiant la ligne 5 du fichier « links.js » comme ceci

            jQuery("(a|area)[href*='://']:not([href^='"+links_site+"']):not([href^='javascript:']):not([href^='mailto:']):not([href^='http://fonts.googleapis.com'])")

    cela permet de contourner l’erreur, mais est-ce qu’il n’y aurait pas une meilleure écriture ?

    • Le 18 juin 2013 à 15:36, par Valéry En réponse à : Liens explicites

      J’ai rencontré le même problème. Globalement il faudrait pouvoir cibler plus finement quels contenus sont ciblés ou non voire disposer d’un filtre à appliquer à une balise (par exemple n’avoir le comportement que sur les liens dans le champs #TEXTE).

    • Le 18 juin 2013 à 15:48, par Cerdic En réponse à : Liens explicites

      Le bug est corrigé en version 2.3.6

    Répondre à ce message

  • Le 10 avril 2012 à 15:29, par ubiq En réponse à : Liens explicites

    Merci !
    Oui, merci, parce que même si c’est pas bien, ça fait parti des choses souvent demandées.

    Répondre à ce message

  • Le 19 décembre 2011 à 16:41, par Loiseau2nuit En réponse à : Liens explicites

    Hello !

    J’ai un comportement étrange avec ce plugin. Dès que je l’active, il fonctionne très bien par contre, la plupart des JS appelés après lui plantent.

    Ainsi j’ai plusieurs plugins, tels socialtags, GooglePlus1, ou des JS externes tels innerfade ou coda slider, qui refusent obstinément de fonctionner tant que links est actif.

    Quelqu’un a déjà eu ça ?

    • Le 14 janvier 2012 à 17:09, par Nstr En réponse à : Liens explicites

      Oui, je confirme qu’il y a un problème.
      J’ai le même comportement avec l’inclusion de css depuis Google webfonts.
      Le « restylage » des liens fonctionne comme il faut, mais l’inclusion de scripts extérieurs sont plantés dès que l’on active l’ouverture dans une nouvelle fenêtre.
      C’est ennuyeux...

    • Le 14 janvier 2012 à 17:20, par Nstr En réponse à : Liens explicites

      Résolu avec un bidouillage crado.

      Dans link.js, remplacer (ligne 5) :

      jQuery(« (a|area)[href*=’ ://’]:not([href^= »+links_site+« ]):not([href^=javascript :]):not([href^=mailto:]) »)

      par :

      jQuery(« a[href*=’ ://’]:not([href^= »+links_site+« ]):not([href^=javascript :]):not([href^=mailto:]) »)

      La conséquence, c’est que les images mappées ne sont plus prises en charge (perso je m’en fiche un peu).

      La surcharge n’est pas une mauvaise idée !

    • Le 14 janvier 2012 à 17:23, par Loiseau2nuit En réponse à : Liens explicites

      Ah yes ! Merci pour la bidouille ! Oui en surcharge, le temps de trouver une solution plus pérenne ca peut gérer. :)

    Répondre à ce message

  • Le 26 octobre 2011 à 11:02, par chag En réponse à : Liens explicites

    Bonjour,

    Je viens d’installer le plugin et j’obtiens une erreur au chargement de mes pages :

    links_site is not defined

    il faut un autre plugin ou qqchose de particulier que j’ai raté ?

    Chag

    • Le 26 octobre 2011 à 11:36, par chag En réponse à : Liens explicites

      en regardant un peu le code, je vois :

      function targetLinks()
      var where ;
      where=« _blank » ;

      jQuery(« (a|area)[href*=’ ://’]:not([href^= »+links_site+« ]):not([href^=javascript :]):not([href^=mailto:]) »)

      where est bien defini mais links_site (dans la derniere ligne) non. la version dispo via ajouter un plugin de spip est elle à jour ?

    • Le 27 octobre 2011 à 00:02, par chag En réponse à : Liens explicites

      ok, j’ai trouve un peu de temps ce soir. Donc, si on coche « forcer l’ouverture(...) », on doit forcement cocher les 2 cases en dessous : Liens externes ET Documents à télécharger. Sinon, ca ne marche pas, on a l’erreur citée dans mon premier message.

      Chag

    Répondre à ce message

  • Le 18 juin 2011 à 12:31, par Mist. GraphX En réponse à : Liens explicites

    je ne conteste pas au sein des articles, par contre quand j’ai une image « j’aime » facebook ou une icone « Tweeter » elle est remplacé par l’image gif dans tous le template ce qui casse un peut la déco ;-) « si vous voyez ce que je veux dire » lol

    par exemple sur le plugin social_tags : les icones pointes vers des liens ouvrant et apparait a coté le gif lien_ouvrant

    • Le 25 juillet 2011 à 11:32, par keev En réponse à : Liens explicites

      C’est vrai que c’est pas top, qqun pour faire qqch ?

    • Le 25 juillet 2011 à 12:06, par tetue En réponse à : Liens explicites

      Il suffit d’éditer votre feuille de style pour annuler le style appliqué là où vous ne le souhaitez pas (personne ne peut deviner ça mieux que vous), en saupoudrant des « padding-right: 0; background-image: none; ».

    • Le 17 août 2011 à 11:41, par keev En réponse à : Liens explicites

      Merci pour la réponse tetue !

    Répondre à ce message

  • Le 1er août 2011 à 09:47, par Malorie En réponse à : Liens explicites

    Mon problème : qu’un article avec une redirection vers un lien externe s’ouvre dans une nouvelle fenêtre.
    Après installation du plugin et paramétrage, il s’ouvre toujours dans la même fenêtre...
    Quelqu’un a-t-il une idée ? Merci d’avance.

    Répondre à ce message

  • Le 30 juillet 2011 à 14:51, par ? En réponse à : Liens explicites

    Bonjour,
    SPIP en version 2.10 les documents proposés dans un article ouvrent systématiquement dans une nouvelle fenêtre ce n’est pas ce que je peux.
    j avais essayé avec ce plugin mais cela ne solutionne pas mon problème

    merci de vos idees sur la question

    • Le 30 juillet 2011 à 17:05, par tetue En réponse à : Liens explicites

      Non, SPIP ne modifie pas le comportement des liens et ne force donc pas l’ouverture de nouvelle fenêtre. Il y a vraisemblablement un target="_blank" dans vos squelettes : si c’est le cas, ce plugin n’y pourra rien. Sinon, cherchez parmi vos plugins.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mode portail Communiquant pour SoyezCréateurs

    29 septembre 2010 – 20 commentaires

    5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une. Zonage Configuration Zone d’entête Nom du site Slogan si plugin bandeau présent (...)

  • Configurer Sparkpost

    25 avril – 14 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

  • Plugin Logo SVG : pouvoir utiliser des logos SVG

    17 octobre – commentaires

    Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l’acceptait pas sur les logos. Ce plugin comble ce manque. Comment ça fonctionne ? Vous installez ce plugin, vous l’activez, et c’est tout. Crédits Une (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 58 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 65 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

Ça spipe par là