Editer un article joomla

Vous pouvez éditer un article à partir du backend (url d'administration) de votre site comme vous pouvez le faire sur le frontend après authentification (par défaut, le module identification est publié à gauche).

Dans ce qui suit, on va décrire la démarche pour un accès  via la console d'administration avec des illustrations pour joomla 1.0. Etant donné qu'il y a une similitude entre les fenêtres des versions 1.0 et 1.5, on va se contenter de signaler le plus ajouté par la nouvelle version.

Tout d'abord, pour un travail sans interruptions qui risqueraient de vous surprendre, ajuster le temps d'inactivité de la session admin à une valeur adéquat.

Accédez au backend de votre site et puis à la fenêtre "Gestion des articles" via le menu "Contenu" ==> "Tous les articles".

Tous les articles de votre site sont listés dans un tableau. Vous pouvez créer un filtre pour ne lister que les articles de votre choix. Par exemple, vous pouvez entrez dans la zone "filtre" (encadré vert) le mot "joomla" pour ne lister que les articles dont le titre contient le mot "joomla".

Cliquer dans la liste "Selectionner une section"  (encadré  rouge) et choisir une section existante pour ne lister que les articles de la section choisie.

Les boutons de la boîte à outils placée en haut permettent différentes manipulations :

• Le bouton "Dépublier" permet de cesser la publication sur le site des articles sélectionnées (case à cocher en regard du titre de chaque article).
• Le bouton "Corbeille" pour supprimer les articles sélectionnés.
• Le bouton "Editer" pour mettre à jour l'article sélectionné.
• Le bouton "Nouveau" pour la création d'un nouveau article.
  

Par défaut "TinyMCE" est utilisé. C'est un éditeur WYSIWYG (What You See Is What You Get). Pour changer l'éditeur par défaut pour tous les utilisateurs, accédez au menu "Site" ==> "Configuration du site" ==> Onglet "Site" :

Pour changer l'éditeur par défaut pour un utilisateur uniquement, accédez au menu "Site ==> Gestion des utilisateurs" et puis cliquez sur l'utilsateur de votre choix. Dans la nouvelle fenêtre affichée, modifier le paramètre dans la zone à droite :

Cliquez sur le bouton "sauver" pour enregistrer vos modifications.

Edition d'un article

Dans la fenêtre "Gestion des articles", cliquez sur le bouton "Nouveau" pour créer un article. Une fenêtre s'ouvre pour éditer votre article :

Saisissez le titre et l'alias du titre (titre réduit) dans la zone "2". Classez votre article dans une section et une catégorie qui lui conviennent dans la zone "3".

Dans la zone "6" à droite, vous introduisez  des informations sur votre article :

• Onglet "Publication": vous choisissez dans les premières cases d'afficher ou non l'article en page d'accueil, de le publier sur le site ou le dépublier.
• Onglet "Images" pour ajouter les images allant être utilisées dans l'article. Par défaut, le contenu du dossier "images/stories"  ("images" situé dans la racine de votre site) est proposé. Vous pouvez cherchez dans un autre sous répertoire de ce dossier.
  
• Onglet "Paramètres": pour personnaliser l'affichage de l'article. Vous pouvez masquer par exemple le titre, le nom de la section, le nom de la catégorie...etc
  
• Onglet "Méta info" pour la saisie d'informations utiles aux moteurs de recherche. La "description" correspond à l'accroche affichée dans les résultats de recherche de google par exemple.
  
• Onglet "Créer un lien" pour créer un lien de menu vers l'article

Entrez le texte de l'article dans la zone "5" en vous servant de la boite à outils "4" composée de trois lignes. Par exemple, pour mettre un mot en gras, sélectionnez-le et puis cliquez sur le bouton B de la 1ère ligne.

Placez le pointeur de la souris sous un bouton pour  en voir un descriptif sous forme d'une infobulle "8" :

Pour insérer un lien hypertexte, séléctionner le texte correspondant et puis cliquez sur le bouton "7" dans la 2ème ligne de la boîte à outils. Dans la fenêtre pop pup "9" ainsi ouverte,  renseignez  notamment :

• link url: adresse du lien
• target (choisir _black si vous voulez que le lien s'ouvre dans une nouvelle fenêtre)

Pour supprimer un lien hypertexte, cliquer sur le texte correspondant et puis sur le bouton à droite du bouton "7".

Pour insérer un titre de premier niveau H1 par exemple:

sélectionner le texte du titre et puis cliquez sur le bouton "10" ("Format") de la première ligne et puis sélectionnez "Heading". Le titre est alors mis en forme selon le style h1{} défini dans les fichiers css du template en vigueur.

Faites défiler la page vers le bas :

Vous constatez une seconde zone de saisie "11". La première zone de saisie  "5" sert pour entrer une introduction de l'article : une accroche publiée dans la page d'accueil du site pour inciter l'internaute à lire la suite. La suite de cette introduction est entrée dans la seconde zone de saisie  "11".

En bas de la zone de saisie, se situe deux boutons "10" :

•  "insert   image" qui permet d'insérer une image  (code mosimage entre {}). L'ordre d'affichage des images dans l'article est défini par celui de la liste "images de l'article" figurant à droite "6" (onglet "Images").
  
• "insert page break" qui permet d'insérer un saut de page (code  mospagebreak entre { } ). Il est utile pour un article à plusieurs pages. L'internaute cliquera sur "page suivante" ou "page précédente" pour naviguer dans l'article. Par exemple, insérer le code suivant :
  • mospagebreak heading=Introduction&title=Titre Premier entre {} pour la première insertion du code afin de personnaliser le titre de la première page 
  • mospagebreak title=Titre Suivant entre {} pour les insertions qui suivent.

A chaque fois que vous le souhaitez, vous pouvez sauvegarder vos modifications sans quitter la fenêtre d'édition de l'article en cliquant sur le bouton "Appliquer" (zone  "1" en haut).

Pour joomla 1.5, la fenêtre d'édition est légèrement différente :

Une seule zone de saisie "C" avec possibilité d'introduire un texte d'accroche (affiché en page d'accueil) moyennant le bouton "Lire la suite" en bas dans la zone "D".  Ce bouton permet d'insérer une ligne rouge en pointillés séparant l'introduction du reste de l'article.

D'autres boutons sont également disponibles :

• Le bouton "Image" pour insérer une image (remplace mosimage de la version 1.0).
• le bouton "Saut de page" qui insère une ligne en pointillés et remplace mospagebreak de la version 1.0
• le bouton "Basculer l'éditeur" qui est une nouveauté pour la 1.5 et fournit plus de flexibilité. Vous pouvez basculer vers le code html brut sans devoir sortir de la fenêtre d'édition et réentrer pour changer l'éditeur par défaut pour le compte administrateur. Ce genre de manipulation est très utile surtout lors de la validation de votre code html .
  

Enfin, si vous appuyer sur le bouton de sauvegarde ("Appliquer" ou "Sauver") et  joomla ne vous renvoie pas un message confirmant que l'article a été correctement sauvegardé, alors sachez bien que l'article en question est probablement verrouillé (suite, par exemple, à une deconnexion inopinée du serveur web au moment de l'édition de cet article).  Si vous êtes le seul à travailler dans la console d'administration (plusieurs collaborateurs peuvent s'y connecter simultanément) , avant de poursuivre l'édition, il faudra remettre la base de données dans un état cohérent via le menu "Système ==> Validation Globale".