So betten Sie PDF-Dateien in WordPress ein

Veröffentlicht: 2022-05-17

WordPress ist eine zeitgemäße, flexible Plattform zur Veröffentlichung Ihrer Website. Einer der Ansätze, die Sie sehen können, ist jedoch seine Taktik gegenüber den Medien. Sie können fast alle Stile über die Medienbibliothek zu Ihrer Website hinzufügen, aber bei einigen Dokumenten benötigen Sie zusätzliche Unterstützung. Wenn Sie verstehen möchten, wie Sie PDF-Dateien in WordPress einbetten, benötigen Sie ein paar mehr Maßnahmen als eine sehr einfache Einbettung von Impressionen oder Videoclips.

Da WordPress nur eine generische Einbettungsleistung bietet, sollten Sie entweder einen Server zum Hosten Ihrer Datendateien verwenden oder ein Plugin für die meisten Anwendungsfälle installieren. Die gute Nachricht ist, dass beide dieser Optionen geeignet und vor allem einfach umzusetzen sind.

In diesem Beitrag zeigen wir Ihnen wahrscheinlich deutlich, wie Sie PDF-Dokumente in WordPress einbetten, indem Sie sowohl Google Generate, WordPress-Blöcke als auch ein Plugin verwenden. Zunächst lohnt es sich jedoch, darüber zu sprechen, warum Sie PDFs einbetten möchten, und auf die Variante mit einem einfachen Upload und einer Einbettung hinzuweisen.

Warum Sie eine PDF-Datei in WordPress einbetten möchten

Sie wissen jetzt vielleicht, warum Sie eine PDF-Datei in WordPress einbetten möchten, obwohl Sie vielleicht nicht verstehen, welche Vorteile Sie daraus ziehen. Es gibt ein gutes Angebot, und im Folgenden sind nur einige davon aufgeführt:

  • Ein PDF eignet sich hervorragend als Beispiel für Ihre gesamte Lösung oder Dienstleistungen. Wenn Sie beispielsweise ein Grafikdesigner oder Autor sind, können Sie PDFs leicht zugänglich machen.
  • Einige PDFs funktionieren effektiv als wiederverwendbare Dinge, die sich auf die Informationen verlassen. Ein Anmeldeformular ist ein hervorragendes Beispiel dafür oder ein Dokument mit Ausdrücken und Situationen.
  • Wenn Sie Whitepaper oder Rezensionen in Auftrag geben, müssen Sie diese nicht in WordPress erstellen. Alternativ können Sie die Datei zum Download oder zur Ansicht bereitstellen.

Die letzte Position bietet eine weit verbreitete Verwendungssituation für PDFs. Zur Veranschaulichung möchten Sie möglicherweise aufgrund der zeitaufwändigen Natur der Konvertierung kein wertvolles PDF als Veröffentlichung auf Ihrer Website neu erstellen. Allerdings könnten Sie die Datei einbetten und alle dynamischen und interaktiven Elemente eines einheimischen Artikels beibehalten.

Der Wechsel zwischen Einbetten und Hochladen Ihrer PDF-Datei

Für einige mag es offensichtlich erscheinen, aber es gibt einen großen Unterschied zwischen dem Einbetten Ihrer PDF-Datei und dem Hochladen. Natürlich können Sie jede Datei zu WordPress hinzufügen (abgesehen von SVGs, die kürzlich erstellt wurden), aber das bedeutet nicht, dass Sie sie ansehen können.

Dazu benötigen Sie eine Möglichkeit für WordPress, mit der gekauften Datei zu „sprechen“, um sie auf dem Bildschirm anzuzeigen. Hier kommt ein engagierter PDF-Viewer ins Spiel. Es war bekannt, dass WordPress nicht das Beste war, wenn es um eingebettete Informationen ging. Trotzdem erhalten Sie mit der Einführung des Block-Editors einen viel konsistenteren Workflow, der viel mehr mit anderen Medienarten in nur WordPress übereinstimmt – mehr davon später.

So betten Sie PDF-Informationen in WordPress ein (3 Ansätze)

Es gibt 3 Möglichkeiten, die wir im Folgenden ansprechen werden, um PDF-Dokumente in WordPress einzubetten. Jeder ist auf dem Weg, unterschiedliche Apps und Workflows zu integrieren. In diesem Sinne ist die 1, für die Sie sich entscheiden, eine persönliche Schlussfolgerung:

  1. Wenn Sie Google Push verwenden, um Ihre Informationen zu hosten, möchten Sie möglicherweise den Einbettungscode in das HTML von WordPress einfügen.
  2. Der WordPress-Blockeditor bietet eine Möglichkeit, PDFs auszulesen, und dies könnte alles sein, was Sie brauchen, um sie im Eingangsbereich anzuzeigen.
  3. Mit einem Plugin wie PDF Embedder können Sie Ihre PDFs anzeigen und den Lesern ein umfassendes Arbeitserlebnis bieten.

Die Antworten, die wir geben, sind in keiner Reihenfolge, und keine ist „richtiger“ als die andere. Werfen Sie daher einen Blick auf jeden einzelnen und wählen Sie einen aus, der Ihren Gesamtzielen entspricht.

1. Einbetten einer Datei, die mit Google Travel funktioniert

Viele Website-Eigentümer verwenden Google-Produkte, und für diese, die in das Ökosystem investiert werden, wissen Sie, wie wichtig Google Generate ist.

Das Google Drive-Logo.

Wenn Sie Ihre PDF-Dateien in der Cloud hosten und sie wirklich nicht verschieben möchten, können Sie sie relativ einfach in Ihre WordPress-Website einbetten. Gehen Sie zunächst zu Ihrer bevorzugten Datei in Google Drive und klicken Sie im Menü „ Extra Schritte “ auf die Option „ Teilen “:

Die Share-Option in Google Drive.

Sie können gerne auswählen, welche Mischung von Einstellungen zu Ihrer gewünschten Begegnung passt. Wenn Sie mit diesem Artikel fertig sind, gehen Sie erneut zum Menü Viel mehr Aktionen und öffnen Sie die Datei in einem neuen Fenster:

Die Option In neuem Fenster öffnen in Google Drive.

Sie werden feststellen, dass sich die Lösungen in diesem Menü ändern. Wenn Sie das Menü Viel mehr Schritte öffnen, wird jetzt ein Element einbetten… Link angezeigt:

Die Option „Element einbetten…“ in Google Drive.

Wenn Sie darauf klicken, wird ein Dialogfeld angezeigt, das HTML-Code enthält. Du solltest das wirklich kopieren und dann zurück zu WordPress gehen:

Das Dialogfeld „Element einbetten“ von Google Drive.

In diesem Stadium können Sie wieder zu WordPress zurückkehren und die Webseite öffnen, von der Sie das PDF einbetten möchten. Öffnen Sie dieses Mal im Extra-Aktionsmenü des Block-Editors den Code-Editor :

Die Code-Editor-Option in WordPress.

Ihre Arbeit hier besteht darin, die geeignete Stelle für Ihren Einbettungscode aufzudecken und ihn einzufügen:

Hinzufügen von HTML-Code zum WordPress-Code-Editor.

Wenn Sie auf die URL des Exit-Code-Editors klicken, sehen Sie die Einbettung auf der Webseite:

Ein in eine WordPress-Seite eingebettetes Google Drive.

Auf der anderen Seite, obwohl dies schnell anzuwenden ist, ist es eine nützliche Möglichkeit, Ihr PDF auszustellen, einfach weil es ein Iframe ist und Sie nie viele Lösungen erhalten. Für einen viel anpassungsfähigeren Ansatz behalten Sie die Prüfung bei!

2. Einfügen einer sichtbaren PDF-Datei in Ihre Website unter Verwendung von WordPress-Blöcken

Im Gegensatz zum vorherigen Basis-Editor können Sie mit dem Block-Editor die Arbeit mit vielen Medienarten auf stabile Weise erledigen. Dies ist nicht deutlicher als beim Einbetten von PDF-Dateien in WordPress.

Sie können den Dateiblock verwenden, um alle Arten von Dateien einzubetten, aber in diesem Fall können wir ihn zum Einbetten einer PDF-Datei verwenden. Wenn Sie zu Ihrer bevorzugten Artikel- oder Website-Seite navigieren, können Sie nach dem Dateiblock suchen, und (ähnlich wie bei Fotos) sehen Sie einen Datei-Uploader-Dialog:

Der Dateiblock-Uploader-Dialog.

Wenn Sie Ihre Datei hier einfügen, wird sie in einem hervorragend suchenden Viewer als Inline-Komponente angezeigt:

Eine Einbettung mit dem Dateiblock.

Sie sehen auch einen vollständigen URL-Pfad für Ihre Datei und eine Schaltfläche zum Herunterladen . Sie können dies in den dedizierten Block-Optionen in der Seitenleiste des Editors anpassen:

Die Dateiblock-Einstellungen in der WordPress-Seitenleiste.

Unserer Meinung nach ist es eine bessere Alternative als eine Google Travel-Einbettung, bietet aber dennoch nur ein leichtes Arbeitserlebnis, das Sie durch die Verwendung eines Plugins weitaus verbessern können. Lassen Sie uns diese Option als nächstes untersuchen.

3. Arbeiten mit Plugins zum Einbetten von PDF-Dateien in WordPress

Wenn Sie regelmäßig PDF-Dateien in WordPress einbetten oder ein erstklassiges Prüfungswissen bereitstellen möchten, ist ein Plugin der richtige Weg. Es gibt einige, aus denen Sie sich entscheiden können, und tatsächlich wird jede der Lösungen eine sehr gute Lösung sein.

Nichtsdestotrotz mögen wir PDF Embedder, weil es eine Menge Installationen, viele konstruktive Bewertungen (und aus diesem Grund genießen andere Käufer das Plugin) und typische Updates hat.

Das PDF Embedder-Plugin.

Wenn Sie das Plugin installiert und aktiviert haben, gehen Sie in WordPress zur Website Optionen > PDF Embedder :

Der Link zu den PDF Embedder-Einstellungen in WordPress.

Es gibt nicht allzu viele in diesem Artikel, da der Betrachter wie wunderbar aus der Box zu sein scheint. Allerdings können Sie diese Faktoren wie das absolute Minimum und die meisten Abmessungen, einige Symbolleisten-spezifische Konfigurationen und andere Personen verbessern:

Die Seite mit den PDF Embedder-Einstellungen.

Um Ihre PDF-Datei einzubetten, fügen Sie Ihren Informationen grundsätzlich einen PDF-Einbettungsblock hinzu und wählen Sie Ihre Datei aus dem Uploader aus:

Der PDF-Embedder-Block mit der Option zum Öffnen der Medienbibliothek.

Beachten Sie, dass Sie auch die folgenden Blockierungseinstellungen überprüfen und bei Bedarf anpassen können. Wenn Sie die weltweiten Optionen noch nicht berührt haben, möchten Sie möglicherweise einige Änderungen vornehmen, um sie weit besser an Ihren geschriebenen Inhalt anzupassen:

Die PDF Embedder-Seitenleiste.

Dadurch erhalten Sie jedoch einen umstrittenen größeren Viewer als die Einbettung von Google Drive oder die native WordPress-Option. Darüber hinaus können Sie auf ein Premium-Modell von PDF Embedder upgraden, um zusätzliche Funktionen, mehr Unterstützung und vieles mehr zu erhalten.

So betten Sie PDFs in WordPress ein, die lesbar und optimiert sind

So wie Sie Ihre Illustrationen oder Fotos und Videos verbessern würden, werden Sie auch Ihre PDF-Dateien verbessern wollen. Hier sind einige schnelle Strategien, die Ihnen dabei helfen, kompakte Dokumente bereitzustellen, die gut aussehen und den Reichtum bewahren:

  • Ihre Typografie ist entscheidend – genauso wichtig wie die Schriftarten Ihrer Website. Wir empfehlen Ihnen, sich an zwei Schriftarten zu halten und sie in einer für alle Augen geeigneten Größe einzurichten.
  • Sie können PDFs genauso aufwerten wie Illustrationen oder Fotos. Gelegentlich kann eine PDF-Datei Megabyte groß sein, also sollten Sie sie so klein wie möglich machen. ShortPixel hat einen hervorragenden PDF-Kompressor, der zu seiner überwältigenden Grafikoptimierung passt.
  • Apropos, wenn Sie visuelle Elemente in Ihr PDF integrieren, stellen Sie sicher, dass sie auch den idealen Grad an Optimierung aufweisen.

Behandeln Sie Ihre PDF-Datei im Großen und Ganzen wie eine Veröffentlichung oder Website auf Ihrer Webseite: Optimieren Sie sie für Aussehen und Geschwindigkeit, und machen Sie sich wirklich keine Sorgen um Interaktivität. Die Datei wird effektiv gerendert und liefert die gleiche Dynamik wie ein ursprünglich geschriebener Inhalt.

Zusammenfassend

Egal, welche Medien Sie auf Ihre WordPress-Website werfen, Sie können damit arbeiten (SVGs ausgenommen). Wenn es um PDFs geht, hat WordPress eine erstaunliche native Arbeitserfahrung, die alles sein könnte, was Sie wollen. Wenn Sie andererseits beim Einbetten von PDF-Dateien in WordPress ein besonders umfassendes Arbeitserlebnis wünschen, können Sie andere Kriterien festlegen.

Wenn Sie beispielsweise Ihre Dokumente nur in Google Drive hosten, könnten Sie den HTML-Code in Ihre Artikel „fest codieren“. Dies ergibt einen großartigen Viewer, ist aber nicht anpassbar und könnte mit kaputten eingehenden Links und fehlenden Medien enden, wenn Sie die Datei später am Tag herausnehmen. Alternativ bietet Ihnen ein Plugin alle gewünschten Funktionen. PDF Embedder ist herausragend, aber es gibt auch andere Optionen. Die hier aufgeführte Aktivität besteht darin, sich für die beste 1 für Ihre Anforderungen und Ihren Arbeitsablauf zu entscheiden.

Möchten Sie PDF-Dateien in WordPress einbetten und wenn ja, für welche Lösung entscheiden Sie sich? Lassen Sie es uns im Kommentarbereich unten wissen!