link

Link
Pour respecter le principe de UP qui veut que toutes les informations soient visibles, cette action permet d'indiquer un lien vers un site Internet ou une adresse email en précisant le style, la destination, une icône
 

🆙 link : Affiche un lien vers une URL, un numéro de téléphone ou un mail

Cliquer pour lire la documentation

syntaxe {up link=URL | label=label | blank | class=...}
@author: LOMART @version: UP-2.7 @license: GNU/GPLv3 @tags: editor
  • link: URL ou EMAIL pour l'attribut href
  • label: texte alternatif pour le lien
  • blank: ouvre le lien dans un nouvel onglet

Icône

  • icon: icone affichée devant le lien : 0=pas d'icône, 1=icône par defaut, Unicode, fonticon ou image
  • icon-style: classes et styles pour l'icône
  • icon-url = Ux1F517: Icone par defaut pour les URL
  • icon-phone = Ux260E: Icone par defaut pour les téléphone - v2.9
  • icon-mail = Ux2709: Icone par defaut pour les MAIL

Style CSS

  • id: identifiant
  • class: classe(s) pour bloc
  • style: style inline pour bloc
  • css-head (base-css): style ajouté dans le HEAD de la page

Divers

  • font-prefix = icon-: pour icomoon ou 'fa fa-' pour font-awesome (a mettre dans pref.ini)
  • filter: conditions. Voir doc action filter (v2.9)

Version 2.9
  • accepte numéro de téléphone et protocole (ex: skype:littlebig_man?call)
  • ajout option filter (pour afficher phone uniquement sur mobile)

Voir les nouveautésreplier

Un exemple simple

Les shortcodes

{up link=lomart.fr}
{up link=contact@monsite.com}

Le résultat

lomart.fr
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

Vous allez me dire "tous les éditeurs permettent de faire cela", pourquoi utiliser cette action ?

Déjà, l'action va compléter l'url ou l'adresse email avec le protocole adéquat (// ou mailto:)

Si vous voulez donner un style à votre lien, c'est là que UP vous aide ...

Les shortcodes

{up link=lomart.fr 
 | label=le site de lomart
 | icon | blank}
{up link=contact@monsite.com
 | label=me contacter
 | icon }

Les options :

  • label : par défaut, le texte affiché est le lien fourni sans la mention http://. Vous pouvez utiliser cette option pour fournir un texte alternatif.
  • blank : pour les URLs, le lien sera ouvert dans un nouvel onglet
  • icon : ajoute une icône devant le label. L'option sans argument affiche l'icône définie par les options : icon-url et icon-mail.
    Toutes ces options acceptent un caractère Unicode sous la forme Ux123, une fonticon ou le chemin vers une image jpg, png ou gif

Les icônes

Il existe plusieurs méthode pour ajouter une icône devant le lien

La plus simple, juste ajouter l'option icon sans argument pour que UP ajoute l'icône définie par UP ou le webmaster dans les options icon-mail et icon-url en fonction du type de lien.

{up link=contact@monsite.com | icon }
{up link=contact@monsite.com | icon=Ux279C }
{up link=contact@monsite.com | icon=images/icon/mail.png }

 

{up link=contact@monsite.com | icon=envelope}
{up link=contact@monsite.com | icon=address-card | class=fs150 t-red | font-prefix=fa fa-}
{up link=skype:littlebig_man?call | label=me contacter avec skype}

Astuce

Dans le dernier exemple, l'option class fixe la taille de la police à 150% et la couleur sur rouge.

{up link=contact@monsite.com
 | label={up icon=address-card,red,2rem | prefix=fa fa-} 
contact@monsite.com
}
Pour info, cette page utilise 25 action(s) :
box (1) upactionslist (1) readmore (1) csv2def (1) flexauto (5) link (13) listup (1) icon (1) jcontent-info (1)
Détails