Bases de l’édition visuelle
L’édition visuelle, aussi appelée WYSIWYG pour What You See Is What You Get (signifiant « ce que vous voyez est ce que vous obtenez »), vous permet de mettre en forme votre texte tandis que vous le saisissez. L’éditeur visuel crée le code HTML en coulisse, tandis que vous vous concentrez sur l’écriture. Styles de la police, liens et images apparaissent de la même manière que lors de leur publication sur Internet.
WordPress comprend un éditeur HTML visuel qui fonctionne dans tous les principaux navigateurs web actuels. Cependant, on ne modifie pas du code HTML comme on saisit du texte. Chaque page web est faite de deux composants principaux : sa structure, qui est maintenue par le code HTML lui-même et est produite par l’éditeur tandis que vous écrivez, et sa mise en forme, qui est appliquée par le thème WordPress actuellement sélectionné, et est qui est définie par le fichier style.css. WordPress produit du code qui est valide pour la norme XHTML 1.0, ce qui signifie qu’insérer plusieurs retours à la ligne (balises BR) après un paragraphe ne produira pas d’espace blanc supplémentaire sur la page web. Les balises BR seront retirées, car elles seront considérées comme invalides par les fonctions internes de correction HTML.
Lorsque vous utilisez l’éditeur, les raccourcis clavier les plus basiques fonctionnent comme dans n’importe quel autre éditeur. Par exemple : Shift+Retour insère un retour à la ligne, Ctrl+C = copier, Ctrl+X = couper, Ctrl+Z = annuler, Ctrl+Y = rétablir, Ctrl+A = tout sélectionner, etc. (sur Mac, utilisez la touche Commande au lieu de Ctrl). Voir l’onglet Raccourcis Clavier pour connaître tous les raccourcis disponibles.
Si vous n’aimez pas la manière de fonctionner de l’éditeur, vous pouvez le désactiver depuis la page Votre Profil, dans le menu d’administration Utilisateurs.
Édition visuelle avancée
Images et fichiers attachés
Un des boutons de la barre d’outils de l’éditeur sert à insérer une image qui est déjà hébergée quelque part sur Internet. Si vous avez l’adresse web de cette image, cliquez sur ce bouton et saisissez l’adresse web dans la boîte qui apparaît.
If you need to upload an image or another media file from your computer, you can use the Media Library button above the editor. The media library will attempt to create a thumbnail-sized copy from each uploaded image. To insert your image into the post, first click on the thumbnail to reveal a menu of options. When you have selected the options you like, click "Insert into Post" and your image or file will appear in the post you are editing.
HTML dans l’éditeur visuel
Any HTML entered directly into the rich editor will show up as text when the post is viewed. What you see is what you get. When you want to include HTML elements that cannot be generated with the toolbar buttons, you must enter it by hand in the Text editor. Examples are tables and <code>. To do this, click the Text tab and edit the code, then switch back to Visual mode. If the code is valid and understood by the editor, you should see it rendered immediately.
Collage dans l’éditeur visuel
When pasting content from another web page the results can be inconsistent and depend on your browser and on the web page you are pasting from. The editor tries to correct any invalid HTML code that was pasted, but for best results try using the Text tab or one of the paste buttons that are on the second row. Alternatively try pasting paragraph by paragraph. In most browsers to select one paragraph at a time, triple-click on it.
Pasting content from another application, like Word or Excel, is best done with the Paste from Word button on the second row, or in Text mode.
Écrire à vitesse maximale
Plutôt que d’attraper votre souris pour cliquer sur la barre d’outils, utilisez les raccourcis clavier. Sous Windows et Linux, utilisez Ctrl+<lettre> sous Macintosh, utilisez la touche Commande+<lettre>.
| Lettre | Action | Lettre | Action |
|---|---|---|---|
| c | Copier | v | Coller |
| a | Sélectionner tout | x | Couper |
| z | Annuler | y | Rétablir |
| b | Gras | i | Italique |
| u | Souligner | 1 | Titre 1 |
| 2 | Titre 2 | 3 | Titre 3 |
| 4 | Titre 4 | 5 | Titre 5 |
| 6 | Titre 6 | 9 | Adresse |
Vous pouvez accéder aux raccourcis suivants via les touches : Alt+Shift+<lettre>.
| Lettre | Action | Lettre | Action |
|---|---|---|---|
| n | Vérifier l’orthographe | l | Aligner à gauche |
| j | Justifier le texte | c | Centrer |
| d | Barrer | r | Aligner à droite |
| u | • Liste | a | Insérer un lien |
| o | 1. Liste | s | Enlever le lien |
| q | Citation | m | Insérer une image |
| w | Distraction Free Writing mode | t | Insérer la balise « More » |
| p | Insérer la balise « Page break » | h | Aide |
Editor width in Distraction Free Writing mode:
| Alt +Ctrl + | Plus large | Alt -Ctrl - | Plus étroit |
|---|---|---|---|
| Alt 0Ctrl 0 | Largeur par défaut |
À propos de TinyMCE
Version : ()
TinyMCE est un éditeur WYSIWYG compatible avec toutes les plateformes, basé sur JavaScript, diffusé sous licence open-source LGPL par Moxiecode Systems AB. Il peut convertir les champs HTML TEXTAREA ou autres éléments HTML en instance d’éditeur.
Copyright © 2003-2011, Moxiecode Systems AB, Tous droits réservés. Traduction par l’équipe de WordPress-Francophone.
For more information about this software visit the TinyMCE website.
