WYSIWYG : composer un message et bien plus encore...

[scaz]

Dans la version 4.0 du forum, la partie pour composer un message diffère de la version précédente, puisqu'elle utilise une interface dites WYSIWYG, qui signifie en anglais "What You See It's What You Get" que l'on pourrait traduire par "Ce que vous voyez est ce que vous obtenez".
 
Par définition et afin de mieux comprendre :

Un logiciel WYSIWYG est un logiciel qui dispose d'une interface qui donne à l'utilisateur la possibilité de voir son document tel qu'il sera publié. Ces logiciels donnent de plus un accès intuitif aux fonctionnalités et permettent de cette manière de réaliser la mise en forme du document sans avoir à mémoriser et à utiliser des commandes spécifiques.

 
1. Composition d'un simple message contenant du texte et sa mise en forme
 
Pas de grand changement de ce côté-là, c'est similaire à la précédente version (texte en gras, couleur, centré etc.. la mise en forme s'affiche directement dans l'éditeur)
 

 
2. Ajouter une image et la redimensionner
 
Pour ajouter une image vous avez le choix entre importer votre image directement de votre ordinateur (en faisant un glisser-déposer ou en choisissant votre fichier) ou en insérant l'url de l'image si celle-ci est hébergée sur un site. C'est de cette dernière méthode que je vais parler ici car la façon de le faire est différente dans cette nouvelle version. Comme à votre habitude, copiez le lien de l'url de votre image mais au lieu de cliquer sur l'icône "insérer une image" (icône qui disparait dans la nouvelle version) il vous suffit tout simplement de coller votre lien dans l'éditeur :
 

 
Il ne vous reste plus qu'à faire un espace ou de cliquer sur la touche "entrer" pour valider. Le lien est automatiquement reconnu comme étant une image (grâce à l'extension en .png, .jpeg etc...) et le lien disparait pour laisser place à votre image :
 

 
L'image vous parait trop grande et vous souhaitez la redimensionner ? Pour cela il vous suffit de faire un double clic sur votre image et un pop-up apparait :
 

 
Il ne vous reste plus qu'à modifier la taille :
 

 
 
Et de cliquer sur "mettre à jour". Votre image apparaitra avec ses nouvelles dimensions :
 

 
 
Vous pouvez aussi, si vous le souhaitez, ajouter une bordure, une marge, mettre votre image à droite ou à gauche et d'ajouter une url qui, lorsque vous cliquerez sur l'image, vous orientera vers le lien.
 
3. Spoiler
Dans l'éditeur de texte, lorsque vous souhaitez mettre une partie de votre message en spoiler, il vous suffit de sélectionner votre message à mettre en spoiler et de cliquer sur l'icône 

Le contenu de votre spoiler sera affiché dans un fond noir :

 

 
Une fois votre message publié, le spoiler s'affichera sous cette forme :

 

 

Comme d'habitude avec le spoiler, il suffit de cliquer dessus afin d'afficher son contenu :

 

 

4. Citer un message
Pas de grande nouveauté sur la citation d'un message, si ce n'est l'ajout de cette petite icône  dans le coin supérieur gauche :

 

 
Ce dernier sert à afficher/masquer le message cité. Utile lors des multi-citations lorsque celui-ci commence à prendre trop de place dans le corps du message et que cela gêne votre lisibilité pour l'ensemble des messages de la même page :

 

 

L'autre icône  située dans le coin supérieur à droite, ne subit aucun changement puisque celle-ci sert à se rendre sur le message original qui a servit à la citation.

 

5. Ajouter un lien
 
     - lien externe : vidéo (youtube etc...) ou un message provenant des réseaux sociaux (facebook, twitter, vine etc...)
     Pas de réel changement sur la façon de mettre un lien, il vous suffira toujours de faire un copier-coller de l'url, la mise en forme se fera automatiquement.

 

     - lien interne : vers un sujet ou un message du forum 

     Si il vous faut mettre un lien vers un sujet ou un message posté sur le forum, lorsque vous collerez l'URL du lien celui-ci se présentera, dans votre message, sous cette forme :

 

Pour un message :

 

 

Pour un sujet :

 

 

6. Utiliser un code html
Pour les utilisateurs avertis, il sera possible de faire un message en html afin d'apporter ça touche personnelle à son message et d'appliquer une mise en forme plus complète.

 

Quelques exemples :

• Bouton cliquable avec une icône

 

• Message encadré (rouge pour attirer l'attention et vert pour faire une validation). L'exemple ci-dessous peut, par exemple, servir dans les commandes groupées afin de déterminer les membres qui ont payé et ceux qui sont en attente pour leurs paiements. 

 

 

Mais ce n'est qu'un exemple, cela peut très bien servir pour autre chose (pour le staff lorsque son message mérite son attention). 

 

• Si le membre a besoin de donner une note dans son message (par exemple pour l'avis d'un film etc...) 

 

Petit exemple des multiples possibilités. 

 

7. Interpeller un membre
 
Lorsque l'on s'adresse à un membre en particulier, on utilise cette forme : 

@scaz

 

Mais encore faut-il que le membre en question, à qui l'on s'adresse, passe par là pour voir le message. 

Afin que le membre puisse être au courant qu'il a été mentionné dans un message, il recevra une notification pour l'en avertir. 

 

Dans la partie pour composer un message, il suffit de mettre l'arobase "@" suivi du pseudo du membre, dès les deux premières lettres des propositions s'affichent montrant la liste des membres correspondant au pseudo que l'on souhaite utiliser :

 

 

Vous pouvez très bien mettre le pseudo dans son intégralité si vous en connaissez l'orthographe exacte. Ensuite il vous suffit de taper votre message après avoir fait un espace afin de séparer le pseudo du membre au message qui lui est destiné et de cliquer sur "envoyer". 

 

 

Le membre en question recevra une notification pour l'avertir qu'il a été mentionné par le membre "x" dans le sujet "z" :

 

Modifié 10 janvier 2015 par scaz