Il peut arriver que vous souhaitiez intégrer un fichier PDF dans un article ou sur une page :
- L’auteur d’un livre peut vouloir en offrir un exemplaire gratuit à ses lecteurs.
- Pour ajouter des catalogues de produits sur votre site web.
- Pour partager vos créations au format PDF avec vos clients.
- Une infographie ?
Bien que WordPress vous permette d’intégrer des fichiers audio, des vidéos et bien sûr des images, il n’est pas possible d’intégrer des fichiers PDF dans vos articles et vos pages. Cette fonctionnalité n’est pas disponible pour l’instant, peut-être sera-t-elle ajoutée dans le futur.
Si vous souhaitez ajouter un fichier PDF, vous pouvez télécharger le fichier en utilisant l’option Ajouter un média, l’insérer, et le lien vers ce fichier sera ajouté à votre page. Et vos visiteurs peuvent soit le télécharger, soit visualiser le fichier dans le navigateur web en quittant votre site web.
Mais que faire si vous souhaitez intégrer des fichiers PDF dans vos articles et permettre à vos visiteurs de les consulter sans quitter votre site web ? Y a-t-il une solution à ce problème ? En bref, la réponse est OUI.
Dans cet article, nous allons donc vous montrer comment vous pouvez intégrer un fichier PDF dans votre article ou votre page WordPress.
Sommaire
Comment intégrer un fichier PDF avec un plugin
Il existe de nombreux plugins que vous pouvez utiliser pour ajouter un fichier PDF sur WordPress.
Cependant, nous utiliserons un plugin appelé PDF Embedder. Il s’agit d’un plugin gratuit qui est disponible dans le répertoire des plugins WordPress. Le meilleur atout de ce plugin est qu’il utilise le javascript pour faire son travail et non un service tiers ou des iframes.
Étape 1 : Installer le plugin d’intégration PDF
Connectez-vous à votre tableau de bord WordPress et allez dans Extensions > Ajouter. Cherchez maintenant PDF Embedder dans la zone de recherche. Une fois que vous avez trouvé le plugin, il suffit de l’installer et de l’activer. C’est simple, n’est-ce pas ?
Étape 2 : Installation du plugin
Bien que vous puissiez commencer à intégrer vos fichiers PDF une fois que vous avez installé ce plugin, vous pouvez d’abord modifier les paramètres pour améliorer l’aspect des fichiers intégrés. Pour ouvrir la page des paramètres de ce plugin, allez à Paramètres > PDF Embedder dans la barre latérale gauche de votre tableau de bord WordPress.
La version gratuite de ce plugin vous permet de modifier les éléments suivants :
- Largeur et hauteur – Vous pouvez modifier la largeur et la hauteur de la visionneuse de PDF. Il accepte des valeurs entières (en pixels) ou max (100% de largeur).
- Emplacement de la barre d’outils – La barre d’outils de ce lecteur de PDF permet à votre public de faire un zoom avant ou arrière et de passer à la page suivante ou précédente. Vous pouvez avoir la barre d’outils en haut, en bas, ou les deux.
- Survol de la barre d’outils – Vous pouvez choisir si vous souhaitez que la barre d’outils soit visible uniquement lorsque la souris survole le document ou non.
Voici maintenant les paramètres universels. Mais que faire si vous souhaitez modifier les paramètres d’un fichier spécifique ? Eh bien, vous pouvez le faire à l’aide de shortcodes. Voici un exemple :
[pdf-embedder url= »http://votresite.com/wp-content/uploads/2020/02/aout.pdf » width= »600″ toolbar= »top » toolbarfixed= »on »]
Dans l’exemple ci-dessus, la largeur est fixée à 600px, l’emplacement de la barre d’outils est placé en haut et la barre d’outils sera fixe.
Ce plugin a également une version premium qui offre des fonctionnalités comme le bouton de téléchargement, le suivi des vues et des téléchargements, le défilement continu des pages et l’ouverture des liens dans une nouvelle fenêtre.
Étape 3 : Intégrer le fichier PDF dans votre article ou votre page
Une fois que vous avez terminé les réglages, vous pouvez commencer à faire le sale boulot. Maintenant, que vous utilisiez l’éditeur classique ou l’éditeur Gutenberg, vous pouvez facilement utiliser ce plugin pour obtenir le résultat souhaité.
Si vous utilisez l’éditeur classique, l’intégration d’un fichier PDF est similaire à ce que vous feriez pour une image ou une vidéo.
Tout d’abord, créez un nouvel article ou ouvrez un article existant, puis cliquez sur le bouton Ajouter un média. Ensuite, téléchargez votre fichier PDF, cliquez sur le bouton Insérer dans le message et un raccourci sera ajouté à votre message.
C’est tout – vous pouvez maintenant prévisualiser votre message pour vérifier s’il fonctionne correctement ou non.
Qu’en est-il de l’éditeur Gutenberg ? Eh bien, le plugin PDF Embedder est livré avec un bloc spécifique. Créez donc un nouvel article et cliquez sur l’icône Ajouter un bloc. Ensuite, recherchez le bloc PDF Embedder et sélectionnez-le.
Enfin, cliquez sur le bloc pour sélectionner (ou télécharger) votre fichier PDF et votre travail est terminé.
Voici le résultat final, quel que soit l’éditeur que vous utilisez :
Les meilleures plugins PDF sur WordPress
Bien que le plugin PDF Embedder fasse un bon travail, il est toujours bon d’avoir quelques alternatives. Permettez-nous donc de vous présenter maintenant quelques plugins de visualisation de PDF gratuits et payants :
PDF Viewer pour WordPress
Avec plus de 5000 ventes, le PDF viewer pour WordPress est le plugin de visualisation de PDF le plus vendu sur CodeCanyon. C’est un plugin totalement réactif et compatible avec tous les navigateurs. Ce plugin vous permet d’activer ou de désactiver des options telles que l’impression, le téléchargement, le zoom, la navigation sur les pages et le partage social. Vous pouvez également utiliser Google Analytics avec WordPress pour suivre le nombre de visiteurs qui lisent vos PDF.
Google Drive Embedder
Google Drive Embedder est un plugin gratuit qui vous permet d’accéder à votre Google Drive depuis votre tableau de bord WordPress et d’intégrer des PDF, des documents Word ou des feuilles de calcul à votre message ou à votre page. Toutefois, pour utiliser ce plugin, vous devez également installer le Login Google Apps – le but de ce plugin est de connecter votre lecteur Google à votre site WordPress.
Real3D Flipbook pour WordPress
Comme son nom l’indique, Real3D FlipBook est un plugin de flipbook 3D réactif et convivial pour l’affichage de PDF et d’images. Il a été développé en utilisant HTML5 et ne nécessite pas l’utilisation de Flash. Vous pouvez personnaliser des paramètres tels que la vitesse de retournement, le son de retournement, le niveau de zoom et l’angle de la caméra. Ce plugin supporte également le mode lightbox et plein écran. Voir
Comment intégrer un fichier PDF sans plugin
Si vous faites partie de ceux qui cherchent toujours des solutions sans plugin, alors cette section est pour vous. Nous pouvons certainement intégrer un fichier PDF dans les articles et pages WordPress sans installer un autre plugin.
L’idée est simple : vous devez télécharger votre fichier PDF sur votre compte Google Drive, puis utiliser le code iframe pour intégrer ce fichier sur votre site. Bien que cette méthode soit sûre, le seul problème est qu’elle utilise des iframes.
Étape 1 : Allez sur Google Drive et connectez-vous à votre compte (il vous suffit de vous inscrire à un compte Gmail pour obtenir gratuitement 15 Go d’espace disque).
Étape 2 : Téléchargez ici le fichier PDF que vous souhaitez intégrer dans votre article WordPress. Pour ce faire, cliquez sur Nouveau dans la barre de gauche de votre compte Google Drive, sélectionnez Télécharger le fichier et téléchargez le fichier à partir de votre ordinateur local.
Étape 3 : Une fois le fichier téléchargé sur votre disque, double-cliquez dessus pour le prévisualiser. Maintenant, cliquez sur les 3 points verticaux (Plus d’actions) présents dans le coin supérieur droit et sélectionnez Ouvrir dans une nouvelle fenêtre.
Étape 4 : Dans la nouvelle fenêtre, cliquez sur Plus d’actions (les 3 points verticaux dans le coin supérieur droit) et sélectionnez Partager.
Étape 5 : Une fenêtre contextuelle intitulée « Partager avec des personnes et des groupes » et « Obtenir un lien » s’ouvrira. Cliquez ici sur « Changer de personne » dans la section « Obtenir le lien ». Cela permet de s’assurer que toute personne ayant le lien vers le fichier PDF peut le visualiser. Si vous ne le faites pas, le fichier restera privé et ne sera pas visible pour le public de votre site web.
Étape 6 : Il est maintenant temps d’obtenir le code d’intégration que nous utiliserons dans notre message. Pour l’obtenir, cliquez à nouveau sur Plus d’actions, puis sélectionnez Intégrer.
Étape 7 : Cela ouvrira un pop-up où vous pourrez copier le code iframe
Étape 8 : Rendez-vous sur votre tableau de bord WordPress et créez ou modifiez le message ou la page où vous souhaitez intégrer le fichier PDF. Maintenant, si vous utilisez l’éditeur classique, il vous suffit d’aller dans l’onglet Texte et de coller le code :
Pour l’éditeur Gutenberg, vous devez ajouter un nouveau bloc, rechercher le HTML personnalisé, et enfin, ajouter le code iframe dans le bloc HTML personnalisé :
Étape 9 : C’est tout – prévisualisez maintenant votre message ou votre page pour vérifier votre fichier PDF intégré.
WordPress vous permet de créer des liens vers vos fichiers PDF – mais pas de les intégrer. Toutefois, ce tutoriel résout ce problème. Il montre comment vous pouvez intégrer vos fichiers PDF dans vos articles ou vos pages, tout comme vos images et vos vidéos, avec ou sans l’aide d’un plugin.
N’hésitez pas à regarder notre article sur les 19 outils de Google !
