
{up link=URL | label=label | blank | class=...}
- link: URL ou EMAIL pour l'attribut href
- label: texte alternatif pour le lien
- blank = 0: ouvre le lien dans un nouvel onglet
- icon = 0: icone affichée devant le lien : vide=defaut, Unicode, fonticon, image
- icon-style: classes et styles pour l'icône
- icon-url = Ux1F517: Icone par defaut pour les URL
- icon-mail = Ux2709: Icone par defaut pour les MAIL
- font-prefix = icon-: pour icomoon ou 'fa fa-' pour font-awesome (a mettre dans pref.ini)
- class: classe(s) pour bloc
- style: style inline pour bloc
- css-head (base-css): style ajouté dans le HEAD de la page
Un exemple simple
Les shortcodes
{up link=lomart.fr}
{up link=contact@monsite.com}
Le résultat
lomart.frCette 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=monsite.com | icon }
{up link=contact@monsite.com | icon }
{up link=contact@monsite.com | icon }
✉ Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. l'icône par défaut
{up link=contact@monsite.com | icon=Ux279C }
➜ Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. un caractère Unicode
{up link=contact@monsite.com | icon=images/icon/mail.png }
{up link=contact@monsite.com | icon=envelope}
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. une icône Font-Awesome
{up link=contact@monsite.com | icon=address-card | class=fs150 t-red | font-prefix=fa fa-}
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
}