Commandes exemples
Comment documenter des commandes
Date
Permet de récupérer la date du jour
| Paramètre | Requis | Type | Description |
|---|---|---|---|
| aDateTime | oui | Date | Affiche la date |
19 avr. 2024 20:09:06
[@dateMacro
aDateTime=.now
/]
Titre
Permet d'afficher un titre normaliser
| Paramètre | Requis | Type | Description |
|---|---|---|---|
| titre 1 | oui | String | Affiche le titre |
| sous_titre 1 | non | String | Affiche le sous text |
| sous_titre 2 | non | String | Affiche le sous text |
Lorem ipsum
Lorem ipsum
Lorem ipsum
[@macroTitre
titre="Lorem ipsum"
sous_titre="Lorem ipsum"
sous_titre2="Lorem ipsum"
/]
Div Couleur
Permet d'afficher une jolie div de couleur avec une icon et du texte
| Paramètre | Requis | Type | Description |
|---|---|---|---|
| Icon | oui | Icon | Affiche une icon |
| titre | oui | String | Affiche le titre |
| text | oui | String | Affiche le text |
| couleur | oui | String | Changer la couleur |
Titre 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis purus condimentum accumsan tincidunt. Sed consequat tempor blandit. Donec dapibus nunc aliquet pulvinar rhoncus.
Bouton 1Titre 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis purus condimentum accumsan tincidunt. Sed consequat tempor blandit. Donec dapibus nunc aliquet pulvinar rhoncus.
Bouton 2Titre 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis purus condimentum accumsan tincidunt. Sed consequat tempor blandit. Donec dapibus nunc aliquet pulvinar rhoncus.
Bouton 3
[#assign listdimatext = [
{
"couleur_dima": "pink",
"icon_dima": "icon-chemistry",
"titre_dima": "Titre 1",
"text_dima": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis purus condimentum accumsan tincidunt. Sed consequat tempor blandit. Donec dapibus nunc aliquet pulvinar rhoncus.",
"lien_dima": "www.google.com",
"bouton_dima" : "Bouton 1"
},
{
"couleur_dima": "teal",
"icon_dima": "icon-layers",
"titre_dima": "Titre 2",
"text_dima": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis purus condimentum accumsan tincidunt. Sed consequat tempor blandit. Donec dapibus nunc aliquet pulvinar rhoncus. ",
"lien_dima": "www.google.com",
"bouton_dima" : "Bouton 2"
},
{
"couleur_dima": "purple",
"icon_dima": "icon-trophy",
"titre_dima": "Titre 3",
"text_dima": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque convallis purus condimentum accumsan tincidunt. Sed consequat tempor blandit. Donec dapibus nunc aliquet pulvinar rhoncus. ",
"lien_dima": "www.facebook.com",
"bouton_dima" : "Bouton 3"
}
] ]
[#include "template(6356)"]
[@macroListDimatext ListDimatext=listdimatext /]
@macroBan
Permet d'ajouter une bannière avec possibilité d'avoir un lien, de choisir la couleur et l'alignement
| Paramètre | Requis | Type | Description |
|---|---|---|---|
| alignement | oui | string | choix du de l'alignement d'écriture (gauche, droite ou sans) |
| color | oui | string | choix de la couleur de fond de la bannière |
| texturl | oui | string | choix du texte du lien |
| text | oui | string | choix du texte à aligné |
| url | oui | string | choix du lien |
Lorem ipsum dolor sit amet
Lorem Ipsum
[@macroBan alignement="droite" color="teal" texturl="Lorem Ipsum" text="Lorem ipsum dolor sit amet" url="#"/]
@macroService
Permet l'affichage d'un bloc contenant un titre, un icone et du texte
La liste des icones est disponible via ce lien : https://htmlstream.com/preview/unify-v2.6/unify-main/shortcodes/icons/shortcode-base-icon-line-icons-pro-1.html
Ou bien celui-ci : https://htmlstream.com/preview/unify-v2.6/unify-main/shortcodes/icons/shortcode-base-icon-line-icons-pro-2.html
Il n'y a pas de limite sur l'ajout de texte, il faut juste l'ajouter dans la séquence
| Paramètre | Requis | Type | Description |
|---|---|---|---|
| titre | oui | string | choix du titre |
| description | non | string | choix de la description |
| icone | oui | string | choix de l'icone |
| seq | oui | sequence | liste du texte a ajouter |
Lorem Ipsum
lorem ipsum
- Lorem
- ipsum
- dolor
- sit
- amet
- consectetur
- adipiscing
- elit
- sed
- do
- eiusmod
- tempor
- incididunt
- ut
- labore
[@macroService titre="Lorem Ipsum"
description="lorem ipsum"
icon="icon-education-087"
seq = ['Lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipiscing', 'elit', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore']
/]
@macroService2
Permet l'affichage d'un bloc contenant un titre et un icone
La liste des icones est disponible via ce lien : https://htmlstream.com/preview/unify-v2.6/unify-main/shortcodes/icons/shortcode-base-icon-line-icons-pro-1.html
Ou bien celui-ci : https://htmlstream.com/preview/unify-v2.6/unify-main/shortcodes/icons/shortcode-base-icon-line-icons-pro-2.html
| Paramètre | Requis | Type | Description |
|---|---|---|---|
| titre | oui | string | choix du titre |
| icone | oui | string | choix de l'icone |
Lorem ipsum dolor sit amet
[@macroService2 titre="Lorem ipsum dolor sit amet" icon="icon-education-116 u-line-icon-pro"/]