Comment intégrer des fichiers de données PDF dans WordPress

Publié: 2022-05-17

WordPress est une plateforme contemporaine et flexible pour publier votre site. L'une des approches que vous pouvez voir est cependant sa stratégie vis-à-vis des médias. Vous êtes en mesure d'ajouter presque tous les styles à votre site Web via la médiathèque, mais avec certains documents, vous avez besoin d'une aide supplémentaire. Si vous voulez savoir comment intégrer des fichiers PDF dans WordPress, vous aurez besoin de beaucoup plus de mesures qu'une simple impression ou intégration de clip vidéo.

Étant donné que WordPress n'offre que des performances d'intégration génériques, vous souhaiterez soit utiliser un serveur pour héberger vos fichiers de données, soit installer un plug-in dans la plupart des cas d'utilisation. La bonne nouvelle est que ces deux options sont adaptées et, surtout, simples à mettre en œuvre.

Pour cet article, nous allons probablement vous montrer clairement comment intégrer des documents PDF dans WordPress en utilisant à la fois Google Generate, les blocs WordPress et un plugin. Cependant, au départ, il est utile de parler de la raison pour laquelle vous voudriez intégrer des fichiers PDF et de souligner la variation impliquant un téléchargement facile et une intégration.

Pourquoi voudriez-vous intégrer un fichier PDF dans WordPress

Vous savez peut-être déjà pourquoi vous souhaitez intégrer un fichier PDF dans WordPress, même si vous ne comprenez peut-être pas les avantages que vous en retirerez. Il y en a beaucoup, et voici quelques-unes :

  • Un PDF est formidable à utiliser comme échantillon pour l'ensemble de votre solution ou de vos services. Par exemple, si vous êtes un graphiste ou un auteur, vous pouvez rendre les PDF facilement disponibles pour téléchargement.
  • Certains fichiers PDF fonctionnent efficacement comme des éléments réutilisables en s'appuyant sur les informations. Un type d'inscription est un excellent exemple, ou un document de phrases et de situations.
  • Si vous commandez des livres blancs ou des critiques, vous n'aurez pas à les intégrer à WordPress. Alternativement, vous pouvez fournir le fichier pour téléchargement ou visualisation.

La dernière position fournit une situation d'utilisation généralisée pour les PDF. Par exemple, vous ne voudrez peut-être pas recréer un PDF précieux en tant que publication sur votre site Web en raison de la nature mère de la conversion qui prend du temps. Cela dit, vous pouvez intégrer le fichier et conserver tous les éléments dynamiques et interactifs d'un article indigène.

Le changement entre l'intégration et le téléchargement de votre fichier PDF

Cela peut sembler évident pour certains, mais il y a une grande différence entre l'intégration de votre fichier PDF et son téléchargement. Certes, vous pouvez ajouter n'importe quel fichier à WordPress (à l'exception des SVG lors de la production récente), mais cela ne signifie pas que vous pouvez le regarder.

Pour ce faire, vous aurez besoin d'un moyen pour WordPress de "parler" au fichier afin de l'afficher à l'écran. C'est là qu'un visualiseur PDF engagé entre en jeu. Il s'est avéré que WordPress n'était pas le meilleur en matière d'informations intégrées. Même ainsi, avec l'arrivée de l'éditeur de blocs, vous obtenez un flux de travail beaucoup plus cohérent, beaucoup plus conforme aux autres types de médias dans WordPress uniquement - beaucoup plus tard.

Comment intégrer des informations PDF dans WordPress (3 approches)

Il y a 3 moyens que nous aborderons pour intégrer des documents PDF dans WordPress. Chacun se dirige vers des applications et des flux de travail distincts. En tant que tel, celui que vous choisissez est une conclusion personnelle :

  1. Si vous utilisez Google Push pour héberger vos informations, vous souhaiterez peut-être insérer le code d'intégration dans le code HTML de WordPress.
  2. L'éditeur de blocs WordPress a un moyen de consulter les PDF, et c'est tout ce dont vous avez besoin pour les afficher à la fin de l'entrée.
  3. Un plugin tel que PDF Embedder vous permettra d'afficher vos fichiers PDF et de fournir une expérience de travail complète aux lecteurs.

Les réponses que nous fournissons ne sont pas dans n'importe quel ordre, et aucune n'est plus « juste » que l'autre. En tant que tel, jetez un coup d'œil à chacun et sélectionnez-en un qui correspond à vos objectifs globaux.

1. Intégration d'un fichier en collaboration avec Google Travel

De nombreux propriétaires de sites Web utilisent des éléments Google, et pour ceux qui investissent dans l'écosystème, vous saurez à quel point Google Generate est important.

Le logo Google Drive.

Si vous hébergez vos informations PDF dans le cloud et que vous ne voulez vraiment pas les déplacer, vous pouvez les intégrer dans votre site Web WordPress avec un soulagement relatif. Pour commencer, accédez à votre fichier préféré dans Google Drive et cliquez sur la possibilité de partager dans le menu Étapes supplémentaires :

L'option Partager dans Google Drive.

Vous êtes invités à sélectionner la combinaison de paramètres qui correspond à la rencontre souhaitée. Lorsque vous avez terminé cet article, rendez-vous à nouveau dans le menu Beaucoup plus d'actions et ouvrez le fichier dans une nouvelle fenêtre :

L'option Ouvrir dans une nouvelle fenêtre dans Google Drive.

Vous allez découvrir que les solutions à l'intérieur de ce menu changent. Si vous ouvrez le menu Beaucoup plus d'étapes , il y aura maintenant un élément Intégrer… lien :

L'option Incorporer l'élément… dans Google Drive.

En cliquant dessus, une boîte de dialogue contenant du code HTML s'affichera. Vous devriez vraiment copier ceci, puis retourner à WordPress :

Boîte de dialogue Intégrer l'élément de Google Drive.

À ce stade, vous pouvez revenir à WordPress et ouvrir la page Web à partir de laquelle vous souhaitez intégrer le PDF. Cette fois, dans le menu Actions supplémentaires de l'éditeur de blocs, ouvrez l' éditeur de code :

L'option d'éditeur de code dans WordPress.

Votre travail ici consiste à découvrir l'emplacement approprié pour votre code d'intégration et à le coller :

Ajout de code HTML à l'éditeur de code WordPress.

Au moment où vous cliquez sur l'URL de l' éditeur de code de sortie , vous verrez l'intégration sur la page Web :

Une intégration Google Drive dans une page WordPress.

D'un autre côté, même si cela est rapide à appliquer, c'est un moyen utile d'exposer votre PDF, simplement parce que c'est un iframe et que vous n'obtenez jamais beaucoup de solutions. Pour une approche beaucoup plus adaptable, continuez à examiner!

2. Inclure un fichier PDF visible sur votre site à l'aide de blocs WordPress

Contrairement à l'éditeur de base précédent, l'éditeur de blocs vous permet de faire le travail avec de nombreuses variétés de médias de manière stable. Ce n'est pas plus clair que lorsque vous intégrez des fichiers PDF dans WordPress.

Vous pouvez utiliser le bloc Fichier pour intégrer tous les types de fichiers, mais dans ce cas, nous pouvons l'utiliser pour intégrer un PDF. Si vous naviguez vers votre page d'article ou de site Web préférée, vous pouvez rechercher le bloc de fichiers et (tout comme les photos), vous verrez une boîte de dialogue de téléchargement de fichiers :

La boîte de dialogue Téléchargeur de blocs de fichiers.

Si vous incluez votre fichier ici, il s'affichera dans une excellente visionneuse de recherche, en tant que composant en ligne :

Une intégration à l'aide du bloc Fichier.

Vous verrez également un chemin d'URL complet pour votre fichier et un bouton de téléchargement . Vous pouvez régler cela dans les options de bloc dédiées dans la barre latérale de l'éditeur :

Les paramètres du bloc de fichiers dans la barre latérale de WordPress.

À notre avis, c'est une meilleure alternative qu'une intégration Google Travel, mais elle ne fournit néanmoins qu'une expérience de travail légère que vous pouvez bien mieux utiliser en utilisant un plugin. Examinons ce choix ultérieurement.

3. Travailler avec des plugins pour intégrer des fichiers de données PDF dans WordPress

Si vous souhaitez intégrer régulièrement des fichiers de données PDF dans WordPress ou si vous souhaitez fournir une expertise d'examen de premier ordre, un plugin est la solution. Il y en a quelques-unes parmi lesquelles opter, et en réalité, chacune des solutions sera une très bonne solution.

Néanmoins, nous aimons PDF Embedder car il a une tonne d'installations, de nombreuses critiques constructives (et pour cette raison, d'autres acheteurs apprécient le plugin), et il a des mises à jour typiques.

Le plug-in PDF Embedder.

Lorsque vous installez et activez le plugin, rendez-vous sur le site Web Options > PDF Embedder dans WordPress :

Le lien des paramètres PDF Embedder dans WordPress.

Il n'y en a pas trop dans cet article, car le spectateur semble être génial prêt à l'emploi. Cela dit, vous pouvez améliorer ces facteurs comme le strict minimum et la plupart des dimensions, certaines configurations spécifiques à la barre d'outils et d'autres personnes :

La page des paramètres de PDF Embedder.

Pour intégrer votre PDF, incluez essentiellement un bloc PDF Embedder à vos informations et sélectionnez votre fichier à partir du téléchargeur :

Le bloc PDF Embedder montrant l'option d'ouverture de la bibliothèque multimédia.

Notez que vous pouvez également consulter les paramètres de blocage ci-dessous et les ajuster si nécessaire. Si vous n'avez pas touché aux options mondiales auparavant, vous voudrez peut-être apporter quelques modifications pour mieux correspondre à votre contenu écrit :

La barre latérale de PDF Embedder.

Cependant, cela vous donnera une visionneuse plus controversée que l'intégration de Google Drive ou l'option WordPress indigène. De plus, vous pouvez passer à un modèle premium de PDF Embedder pour obtenir des fonctionnalités supplémentaires, une plus grande assistance et bien plus encore.

Comment intégrer des PDF dans WordPress qui sont lisibles et optimisés

Tout comme vous amélioreriez vos illustrations ou vos photos et vidéos, vous souhaiterez également améliorer vos fichiers PDF. Voici quelques stratégies rapides pour vous aider à servir des documents compacts qui ont l'air bien et qui conservent leur richesse :

  • Votre typographie est essentielle – tout aussi cruciale que les polices de caractères de votre site. Nous vous suggérons de vous en tenir à deux polices au complet, et de l'établir dans des dimensions adaptées à tous les yeux.
  • Vous pouvez améliorer des PDF comme vous le feriez pour des illustrations ou des photos. Parfois, un PDF peut avoir une dimension de mégaoctets, vous voulez donc le rendre aussi petit que possible. ShortPixel a un compresseur PDF stellaire pour aller avec son optimisation graphique écrasante.
  • En parlant de cela, si vous intégrez des visuels dans votre PDF, assurez-vous qu'ils ont également la quantité idéale d'optimisation.

Dans l'ensemble, traitez votre PDF comme vous le feriez pour un article ou un site sur votre page Web : optimisez-le pour la recherche et la vitesse, et ne craignez vraiment pas l'interactivité. Le fichier sera rendu efficacement et fournira la même dynamique qu'un élément de contenu écrit local.

En résumé

Peu importe les médias que vous lancez sur votre site WordPress, vous serez en mesure de fonctionner avec (résistant aux SVG). En ce qui concerne les PDF, WordPress offre une expérience de travail native incroyable qui pourrait être tout ce que vous voulez. D'autre part, si vous souhaitez une expérience de travail supplémentaire lorsque vous intégrez des fichiers PDF dans WordPress, vous pouvez définir d'autres critères.

Par exemple, si vous hébergez vos documents uniquement dans Google Drive, vous pouvez "coder en dur" le code HTML intégré dans vos articles. Cela donnera une visionneuse impressionnante, mais elle n'est pas adaptable et pourrait se terminer par des liens entrants brisés et des médias manquants si vous sortez le fichier plus tard dans la journée. Comme alternative, un plugin vous donnera toutes les fonctionnalités que vous souhaitez. PDF Embedder est stellaire, mais il existe également d'autres options. L'activité répertoriée ici consiste à choisir celle qui convient le mieux à vos besoins et à votre flux de travail.

Voulez-vous intégrer des fichiers de données PDF dans WordPress, et si oui, quelle solution choisirez-vous ? Faites-nous savoir dans la partie commentaires ci-dessous!