Les fichiers de type PDF sont aujourd'hui des documents très prisés pour échanger et partager du contenu : eBook, infographie, documentations diverses, etc. Il existe de nombreuses extensions tierce capables de faire de la gestion documentaire pour Joomla. Mais pour afficher ce type de fichier dans un article, les solutions ne sont pas légions. Nous allons voir au travers de ce tutoriel comment ajouter un fichier PDF dans un article de votre site Joomla 4.

Le fichier PDF à afficher

La première chose à faire est de déposer le fichier PDF dans un dossier de votre installation Joomla. Attention toutefois à ce que votre fichier ne soit pas trop volumineux.
Deux possibilités sont à votre disposition pour transférer votre fichier :

  • Via le gestionnaire des médias, depuis le panneau d'administration de Joomla,
  • Via un client FTP en vous connectant au serveur où est hébergé votre site Joomla

Dans les deux cas, vous devez créer un nouveau dossier dans lequel vous déposerez votre fichier PDF. Dans ce tutoriel, nous allons utiliser le gestionnaire des médias de Joomla.
Dans le menu latéral du panneau d'administration, cliquez sur Contenus puis ouvrez Médias.

Accès au dossier médias Joomla 4

Cliquez maintenant sur le bouton Nouveau dossier.

Créer un nouveau dossier

Dans le champ réservé à cet effet, indiquez le nom du nouveau dossier à créer puis cliquez sur Créer.

Ajouter un fichier PDF dans un article

Un message vous confirme que votre nouveau dossier est créé. Il apparait maintenant dans l'arborescence située à gauche de votre page.

Cliquez maintenant sur le nom de votre dossier que vous venez de créer pour l'ouvrir. Nous allons transférer le fichier PDF dans ce dossier.
Pour cela, cliquez sur le bouton Transférer.

Créer un nouveau dossier

Le nom de votre fichier PDF ne doit contenir que des caractères alphanumériques et pas d'espaces.

Suivez les différentes étapes affichées à l'écran. Dès que le transfert est terminé, votre fichier doit apparaitre dans la partie droite de votre page.

Ajouter un fichier PDF dans un article

Pour information, votre fichier est maintenant accessible via l'URL suivante :

images/nom-de-votre-dossier/nom-de-votre-fichier.pdf

Pour le vérifier, ouvrez votre navigateur web et testez cette URL. Si tout fonctionne correctement, vous devriez voir s'afficher votre document PDF.
Notez précieusement cette adressse, vous en aurez besoin à la prochaine étape.

L'ajout du fichier PDF dans un article

Dans le menu latéral du panneau d'administration, ouvrez maintenant Contenus puis cliquez sur devant Articles pour créer un nouvel article.

Accès au dossier médias Joomla 4

Donnez un titre à votre nouvel article. Puis cliquez sur l'icône de l'éditeur de texte TinyMCE.

Editeur TinyMCE

Remplissez les différents champs de la fenêtre modale comme suit :

Ajout d'un fichier PDF dans un article

  • Url : chemin vers le fichier PDF. C'est le lien que vous avez noté à l'étape précédente : images/nom-de-votre-dossier/nom-du-fichier.pdf
  • Texte à afficher : c'est le texte qui sera affiché à l'écran et sur lequel devra cliquer l'internaute pour télécharger votre fichier
  • Titre : indiquez le contenu de la balise title du lien de téléchargement.

Pour valider votre saisie, terminez en cliquant sur le bouton Enregistrer. Vous devriez obtenir ceci :

Lien fichier PDF dans un article

Il ne vous reste plus qu'à cliquer sur le bouton Enregistrer & Fermer puis à créer un lien de menu pour afficher votre nouvel article.

Les fichiers de type PDF sont aujourd'hui des documents très prisés pour échanger et partager du contenu : eBook, infographie, documentations diverses, etc. Il existe de nombreuses extensions tierce capables de faire de la gestion documentaire pour Joomla. Mais pour afficher ce type de fichier dans un article, les solutions ne sont pas légions. Nous allons voir au travers de ce tutoriel comment ajouter un fichier PDF dans un article de votre site Joomla 3.

Le fichier

La première chose à faire est de déposer le fichier PDF dans un dossier de votre installation Joomla. Deux possibilités sont à votre disposition pour cela :

  • Via le gestionnaire des médias, depuis le panneau d'administration de Joomla,
  • Via le client FTP en vous connectant au serveur où est hébergé votre site Joomla

Dans les deux cas, vous allez créer un nouveau dossier dans lequel vous déposerez votre fichier PDF. Dans ce tutoriel, nous allons utiliser le gestionnaire des médias de Joomla.
Depuis le menu du panneau d'administration, ouvrez Contenu puis Médias.

Ajouter un fichier PDF dans un article

Cliquez maintenant sur le bouton Partager.
Dans la fenêtre qui s'ouvre, cliquez sur l'onglet Créer un nouveau dossier.

Ajouter un fichier PDF dans un articlee

Dans le champ réservé à cet effet, indiquez le nom du nouveau dossier à créer puis cliquez sur Créer un dossier.

Un message vous confirme que votre nouveau dossier est créé. Il apparait maintenant dans l'arborescence située à gauche de votre page.

Ajouter un fichier PDF dans un articlee

Cliquez maintenant sur le nom de votre dossier. Très logiquement, celui-ci est vide.
Nous allons transférer le fichier PDF dans ce dossier. Pour cela cliquez sur le bouton Transférer.

Ajouter un fichier PDF dans un article

Le nom de votre fichier ne doit contenir que des caractères alphanumériques et pas d'espaces.

Suivez les différentes étapes affichées à l'écran. Dès que le transfert est terminé, votre fichier doit apparaitre dans la partie droite de votre page.

Ajouter un fichier PDF dans un article

Pour information, sachez que le chemin vers votre fichier est maintenant le suivant :

images/nom-de-votre-dossier/nom-du-fichier.pdf

Pour vous en assurez, ouvrez votre navigateur web et testez-là. Si tout fonctionne correctement, vous devriez voir s'afficher votre document PDF.
Notez précieusement cette adressse, vous en aurez besoin à la prochaine étape.

L'ajout dans l'article

Depuis le panneau d'administration, ouvrez maintenant Contenu puis Articles et enfin Ajouter un article.

Ajouter un fichier PDF dans un article

Indiquez un titre à votre nouvel article. Puis cliquez sur l'icône "lien" de l'éditeur de texte.

Ajouter un fichier PDF dans un article

Remplissez les différents champs de la fenêtre popup, comme suit :

Ajouter un fichier PDF dans un article

  • Url : chemin vers le fichier PDF. C'est le lien que vous avez noté à l'étape précédente : images/nom-de-votre-dossier/nom-du-fichier.pdf
  • Texte à afficher : c'est le texte qui sera affiché à l'écran et sur lequel devra cliquer l'internaute pour télécharger votre fichier
  • Titre : indiquez le contenu de la balise title du lien de téléchargement.

Pour valider votre saisie, terminez en cliquant sur le bouton OK. Vous devriez obtenir ceci :

Ajouter un fichier PDF dans un article

Il ne vous reste plus qu'à cliquer sur le bouton Enregistrer & Fermer puis à créer un lien de menu pour afficher votre nouvel article.

web-eau.net

29800 Landerneau

+33 674 502 799

daniel@web-eau.net