L'Air du Bois est une plateforme Open Source de partage collaboratif ouverte à tous les amoureux du travail du bois. (En savoir plus)

Rejoindre l'Air du Bois Se connecter

Boris Beaulant

Mon cadeau pour Noël : Amélioration du rendu des liens

Mon cadeau pour Noël : Amélioration du rendu des liens +

Bonjour à tous,

Ca fait un petit bout de temps que je me dis que ce qui nous manque, c'est un moyen de renvoyer d'une publication interne à une autre à travers un commentaire ou n'importe quel descriptif de façon simple.

Copier-Coller le lien l'URL de la page était une façon simple de faire ça, mais en l'état cette solution n'était pas très visuelle et engageante pour les visiteurs. Un texte barbare en orange, ça donne pas forcément envie de cliquer dessus ... hihi.

Après, le copier-coller de l'url, c'est bien. C'est assez pratique et on y est habitué.
Le coeur du travail s'est donc concentré à transformer juste l'affichage de cette URL en un bel aperçu avec image, titre et auteur de la publication concernée.

A noter que les liens insérés avec le boutons "URL/Lien" de la zone de texte restent inchangés. Seuls les URLs collées directement dans le texte prennent en compte cette évolution.

Lien vers une publication L'Air du Bois

Est appelé "publication", une création, une question, un plan, un pas à pas, etc ...

Avant

  • Lien seul avec "https://"
  • Lien tronqué
  • Il faut cliquer dessus pour avoir de l'info

Après

  • Aperçu de la publication avec photo + titre
  • Dans le cas de Livre comme ici, indication des avis
  • Cadre cliquable et intégré au texte

L'aperçu est bien entendu cliquable et vous permet d'accéder directement à la publication en question.
L'autre avantage c'est que le contenu affiché dans cet aperçu est dynamique et donc si l'auteur change le titre ou l'image, ces changements se répercutent automatiquement.

Et voici un vrai exemple :

Liens vers autre chose

Cette remise en forme des liens ne s'est pas arrêtée là. Un autre petit traitement cosmétique s'est trouvé appliqué sur les liens. En effet, le "http://" n'avais pas grand intérêt. Il a donc disparu.
En plus de ça, les URL externes pouvant être très longues et pas très jolies à voir, elles sont tronquées.

Or dans pas mal de cas, de les tronqués (à 30 caractères) à la fin uniquement peut nous perdre.
Du coup, maintenant, les URL sont tronquées au milieu. Comme ça le début (sans le http) et le fin sont encore lisibles.

En plus de tout ça, un petit symbole va précéder le lien. Si ce dernier est interne à L'Air du Bois, c'est un "+", s'il est externe, c'est une petite terre.

Exemples

Voilou, c'est mon petit cadeau de Noël 🎄.

Alors, Joyeuses Fêtes à tous !

Mis à jour

Discussions

Boris Beaulant  a publié le sujet "Mon cadeau pour Noël : Amélioration du rendu des liens".
il y a 4 ans
Zorro

Merci beaucoup pour ce cadeau qui va rendre les fils de discussion beaucoup plus sympathiques à lire. Encore une fois, tu as eu une bonne idée ! J'en profite pour te souhaiter, à toi et à tous ceux qui liront ce message de très belles fêtes de fin d'année.

gatien

Pour le coup, voilà une vraie bonne évolution (les autres aussi bien sur). Bien. Joué Boris

BaptisteC

Merci !

DocEmmettBrown
( Modifié )

Encore une belle évolution !

Bonnes fêtes à toi aussi Boris Beaulant ainsi qu'à tous les boiseux et non boiseux qui passent par ce merveilleux site de partage.
(Et merci pour le cadeau !)

Pickup27

Merci et tout mes voeux à tous pour 2020
Daniel

Mike0411

Merci Boris et joyeux noël a toi ! 😉

Fabien R

Rahlala, tu nous gâtes !!
Merci Boris, et de très bonnes fêtes de fin d’année!

vimilon43

Merci Bpris pour tout ce travail qui nous facilite la vie et grâce auquel nous revenons tous les jours plus nombreux sur ton site déjà super super intéressant. Merci encore et une nouvelle fois je te souhaite et vous souhaite à tous d'excellentes fêtes de fin d'année.

bernardrebout

Merci Boris, joyeux fêtes à tous !

Niouniou

Merci Boris, joyeuses fêtes à toi en particulier mais aussi à tous les boiseux de France et de Navarre qui passent (et qui s'arrêtent !!) Ici!!

othello

Merci Boris pour ce super site et très bonnes fêtes à toi et à tout le monde.

shuri

Merci papa Boris

Tarazhilt

en 2 mots: bravo et merci.
Et puis non, j'en rajoute un peu....
Bonnes fêtes de fin d'année à toi Boris, ainsi qu'à tes proches et à vous aussi les amoureux du bois.

dependancesbois
( Modifié )

Encore une chouette amélioration ! Par contre sur le texte en orange, on a la possibilité, avec le clic droit de l'ouvrir dans un nouvel onglet, ce que ne nous donne pas la nouvelle version. n'y a t'il pas moyen de faire une ouverture dans un nouvel onglet par défaut ?
Encore merci Boris et passes de bonnes fêtes! ainsi que tous les adebéistes!!!

Boris Beaulant
( Modifié )

Arf, non, il n'y a pas le clique droit, parce que c'est un faux lien qui contient un autre lien (le pseudo de l'auteur). En HTML, il n'est pas possible d'imbriquer des liens.
Par contre, même s'il n'y a pas le clique droit, il y a le CTRL + Clique (ou CMD + Clique sur Mac), qui fonctionne et ouvre dans un nouvel onglet.

Tous les liens internes à LADB ouvrent par défaut dans l'onglet courant (c'est un peu comme une navigation). Alors que les liens externes dans un nouvel onglet.

dependancesbois
( Modifié )

Boris Beaulant Quelle réactivité !!!! Super pour le CTRL + clique je ne connaissais pas ! merci !!!!

Boris Beaulant

Haha, je t'aurais bien dit, qu'il y a aussi le clique sur le molette qui ouvre dans un nouvel onglet quand on clique sur un lien. Mais là, comme c'est pas un lien ... :P

dependancesbois
( Modifié )

Boris Beaulant cool!!! un clique de plus dans ma panoplie !!! 😜

labulle

Bonne fetes de fin d'année

Grabouille
( Modifié )

du coup j'essaie :

Juste pour voir cette belle idée en action.

Grabouille
( Modifié )

ça marche trop bien ! merci.

DocEmmettBrown

quelle belle auto-promo ! 😂😂

Olivier80

Bravo et merci pour tout ce temps et ces efforts offerts à la communauté

Boris Beaulant
( Modifié )

Content que tout ça vous plaise !


... peut-être que le prochain chantier ça sera la rubrique (j'espère pas trop polémique) d'annonces ...

Sarcelle sculptée formation Jean-Michel Lecat
( Modifié )

Bonjour,
merci pour ce nouveau cadeau Boris Beaulant
Le sapin de L'Air du Bois est de mieux en mieux garni…

Kentaro

C'est quand même fous ce qu'on peut faire, de nos jours...

Niouniou
( Modifié )

Salut Boris, merci pour cette nouvelles fonctionnalité! Je lui reproche une chose depuis peu : le clic droit "ouvrir dans un nouvel onglet" n'est pas proposé... Dommage, mais c'est peut-être faisable, je n'en ai aucune idée...

Boris Beaulant

Oui, c’est vrai. Mais le CTRL + clique marche :)

Boris Beaulant
( Modifié )

Bon, puisqu'il n'est pas possible de laisser un utilisateur dans la détresse 😢. Je viens de faire quelques modifs.

▶ Le clique droit (et le clique molette) sont désormais accessibles sur le titre et l'image de ces vignettes. Partout ailleurs dans la case, seul le CTRL + Clique sont possible pour ouvrir dans un nouvelle onglet (contrainte technique).

trente six seb

Super ! ça me manquait aussi !

Mike0411
( Modifié )

Boris Beaulant arrête toi un peu, tu ne pourras pas combler tout le monde Boris. Je ne t'apprends pas que l'expérience utilisateur n'est pas universelle😉

Boris Beaulant
( Modifié )

Mike0411 en fait, je ne fais que bien peu de chose que je n'ai pas besoin moi même :P
Sous le couvert de vous rendre service, je fais ce qui me manque en tant qu'utilisateur en premier lieu.
Mais pour le marketing, ça fait mieux de dire que je l'ai fait pour vous ... hihi

gatien

Lol. Bien vu le marketeur... En tout cas super réactivité

Niouniou

Faut lui donner des challenges de temps en temps, sinon, Boris s'ennuie !! 😜
Merci, je teste ça sur l'ordi ce soir... Je n'ai pas l'habitude d'utiliser le CTRL click, je suis plus clic droit...
Mais bon, les habitudes... Tout le monde sait ce qu'il en est... Et la résistance au changement, tout ça... Je deviens ronchon,. Ça promet !!

Boris Beaulant
( Modifié )

Niouniou je suis conscient que le CRTL + Clique ça fait utiliser deux mains (mais c'est plus rapide).
Enfin, plus rapide et à une seule main, c'est le clique sur la molette (si on a une molette, bien entendu, ça exclu les trackpads et cie ...)

Mike0411
( Modifié )

Boris Beaulant mouai pour le coup pas sur que ce soit une fonctionnalité dont tu avais besoin vu le nombre d'autres raccourcis que tu connais 😉

Kentaro
( Modifié )

Je ne savais même pas qu'on pouvait faire ça...

Edit: Après avoir essayé, ben, je trouve que c'est pas naturel... il faut cliquer deux fois, une fois sur le truc droit, lire la liste des options proposées, faire tourner un neurone pour comprendre qu'il faut cliquer sur le premier truc, puis à nouveau cliquer... Trop compliqué pour moi...

Boris Beaulant
( Modifié )

Kentaro c'est pour ça que le clique avec la molette sur un lien est bien plus pratique. Pas besoin de se torturer le cerveau !

Mike0411 si, parce que le clique molette ne fonctionnait pas non plus. Et comme c'est celui que j'utilise ...

trente six seb
( Modifié )

Boris Beaulant +1 pour le clic molette

Mike0411
( Modifié )
Kentaro

Quelle molette ? z'ai pas de souri...

Boris Beaulant
( Modifié )

Kentaro haha, c'est ça l'informatique du XXIème, on retire ce qui était utile au XXème et on fait croire au progrès !

Kentaro
( Modifié )
Connectez-vous pour ajouter un commentaire.
1 052 vues
42 commentaires

Publications associées

0 collection
Voir aussi
Table des matières