Modifier / éditer un article sous Joomla! 3

Ce petit tutoriel vous expliquera comment modifier un article existant sous Joomla! version 3, avec l'éditeur TinyMCE. Au programme : mise en forme du texte et insertion d'images.

Recherche de l'article à modifier

Tout d'abord, connectez-vous à l'interface d'administration de Joomla!.

Une fois sur la page d'accueil de Joomla!, cliquez soit sur Gestion des articles dans la colonne de gauche, soit en passant par le menu supérieur, cliquez Contenu > Gestion des articles.

Vous arrivez alors sur une page qui liste tous vos articles, comme ci-dessous :

De là, cliquez sur le titre de l'article que vous voulez modifier, par exemple « Article 1 ». Vous pouvez aussi cocher la coche tout à gauche sur la ligne de l'article en question, et cliquez sur Modifier ( juste à droite du gros bouton vert « Nouveau » ) dans le menu de gestion des articles. C'est plus long, mais ça fonctionne tout aussi bien ;-)

Vous arrivez alors ensuite sur la page de modification de l'article ! ( Voir image ci-dessous ) Pour information, dans l'exemple, nous utilisons l'éditeur TinyMCE ( mode avancé ). Ce n'est pas le plus complet, mais c'est le plus simple à utiliser pour les débutants.

Les options d'éditions du texte se trouvent comme vous l'avez certainement deviné, au dessus de la fenêtre de texte, visibles sur l'image ci-dessus dans le cadre numéro 2. L'éditeur présente des options d'éditions classiques, je ne détaillerai pas toutes les options, mais me concentrerai que sur les bases.

Modification du texte de l'article

Vous pouvez ajouter et supprimer du texte dans l'article en intervenant dans la fenêtre de texte. Pour modifier une partie de texte précise, par exemple mettre un passage en gras, surlignez le texte avec votre souris, comme indiqué dans la bulle numéro 1 sur l'image, puis cliquez sur le bouton « B » en haut à gauche du cadre d'édition ( cadre numéro 2 ). Et hop, vous avez votre texte en gras !

Insertion d'image

Le texte c'est bien, mais de temps en temps avoir une image ou deux, ça égaye un peu ;-)

Pour insérer une image au milieu du texte de votre article, placez le curseur en cliquant dans la fenêtre de texte à l'endroit où vous souhaitez la placer. Cliquez ensuite sur le bouton « Image » en dessous de fenêtre de texte ( bulle numéro 3 sur l'image ci-dessus ). Une boite de dialogue s'ouvre alors. Recherchez l'image que vous voulez faire apparaître, cliquez dessus, ( ajoutez éventuellement une description et un titre : c'est mieux pour le référencement ) et cliquez enfin sur le bouton « Insérer » en haut à droite.
Si vous ne trouvez pas vote image, c'est que vous êtes peut être dans le mauvais répertoire. Cliquez directement sur un répertoire ( par exemple « headers », ou un autre répertoire, si vous pensez que votre image s'y trouve ) ou cliquez le bouton « Répertoire parent » pour monter ou descendre dans la hiérarchie des répertoires.

Si l'image que vous voulez insérer est n'est pour l'instant que sur votre ordinateur, il va falloir la charger sur le serveur.
Placez-vous au préalable dans le dossier dans lequel vous voulez la charger. Par exemple cliquez sur le dossier « mes-images ». Une fois que vous êtes dedans, cliquez ensuite sur le bouton « Parcourir » en bas de la fenêtre. Recherchez votre image, puis cliquez sur « démarrer l'envoi ».
Une fois votre image chargée sur le serveur, vous n'avez plus qu'à cliquez dessus pour la sélectionner et cliquez enfin sur le bouton « Insérer ». Et voilà votre image insérée !

Si vous n'arrivez pas envoyer votre image sur le serveur après avoir cliqué sur « Insérer », c'est soit qu'elle trop lourde, soit qu'il y a des espaces ou des caractères spéciaux dans le nom du fichier. Redimensionnez ou renommez votre image si besoin.

Images associés aux articles

Selon vos besoins, vous pouvez associer 2 images à vos articles : 1 image d'introduction et 1 image pour l'article complet. Ceci peut être pratique notamment si vous affichez vos articles sous la forme d'un blog ou si vos articles sont liés à des modules pour un affichage particulier de ceux-ci.
Pour associer ce type d'images à un article, toujours sur la page d'édition de l'article, cliquez sur l'onglet « Images et liens » ( bulle numéro 4 sur l'image d'édition de l'article ). De là, sélectionnez les images pour l'introduction et l'article complet.

Pensez à enregistrer avant de quitter !

Ce serait bête de perdre toutes les modifications que vous avez faite jusque là, non ? Pour que tous vos changements soient pris en compte, n'oubliez surtout pas sauvegarder avant de quitter la page de modification de votre article. Pour cela, cliquez sur « Enregistrer & fermer » ( bulle numéro 5 ). Si vous cliquez simplement sur « Enregistrer », vous enregistrer, mais restez sur la page de modification.

Petite remarque : si vous voulez quitter la page sans sauvegarder, pensez à cliquez sur le bouton « Fermer » plutôt que de revenir en arrière ou fermer la page dans votre navigateur. Ceci aurait pour effet de bloquer votre article pour les prochaines éditions ( un petit cadenas apparaîtra dans la liste des articles ). La bonne pratique consiste donc à fermer la page de modification en cliquant sur le bouton « Fermer ».

Que faire en cas d'erreur après avoir enregistré ?

Depuis la version 3 de Joomla, vous avez une option qui permet de restaurer rapidement votre article à une version antérieur. Imaginons qu'après avoir enregistré les modifications que vous avez faites dans votre article, vous remarquez sur le site que celui-ci n'apparaît plus comme avant. Ceci peut arriver parfois à ceux notamment qui modifient leurs articles en mode « Wysiwyg » ( vous voyez directement ce que vous faites sans voir de code HTML ) et non en mode « HTML ». Il est fort à parier alors qu'au moment de la modification, vous ayez sans le vouloir cassé la mise en page HTML non visible.
Grâce à la gestion des versions, vous pouvez retrouver une version précédente de votre article, et remplacer l'actuel qui comporte des erreurs !

Pour restaurer une version précédente de votre article, cliquez sur « Versions » ( bulle 6 sur l'image ). La boîte de dialogue suivante s'ouvre :

Cochez la case de l'article que vous souhaitez restaurer, comme sur l'image ci-dessus. Ensuite, pour être sûr que vous avez sélectionné la bonne version, cliquez sur « Prévisualiser » dans le menu du haut. Si c'est bel et bien la version que vous voulez remettre en ligne, cliquez alors sur « Rétablir ». Sauvegardez votre article. Et le tour est joué !