Éditeur de mise en page

Avant de vous lancer dans la création ou la modifications de votre contenu, il est important de maitriser l’ensemble des outils mis à votre disposition pour mettre en forme votre contenu. Pour tous les contenus (ex : pages, articles, descriptions de produit,…) WordPress met à votre disposition un éditeur de mise en page.

Jusqu’à la sortie de WordPress 5.0 en décembre 2018, l’éditeur de texte était un éditeur dit Classique ressemblant fortement à ceux que vous utilisez déjà dans l’éditeur de texte le plus connu ! Qui n’a jamais ouvert un document Word sur un ordinateur ? Puis est arrivé l’éditeur de bloc Gutenberg.

Comme il est possible de remplacer l’éditeur de blog Gutenberg par l’éditeur classique que l’on retrouve d’ailleurs par défaut dans de nombreux plugins (comme Woocommerce) et builder de page (Divi, Elementor…) nous allons évoqué ces 2 versions.

L’Éditeur classique

L’éditeur WYSIWYG dit Classique de WordPress ressemble à cela.

Lors de vos modifications, vous travaillerez en version Visuel en sélectionnant l’onglet du même nom en haut de la barre d’outil à droite. Le mode texte est réservé aux développeurs avertis utilisant le langage HTML entre autre.

Les outils de l’éditeur

Sélectionnez avec votre curseur tout ou partie de votre contenu et cliquez sur les boutons pour appliquer une des actions suivantes :

Plus en détails

Créer un lien

Il est  très simple d’ajouter un lien sur un mot pou un groupe de mot avec WordPress. Ce lien peut-être un lien vers une page interne de votre site, ce qui est recommandé pour un meilleurs référencement (c’est le maillage interne), vers une page externe, mais encore un lien email ou télephone. Voici comment procéder :

• Sélectionner avec votre curseur le mot ou groupe de mot que vous voulez transformer en lien
• Cliquez sur le bouton Insérer un lien

Lien interne

Si vous tapez le titre d’une page ou d’un article de votre site, le système va vous suggérer des liens. Validez en sélectionnant le lien a appliquer.

Lien externe

Renseigner l’adresse de la page externe commençant par https://

Lien mail

Renseigner simplement une adresse email comme suit : mailto:email-du-destinataire

Lien téléphone

Renseigner simplement un numéro de téléphone comme suit : tel:tel-du-destinataire

Si vous avez besoin de plus d’option comme par exemple choisir la cible de votre lien, cliquez sur l’icône de roue crantés, et cochez la case correspondante. Il est fortement conseillé dans le cas de lien externe d’ouvrir les liens dans une nouvelle fenêtre.

Ajouter un média

L’ajout de médias pour illustrer vos articles est un jeu d’enfant.

• Placez votre curseur à l’endroit où vous souhaitez ajouter votre image, doc, pdf, vidéo…
• Cliquez sur le bouton Ajouter un Média juste au dessus de la barre d’outil
• Dans la fenêtre popup qui s’ouvre sélectionnez votre fichier
• Cliquez sur le bouton bleu insérer dans l’article en bas à droite

NOTE : Pour modifier ou supprimer un média, survolez-le et cliquez sur une des 2 icônes qui apparaissent en haut du média à gauche.

Nous verrons dans un prochain article comment ajouter et modifier des images dans la bibliothèque média.