Base de l’édition visuelle
L’édition visuelle, aussi appelée WYSIWYG pour What You See Is What You Get (signifiant « ce que vous voyez correspond à ce que vous obtiendrez » ;), vous permet de mettre en forme votre texte tandis que vous le tapez. L’éditeur visuel créé le code HTML en coulisse, tandis que vous vous concentrez sur l’écriture. Styles de la police, liens et image apparaissent de la même manière que lors de la publication sur Internet.
WordPress incorpore TinyMCE, un éditeur visuel que fonctionne dans la plupart des navigateurs disponibles aujourd’hui. Il est puissant mais limité. Coller du texte en provenance d'un autre éditeur de texte ne donnera pas forcément les résultats que vous escomptez. Si vous n’aimez pas la manière dont l’éditeur visuel fonctionne, vous pouvez le désactiver dans le formulaire Mon Profil, qui se trouve dans l’onglet Utilisateurs du menu d’administration.
Parce que le code HTML dépend du caractère « plus petit que » (<) pour afficher les pages Web, celui-ci est réservé au code HTML. Si vous souhaitez ajouter un « < » visible sur votre site, vous devez l’encoder de la manière suivante (sans les guillemets) : « < ».
Edition visuelle avancée
Image et fichiers joints
Certains navigateurs (pas tous) vous autorisent à glisser des images et autres données directement dans cet éditeur. La plupart des utilisateurs de Firefox peuvent glisser des images dans l’élément de mise en ligne (situé directement sous l'éditeur), et voir leur image immédiatement, avec le lien adéquat. Si vous ne pouvez pas faire cela, utilisez les fonctions de Copier / Coller pour insérer ’'image et les balises de lien. L’éditeur visuel affichera les images une fois que vous aurez sauvegardé l’article, ou rafraîchit l'affichage avec l’éditeur.
HTML dans l’éditeur visuel
Si vous souhaitez ajouter des éléments HTML qui ne sont pas générés par les boutons de l’éditeur, vous devez les entrer à la main (par exemple, <pre> et <code>. Tapez simplement le code dans l’éditeur. Si votre code est valide, et autorisé par l’éditeur, vous le verrez s’afficher correctement le prochaine fois que vous mettrez à jour l’affichage, par exemple en faisant une sauvegarde ou en utilisant l’éditeur HTML. Si vous voulez afficher "<" sur le Web, vous devez l’encoder sous la forme "<" dans l’éditeur.
Éditeur HTML
Plus votre publication devient complexe, plus l’éditeur aura du mal à comprendre vos intentions. Utilisez l’éditeur HTML pour affiner votre code, par exemple, les éléments complémentaires et les attributs. WordPress supprimera toutes les balises vides <p> et <br /> au profit d’une simple ligne. Cependant, il conservera toute balise ressemblant à ceci : <p class="anyclass"></p>. Lorsque vous utilisez l’éditeur HTML, tous les signes plus-petit-que sont doublement encodés : &lt;. Ceci permet d’assurer qu’ils s’affichent bien comme < dans l’éditeur de texte enrichi et comme < sur le web.
Ecriture rapide
Plutôt que d’attraper votre souris pour cliquer sur la barre d’outils, utilisez les raccourcis clavier. Windows et Linux utilisent Alt+<lettre>. Macintosh utilise Ctrl+<lettre>.
| Clé | Action | Clé | Action |
|---|---|---|---|
| b | Gras | f | Aligner à gauche |
| i | Italique | c | Aligner à droite |
| d | r | Aligner à droite | |
| l | • Liste | a | Insérer une ancre |
| o | 1. Liste | s | Retirer l’ancre |
| q | →Citer/indenter | m | Insérer une image |
| w | ←Retirer la citation/désindenter | t | Insérer la balise « More » |
| u | Annuler | e | Modifier en HTML |
| y | Refaire | h | Ouvrir l’aide |
A propos de TinyMCE
Version : 2.0RC4
TinyMCE est un éditeur WYSIWYG compatible avec toutes les plateformes, basé sur Javascript, délivré comme Open Source sous LGPL par Moxiecode Systems AB. Il peut convertir les champs HTML TEXTAREA ou autres éléments HTML en instances d’éditeur.
Copyright © 2005, Moxiecode Systems AB, tous droits réservés.
Pour plus d’information sur ce logiciel, visitez le site de TinyMCE .
