Les documents PDF dans WordPress

La procĂ©dure d’ajout de PDF reprend celle des images ou des vidĂ©os. Dans ce cas, l’élĂ©ment qui apparaitra dans l’article sera la chaine de caractĂšres que vous aurez utilisĂ©e comme Titre du fichier PDF.

Pourquoi préférer le format PDF pour vos documents ?

Le PDF a l'avantage de conserver votre mise en page et d'ĂȘtre un format que tous les ordinateurs peuvent lire (Ă  condition de disposer d'Adobe Acrobat Reader, mais ce logiciel est gĂ©nĂ©ralisĂ© et facilement tĂ©lĂ©chargeable sur https://get.adobe.com/fr/reader/).

Comment charger le fichier PDF dans la BibliothĂšque de MĂ©dias de votre site ?

Cliquer sur MĂ©dias > Ajouter

2 solutions sont alors proposées :

  • Utiliser le bouton « Choisir des fichiers » pour naviguer dans votre disque dur et sĂ©lectionner la ou les images (touche Majuscule du clavier pour sĂ©lectionner plusieurs fichiers)
  • ProcĂ©der par « glisser-dĂ©poser »: Ouvrir le dossier contenant les nouvelles images Ă  intĂ©grer, sĂ©lectionner le ou les fichiers et les glisser dans la zone encadrĂ©e de pointillĂ©s.

Les images apparaßtront dans la liste de tous les médias dans l'ordre habituel (du plus récent au plus ancien).

Comment mettre en ligne votre PDF ?

Pour permettre de télécharger le PDF, vous pouvez :

  • CrĂ©er un lien hypertexte de type : "TĂ©lĂ©chargez notre brochure en PDF"
  • Attacher ce lien sur une image reprĂ©sentant votre document

Étape 1 : RĂ©cupĂ©rer l'adresse de votre document PDF sur le serveur

Étape 2, Alternative 1 : CrĂ©er un lien hypertexte vers votre document PDF

Dans votre article, sĂ©lectionnez le texte qui va porter le lien puis cliquez sur le bouton "InsĂ©rer/Ă©diter un lien" de la barre d'outils de WordPress. Dans la fenĂȘtre qui s'ouvre, collez (CTRL V) l'adresse du fichier que vous avez copiĂ©e Ă  l'Ă©tape prĂ©cĂ©dente.
Voir ci-dessous : l'url que vous allez coller aura la forme suivante : https://www.votredomaine.ext/votre-fichier.pdf.

Étape 2, Alternative 2 : Proposer une image cliquable pour tĂ©lĂ©charger le PDF

Pour aller plus loin, on peut souhaiter insérer dans son article une vignette représentant notre document (par exemple la page de couverture) et permettre au clic sur cette image de télécharger le PDF complet.

Étape 1 : CrĂ©er une image de la page que vous souhaitez afficher dans votre article.

  • Avec un logiciel qui permet la modification de PDF, type Acrobat Pro DC de Adobe, on peut exporter toutes les pages du fichier PDF en fichier image (jpg, png etc
).
  • Sinon, il vous faut faire une copie d’écran de chaque page du PDF (touche « impĂ©cr » du clavier pour copier) et ouvrir un logiciel d’image pour coller la page, la recadrer et l’enregistrer en jpg.
  • Consigne pour les vignettes : l’image n’a pas besoin d’ĂȘtre de grande dimension (400 Ă  500 pixels de longueur ou largeur suffisent).

Étape 2 : InsĂ©rer la ou les image(s) dans l’article

  • Dans le back-office, ouvrez votre article pour l’éditer.
  • Cliquez Ă  l’endroit oĂč vous souhaitez insĂ©rer l’image.
  • Cliquez sur le bouton « Ajouter mĂ©dia ».
  • SĂ©lectionnez l’onglet « Envoyer des fichiers » pour rĂ©cupĂ©rer l’image sur votre ordinateur.
  • Choisissez comment l’image devra s’afficher (alignement par rapport au texte, taille de la vignette, etc
) avec les options en colonne et donner lui un titre (important pour le rĂ©fĂ©rencement).

Étape 3 : InsĂ©rer un lien sur votre image vers le fichier PDF

  • Dans la bibliothĂšque, retrouver et sĂ©lectionner le fichier image de la page pour l’éditer.
  • Dans le menu dĂ©roulant : "Lier Ă ", sĂ©lectionner "Lien personnalisĂ©" et coller l’"Adresse web" du fichier PDF Ă  appeler.
  • Pensez Ă  renseigner les autres champs, notamment le champ « Attribut « Title » de l’image » de « OPTIONS AVANCÉES » qui permet d’indiquer l’action prĂ©vue au clic. Indiquez par exemple : « Cliquez pour consulter ce document en version PDF ».
  • Une option permet d’ouvrir le fichier liĂ© dans un nouvel onglet : cocher la case si vous souhaitez appliquer ce comportement.

Pour valider vos modifications, enregistrez la page en cliquant sur le bouton « Mettre à jour » situé en haut de la colonne de droite.

Dans la mĂȘme catĂ©gorie...