Aide de l’éditeur visuel

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 correspond à ce que vous obtiendrez »), 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.

Si vous devez envoyer une image ou un autre média depuis votre ordinateur, vous pouvez utiliser les boutons de la bibliothèque des médias, situés au-dessus de l’éditeur. La bibliothèque de médias tentera de créer une image miniature lorsque vous enverrez une image. Pour insérer l’image envoyée dans l’article, cliquez tout d’abord sur la miniature pour faire apparaître un menu d’options. Une fois que vous avez sélectionné les options qui vous conviennent, cliquez sur« Envoyer dans l’éditeur », et votre image ou fichier apparaîtra dans l’article que vous êtes en train de modifier. Si vous insérez une vidéo, il y a des options supplémentaires dans la fenêtre « Média » que vous pouvez ouvrir depuis la seconde barre d’outils.

HTML dans l’éditeur visuel

Tout code HTML inséré via l’éditeur visuel apparaîtra comme du texte quand l’article sera affiché. Si vous souhaitez inclure du code HTML qui ne peut être généré avec les boutons de la barre d’outils, vous devez le saisir à la main à l’aide de l’éditeur HTML. Par exemple, c’est la seule façon de faire des tableaux ou d’utiliser la balise <code>. Pour accéder à cet éditeur, cliquez sur le bouton « HTML » et saisissez votre code, puis retournez dans l’éditeur visuel. Si le code HTML est valide et compris par l’éditeur, le résultat devrait être immédiatement visible.

Collage dans l’éditeur visuel

Coller du contenu en provenance d’une autre page Web peut amener à des résultats inattendus voire incohérents, en fonction du navigateur que vous utilisez et de la page d’origine du contenu copié/collé. L’éditeur tentera de corriger le code HTML invalide qui a été collé, mais vous obtiendrez de meilleurs résultats en passant par le mode HTML, ou par l’un des boutons de collage situés dans la seconde rangée de boutons. Vous pouvez également essayer de coller le contenu paragraphe par paragraphe - dans la plupart des navigateurs, vous pouvez sélectionner un paragraphe seul en triple-cliquant sur celui-ci.

Si vous souhaitez copier du contenu en provenance d’un autre programme, comme Word ou Excel, il sera préférable d’utiliser le bouton « Coller du texte Word », situé dans la seconde rangée de boutons, ou de passer par le mode HTML.

É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

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
g	Plein écran	t	Insérer la balise « More »
p	Insérer la balise « Page break »	h	Aide
e	Passer au mode HTML