Une fois que l’on est en mode prévisualisation dans la partie publique, on peut double-cliquer dans une zone blanche ou sur du texte ou cliquer sur le petit crayon en haut à droite qui apparait au survol pour afficher une fenêtre de modification du code, ainsi on peut voir immédiatement ce que donnent les modifications opérées (mais parfois il faut "recalculer" la page).
Titre niveau 1 entre 3 accolades {{{ ouvrantes et 3 accolades fermantes}}}
Titre niveau 2 entre 3 accolades {{{** ouvrantes et 3 accolades fermantes}}}
Titre niveau 3 entre 3 accolades {{{*** ouvrantes et 3 accolades fermantes}}}
Texte barré entre les balises <del> et </del>
A noter que les raccourcis clavier pour mettre en gras et en italique fonctionne directement.
liste à puce avec des tirets
suite de la liste
suite etc
- liste à puce avec tirets et étoile (-*)
- suite de cette liste
- suite encore
- liste numérotée (-#)
- encore
4 tirets = ligne horizontale
Pour sauter des lignes supplémentaire insérer le caractère ~ en début de chaque ligne blanche à créer.
Pour alterner texte à gauche/image à droite et image à gauche/texte à droite :
Il y a une balise ouvrante pour le bloc : [multi_colonnes] et une balise fermante : [/multi_colonnes]
Ensuite il y a une balise ouvrante et une balise fermante pour chaque colonne qui occupe 50% de la largeur disponible :[colonne_50] et [/colonne_50]
Texte allant avec l’image. A noter que pour que l’image occupe la largeur totale de sa colonne il faut la "retirer du Portfolio" si elle s’y trouve.
Pour que ce soit esthétique il faut veiller à ce que le texte soit assez long pour occuper la hauteur de l’image tout en faisant attention à ce que cela donne quand on étroitise l’écran, pour voir le comportement sur appareil mobile et plus petits écrans.
Le texte s’aligne verticalement par rapport au centre de l’image.
Un page exemple pour cette méthode : celle des volets battants
Blocs d’images avec textes dessous
On peut aussi créer un ensemble ce "cartes" de hauteurs et largeurs égales quelque soit l’image et le texte. Pour cela j’ai créé ce que l’on appelle un modèle, en fait j’en ai créé 2 :
- un pour un ensemble d’image au format paysage que l’on insère au moyen du raccourci :
<galerie|ids=55,63,78>où les chiffres derrière ids correspondent aux numéros des photos, que l’on retire par ailleurs du portfolio. Exemple article portails - un pour un ensemble d’image au format portrait que l’on insère au moyen du raccourci :
<galeriev|ids=xx,yy,zz>où les chiffres derrière ids correspondent aux numéros des photos, que l’on retire par ailleurs du portfolio. Exemple article pose
Attention le texte affiché est celui qui figure dans le champ "description" de la photo. Il convient donc de le retirer du corps de l’article et de le mettre au bon endroit.