Editer ses pages avec TinyMCE

Cet article a pour but de vous apprendre ou de vous rappeler comment bien utiliser le module openSource TinyMCE pour éditer vos pages, insérer des liens, insérer une image, etc.

Mise en garde

Avant de vous expliquer comment utiliser cet outil, il est important de rappeler que pour le bien être de vos lecteurs comme pour un référencement optimal, les pages de votre site internet ne doivent pas se transformer en sapin de noël !

Ainsi, structurez votre contenu, utilisez des titres et évitez au maximum les mises en forme du style taille de texte, couleur, etc. Côté code cela génère une véritable cochonnerie et le contenu de vos pages devient difficilement lisible pour les internautes et pour Google.

Rédaction

Lorsque vous rédigez votre contenu, vous pouvez à loisir mettre une partie en gras, soulignée ( déconseillé à cause de la confusion possible avec un lien ), indenter votre texte, mettre des puces etc.

Pour utiliser une fonctionnalité, vous devez au préalable sélectionner le texte en question et ensuite cliquer sur le bouton de fonction.

Créer un lien

Pour créer un lien, rien de plus simple !

S'il s'agit d'un lien interne ( c'est à dire renvoyant vers une autre page de VOTRE site ), procédez comme suit :

• Sélectionnez l'adresse de la page grâce au plan du site présent sous l'éditeur TinyMCE
• Faites clic droit > Copier
• Dans l'éditeur de contenu, sélectionnez le texte que vous souhaitez transformer en lien
• Cliquez ensuite sur la petite chaîne
• Placez le curseur dans "URL du lien" et faites clic droit > Coller
• Laissez les paramètres par défaut et renseignez un "Titre" ( IMPORTANT : Google lit le titre, rédigez-le avec soin )
• Validez en cliquant sur "Insérer"

S'il s'agit d'un lien vers un autre site, procédez comme suit :

• Dans l'éditeur de contenu, sélectionnez le texte que vous souhaitez transformer en lien
• Cliquez ensuite sur la petite chaîne
• Placez le curseur dans "URL du lien" et tapez l'adresse complète du site
• Dans "Cible", sélectionnez "Ouvrir dans une nouvelle fenêtre"
• Renseignez un "Titre" ( IMPORTANT : Google lit le titre, rédigez-le avec soin )
• Validez en cliquant sur "Insérer"

Vous pouvez à tout moment modifier le lien, il vous suffit pour ce faire de cliquer sur le lien dans l'éditeur de contenu et de cliquer ensuite sur la petite chaîne. Vous pouvez supprimer le lien en procédant de la même façon mais en cliquant sur la petite chaîne cassée.

Insérer une image

Pour insérer une image dans votre contenu, vous devez tout d'abord avoir chargée celle-ci grâce au Centre d'images.
Ensuite,

• Cliquez en haut à droite de l'écran sur "Liste des images existantes"
• Surlignez le texte présent sous l'image à incorporer
• Faites un clic droit avec votre souris et cliquez sur "Copier"
• Dans votre contenu, cliquez à l'endroit où vous souhaitez placer l'image
• Ensuite cliquez sur le bouton qui représente un arbre
• Renseignez les champs comme suit :
  • URL de l'image : cliquez dans ce champ et faites Clic droit > Coller
  • Description de l'image : Ecrivez une brève description de votre image
  • Titre : Ecrivez un titre pour votre image ( IMPORTANT : Google lit le titre, rédigez-le avec soin )
  • Si vous souhaitez aller plus loin, cliquez sur Apparence, dans ce menu, vous pouvez affiner le positionnement de votre image ou l'espacement autour d'elle afin que le texte ne la colle pas trop
  • Validez en cliquant sur "insérer" et votre image apparaît dans le contenu

Pour modifier l'image ou ses attribut, pensez à double-cliquer sur celle-ci avant de cliquer sur le petit arbre.

NOTE : Pour centrer l'image, sélectionnez-la et cliquez sur le bouton de centrage de texte.