Rédiger un article avec WordPress est à la portée de tous. Il suffit de cliquer sur une icône ou saisir des raccourcis clavier pour mettre en forme le texte (caractères et paragraphes), vérifier l’orthographe, coller un texte provenant de Microsoft Word ou d’une page web, ajouter un lien vers un site extérieur…

Je vous propose une série d’articles relatifs à la création et à la mise en forme des articles sous WordPress.

Rédiger les paragraphes

Un paragraphe est composé d’une ou plusieurs lignes terminées par un retour chariot (↵). Le titre ci-desus est un paragraphe. Ces lignes d’explication forment aussi un paragraphe.

Créer une liste à puces

Saisir plusieurs lignes,  les sélectionner puis cliquer sur l’icône :

Le texte sélectionné apparaît sous forme de liste à puces :

Méthode rapide

Toute ligne saisie en commençant par une étoile ou un tiret et un blanc ( |* | ou « |– |) débute une liste à puces :

Après la saisie du caractère blanc :

Créer une liste numérotée

Saisir plusieurs lignes, les sélectionner puis cliquer sur l’icône :

Le texte sélectionné apparaît sous forme de liste numérotée :

Méthode rapide

Toute ligne saisie commençant par le chiffre 1 et un point ou une parenthèse ouvrante ( |1.| ou « |1)| ) débute une liste à puce :

Après la saisie du caractère blanc :

Mettre du texte dans un bloc de citation

Saisir une ou plusieurs lignes, les sélectionner puis cliquer sur l’icône :

Le texte sélectionné apparaît sous forme de bloc de citation :

L’affichage du bloc de citation pour les visiteurs du site, va dépendre du thème utilisé :

Autre exemple :

Méthode rapide pour créer une citation

Toute ligne saisie commençant par le caractère supérieur (« >« ) débute une citation :

Après la saisie du retour à la ligne :

Aligner une partie de texte

Sélectionner du texte puis cliquer sur l’une des icônes d’alignement :

Effet de l’icône ‘Centrer’ :

Effet de l’icône ‘Aligner à droite’ :

Effet de l’icône ‘Aligner à gauche’ :

Justifier un texte

La justification consiste à aligner verticalement les premiers et les derniers caractères des lignes d’un paragraphe en insérant des espaces entre les mots.

Faire apparaître la deuxième ligne d’icônes en cliquant sur l’icône 

Sélectionner une partie de texte puis cliquer sur l’icône  :

Effet de l’icône Justifier :

Appliquer un style à un paragraphe

Faire apparaître la deuxième ligne d’icônes en cliquant sur l’icône 

Cliquer sur une ligne déjà saisie puis sur l’icône de styles :

Le style du paragraphe apparaît modifié dans la zone de saisie :

On notera en dessous de la zone de saisie, le code h1 qui correspond à la balise html header 1.

La mise en forme vue par un visiteur du site dépend du thème actif. Voici deux exemples de l’affichage du même article avec deux thèmes différents :

Méthode rapide créer un titre

Toute ligne saisie commençant par des dièses ( |### | ) est mise sous forme de titre en fonction du nombre de dièses ( ## => Titre2… ###### => Titre6) :

Après la saisie du retour à la ligne :

Indenter un paragraphe

Sélectionner un ou plusieurs paragraphes puis cliquer sur l’icône  :

L’indentation a pour effet de décaler le texte vers la droite :

Il est possible d’indenter un texte plusieurs fois :

Diminuer l’indentation

Sélectionner un ou plusieurs paragraphes puis cliquer sur l’icône  :

Autres options de mise en forme

Insérer une ligne horizontale

Cliquer dans la zone de saisie du contenu de l’article, puis cliquer sur l’icône :

La ligne horizontale vient s’insérer là où on avait cliqué :

Méthode rapide pour créer une ligne

Saisir au moins trois tirets successifs puis appuyer sur le retour à la ligne a pour effet d’afficher  une ligne horizontale :

Après avoir appuyé sur la touche « Retour chariot » (« ↵« ), une ligne horizontale remplace les tirets :

Associer un lien à un texte

Un article ci-desous détaille la création et la gestion de liens sous WordPress :

Insérer un lien dans un article WordPress

Outils d’édition

Vérifier l’orthographe

Cliquer sur l’icône  :

Les mots dont l’orthographe pose problème apparaissent soulignés en rouge :

Corriger dans le texte les mots mal orthographiés ou cliquer dessus pour faire apparaître des propositions de correction :

Le vérificateur d’orthographe propose trois actions :

• remplacer le mot mal orthographié (exemple ci-dessus, si on clique sur « d’orthographe », la phrase de l’article devient « Voici une belle faute d’orthographe »
• Ignorer la suggestion : dans ce cas la faute n’est plus considérée comme une faute pour la vérification en cours, mais sera de nouveau signalée à l’avenir,
• Toujours ignorer : le correcteur orthographique considère que l’orthographe est en fait valide et la considérera comme telle à l’avenir.

Le correcteur peut aussi détecter un problème de grammaire. Dans ce cas, les mots sont soulignés en vert et une explication peut être obtenue  (pas toujours, le message peut être vide !):

Quant il n’y a pas d’erreur détectée, la fenêtre suivante apparaît :

Insérer un texte par copier / coller

Il est possible de coller un texte dans un article WordPress qui avait été copié depuis n’importe quelle source de texte : éditeur ou traitement de texte, page dans un navigateur web…

Copier / Coller depuis une page web

Sélectionner du texte dans une page web et copier :

Coller (CTRL + V) dans l’article :

Le texte est collé avec la mise en forme : caractères gras, titres, liens…

Dans la deuxième ligne d’icône, cliquer sur l’icône « coller en texte »  .

Au premier clic sur cette icône, WordPress affiche l’information suivante :

Coller de nouveau le texte (CTRL + V) :

Le collage se fait avec des paragraphes et des caractères sans aucune mise en forme (pas de titres, pas de liens, pas de caractères gras ou soulignés…).

Copier / Coller depuis un document Microsoft Word

Sélectionner un texte dans un document Word :

• coller avec l’option Coller en texte désactivée (mise en forme copiée) :

• coller avec l’option Coller en texte activée (mise en forme supprimée) :

La gomme

La gomme permet de retirer les mises en forme sur des caractères.

Sélectionner des caractères contigus et cliquer sur l’icône  :

Cliquer sur l’icône Nettoyer le formatage , le formatage des caractères disparaît :

Annulation des dernières actions

Cliquer sur l’icône  :

La dernière action réalisée est annulée (dans l’exemple ci-dessous, nous annulons le nettoyage du formatage) :

Cliquer dans la zone de saisie fait apparaître que le formatage des caractères est restauré :

Rétablir la dernière mise en forme

Cliquer sur l’icône  :

La dernière action précédemment annulée est rétablie (on annule l’annulation).

S’il n’y a pas d’action à annuler, l’icône Rétablir prend la forme suivante : 

Raccourcis clavier

WordPress propose de nombreux Raccourcis clavier permettant de gagner du temps pour la mise en forme. Pour faire apparaître la liste, cliquer sur l’icône  :

Liste des raccourcis « CTRL + lettre » :

Liste des raccourcis ALT + SHIFT + lettre

Modifier le point de sélection avec « ALT + bouton de fonction »