Tutoriel Joomla 4 :
Créer ou modifier un article

Ce tutoriel va vous expliquer comment créer ou modifier un article sur votre site internet.

Vous devez savoir comment accéder à la liste des articles. Si vous souhaitez savoir comment y arriver, suivez le tutoriel suivant :

J'évoquerai souvent les 2 modes d'affichage d'un article qu'il est important de comprendre.

• Affichage dans une liste : Lorsqu'un article est affiché au milieu d'autres articles, ses informations son forcément tronquées pour optimiser l'espace.
• Affichage de l'article : L'article est affiché dans une page complète. L'espace est dédié à celui-ci et nous y retrouverons toutes ses informations.

1. Ouvrir la page de création ou modification d'un article
2. Découverte de la page
3. Onglet "Contenu"
4. Onglet "Image et liens"
5. Onglet "Publication"
6. Conclusion

Retrouvez le contenu de ce tutoriel en vidéo.

Pour créer un nouvel article, cliquez sur Nouveau (1).

Pour modifier un article, cliquez sur son titre (texte bleu, souligné) (2).

Dans cette page, vous pouvez tout d'abord renseigner le titre (1). Sur votre site web, il sera affiché en tête de votre article, mais aussi lorsqu'une liste d'article est affichée.

L'alias (2) correspond au texte qui sera affiché dans votre URL (ex : monentreprise.fr/texte-alias ). Celui-ci est généré automatiquement à partir du titre et vous n'avez pas à le renseigner.

Les onglets (3) permettent d'afficher des formulaires à renseigner dans la zone inférieure (4) et regroupe les informations par thème.

Les onglets Paramètres, Paramètres de création/modification et Droits ne seront pas vus dans ce tutoriel. Votre site internet sera livré avec ces paramètres prédéfinis.

Le détail des 3 autres onglets sera vu dans les étapes suivantes.

Pour les boutons situés dans la zone supérieure (5) voici les essentiels :

• Enregister ou Enregistrer & Fermer : Enregistre les informations saisies, avec la possibilité de retourner à la liste des articles.
• Fermer : Retourne à la liste des articles, toutes les modifications effectuées depuis la dernière sauvegarde sont annulées.
• Aperçu : Ouvre une nouvelle fenêtre dans votre navigateur avec le rendu réel de l'article dans votre site web.

Cet onglet est celui qui rassemble les informations les plus importantes de votre article, son contenu.

Certaines fonctionnalités vous seront présentées dans d'autres tutoriels.

Vous retrouverez 3 petits onglets (2) :

• Prévisualisation : Permet de visualiser le rendu de votre texte. Il est préférable d'utiliser le bouton aperçu, vu dans l'étape précédente. Avec ce bouton, vous avez un rendu complet de l'article dans votre site alors que l'onglet va juste vous montrer la mise en forme de votre texte.
• Code : Vous montre le code html du texte. Ce code est envoyé au navigateur afin de lui indiquer la mise en forme de votre texte (couleur, retour à la ligne, etc.).
• Edition : Vous affiche un éditeur de texte (4) qui ressemble à celui que vous pouvez trouver dans votre ordinateur. Le bandeau de celui-ci (3) vous sera présenté dans un prochain tutoriel.

Dans le groupe de bouton situé en dessous de l'éditeur (5), il y a un seul bouton à retenir, Lire la suite... . Ce bouton créé une ligne sur votre éditeur.

Le texte situé au-dessus de cette ligne sera affiché lorsque votre article est présenté dans une liste. Cet espace est donc dédié à rédiger un texte d'introduction qui donne au visiteur l'envie de voir votre article.

Le texte situé en dessous de cette ligne sera affiché dans la page de l'article seul. 

Vous avez ensuite une liste de champs situés à droite de l'éditeur.

- Statut (6) : Publié indique que votre article est en ligne. Si il est Dépublié, Archivé ou Dans la corbeille, votre article ne peut pas être visible. Il se peut qu'il soit impossible de publier votre article. Dans ce cas, vous êtes obligatoirement plusieurs utilisateurs et vous n'avez pas le droit de publication. Dans ce cas, sauvegardez votre article et demandé à la personne disposant de ce droit de publier votre article.

- Catégorie (7) : Correspond à une page de votre site web. Cette correspondance vous est fournie lors de la livraison finale dans une fiche utilisateur.

- Épinglé (8) : Permet de mettre votre article en favori et de l'afficher à un endroit spécifique. Si cette fonction est utile sur votre site internet, celle-ci sera précisée sur votre fiche utilisateur.

- Accès (9) : Restreint l'accès à un certain groupe de personnes.

- Tags (10) : Peu utilisés, ces tags permettent d'affiner l'affichage d'une liste d'articles ou une recherche. Si ces tags sont employés dans le site internet de votre entreprise, vous en serez avertis. 

- Note (11) et Note de version (12) ne sont pas utiles dans votre cas.

Cet onglet vous permet de publier des images pour votre article.

Image d'introduction (1) : Cette image sera affichée lorsque votre article sera présenté dans une liste. Accompagnée du titre et de l'introduction de votre article, cet ensemble est prévue pour informer le visiteur du contenu de votre article.

Image de l'article complet (2) : Cette image sera présente dans l'affichage votre article seul.

Pour ces deux images, les paramètres à renseigner sont les mêmes :

- Ajout d'une image : Cliquez sur Sélectionner (3). Une fenêtre apparaît, la présentation de celle-ci est disponible dans le tutoriel Sélectionner et éditer une image.

- Description d'image (4) : Optionnel. Mettre une description permet essentiellement aux moteurs de recherche de connaître le contenu de la photo. 

- Aucune description (5) : Si vous ne mettez pas de description, cochez cette case.

- Classe de l'image (6) : Ne rien renseigner. Pour personnaliser l'affichage de l'image en CSS.

- Légende (7) : Ne rien renseigner.

 Liens : Ne rien renseigner. Les liens ne sont pas utiles dans votre site web.

Cet onglet va principalement vous aider à gérer la publication de votre article.

Pour saisir une date dans les champs, vous avez 2 options :

1/ Saisissez la date sous le format DD-MM-AA HH:MM:SS (ex : 03-04-2020 09:55:15 pour 3 Avril 2020 à 9H55 et 15 secondes)

2/ Cliquez sur le petit calendrier à droite du champ de saisie.

- Début (1) / Fin (2) de publication : Vous pouvez planifier l'affichage et la disparition d'un article à des dates précises.

- Épingler (3) / Désépingler (4) : Vous pouvez planifier l'affichage et la disparition d'un article en première page, à des dates précises.

- Date de création (5) : Renseignée automatiquement. Dans une liste d'articles, ceux-ci sont généralement triés par date de création. Il est parfois intéressant de changer cette date pour afficher un article de tête de liste ou l'inverse.

- Créé par (auteur) (6) : Selon vos droits attribuer, vous pouvez changer le nom de l'auteur.

- Créé par (alias) (7) : Ne sera pas utilisé sur votre site web.

- Champs d'information (8) : Ces 5 champs vous fournissent des informations concernant votre article.

- Description (9) : Facultatif mais important si vous souhaitez optimiser le référencement de votre site web et de l'article. La description sera visible lorsque votre article sera trouvé sur google par exemple. C'est elle qui donnera envie (ou non) de visiter votre article.

- Mots clés (10) : Facultatif mais important si vous souhaitez optimiser le référencement de votre site web et de l'article. Mettez quelques mots-clés pour aider les moteurs de recherche.

- Robots (11) : Laissez les paramètres prédéfinis.

- Auteur (12) et Droits légaux (13) : Optionnels, ils ont peu d'importance.

Vous êtes maintenant prêt à rédiger un article. Il reste encore quelques subtilités qui serait trop complexes à expliquer dans ce tutoriel.

Il n'y a rien de plus formateur que la pratique. N'hésitez pas à créer des articles, faire quelques tests et regarder les rendus de celui-ci sur votre site web.

Rien ne peut créer un dysfonctionnement de votre site web si vous restez à l'édition de votre article. Votre article ne vous plaît pas ? Changer son statut en "Dans la corbeille" et il disparaît.

Merci d'utiliser le formulaire de contact ou me joindre directement.

Je peux réaliser certaines publications à votre place ou vous proposer une formation sur la gestion de votre site Internet.