Plusieurs techniques permettent d’insérer un document au format bureautique ou PDF dans un article ou une page WordPress.

Comme souvent dans le monde WordPress, avantages et inconvénients de ces techniques peuvent évoluer dans le temps.

Cet article donne quelques conseils, non exhaustifs.

Un document joint est-il justifié ?

Inclure un document dans un article ou page WordPress est possible mais cela entraîne plusieurs inconvénients :

  • ces documents sont parfois volumineux…
  • le document doit souvent être téléchargé avant d’être affiché…
  • le contenu d’un document joint n’est pas indexé par les moteurs de recherche, y compris celui interne à WordPress, donc seules les informations dans l’article ou page permettront de faire apparaître le document dans une recherche
  • si le document n’est pas affiché directement dans la page, l’internaute devra enregistrer le document puis l’ouvrir avec une application compatible : en a-t-il une sur son ordinateur, tablette ou téléphone ?
  • leur affichage n’est pas toujours aisé, en particulier sur un petit écran de téléphone

On réservera donc l’intégration à des documents déjà élaborés :

  • qui ont été conçus avec une mise en page précise, éventuellement pour impression,
  • que l’on n’a pas envie de reprendre par copié-collé

Quel format de fichier ?

Si le document est destiné à être consulté uniquement, le format pdf s’est quasiment imposé comme standard et peut être affiché sur la plupart des terminaux (ordinateurs, tablettes ou téléphones).

Si le document peut aussi être modifié, un formulaire pdf peut convenir.
Pour des documents de bureautique, on utilisera de préférence des formats ouverts : OpenDocument LibreOffice / OpenOffice (odt, ods, odp).
Ces fichiers seront mis en téléchargement ordinaire, avec un simple lien, sans affichage intégré.
Une capture d’écran complémentaire peut constituer une accroche visuelle pour inviter les utilisateurs à prendre la peine de les télécharger puis de les ouvrir avec l’application qui va bien.

Comment afficher un document pdf ?

En fenêtre d’avant-plan avec Easy Fancybox (solution préconisée)

Easy fancybox est une extension qui permet d’afficher une image en version réduite sur un article ou page WordPress et, sur un clic, une image agrandie dans une fenêtre d’avant-plan.

Elle permet le même fonctionnement avec un fichier pdf, qui s’affiche dans une fenêtre en avant-plan avec des commandes Page suivante / précédente, Impression, Téléchargement

Avantages

  • L’activation et le réglage de prise en charge des documents PDF par l’extension sont à faire par l’administrateur une seule fois.
  • Les différents contributeurs n’ont qu’à déposer le fichier dans les média et à insérer un lien dans l’article ou la page.
  • Affichage adaptatif

Inconvénients

  • Le navigateur de l’internaute doit être paramétré pour prendre en charge l’affichage du fichier PDF et non le simple téléchargement.
  • C’est normalement le cas sur la quasi totalité des ordinateurs, tablettes et téléphones.
  • Pas d’accroche visuelle avant clic. Seul le lien est visible. A compenser par une description précise du document ?

Note : Easy Fancybox permet aussi de gérer l’affichage en fenêtre surgissante des images, voir le tutoriel Easy FancyBox.

Par exemple ce document devrait s’ouvrir dans une fenêtre « surgissante », en avant de l’article : https://etab.ac-reunion.fr/wp-content/uploads/2013/08/Charte_dusage_des_TIC-RUN-2010.pdf

Avec un simple lien

Avantage

  • Rien à configurer

Inconvénient

  • L’utilisateur devra cliquer et télécharger le document puis l’ouvrir avec une application. Plutôt décourageant !?

Par exemple ce document devrait s’ouvrir dans un nouvel onglet du navigateur : https://etab.ac-reunion.fr/wp-content/uploads/2013/08/Charte_dusage_des_TIC-RUN-2010.pdf

En fenêtre intégrée avec Shortcodes Ultimate

Avantage

  • Le document apparaît déjà affiché dans l’article ou page WordPress

Inconvénient

  • Nativement, cette extension fait appel au visualiseur en ligne docs.google.com dont le fonctionnement est assez variable, parfois lent.

Avec un cadre « iframe »

Avantage

  • Le document apparaît déjà affiché dans l’article ou page WordPress

Inconvénient

  • Les cadres « iframe » ont des dimensions fixées par l’auteur de l’article. Elles ne seront peut-être pas adaptée au navigateur de l’utilisateur…
  • Placer des « iframe » est compliqué avec WordPress où les droits d’administrateur sont requis.

Par exemple, ce document devrait apparaître dans un cadre intégré :