Sie sind sich nicht sicher, wie Sie ein PDF in WordPress einbetten? Oder versuchst du immer noch, dich zu entscheiden, ob du willst? Es kann vorkommen, dass Sie gerne eine PDF-Datei in Ihren Beitrag oder Ihre Seite einbetten möchten:
- Ein Buchautor möchte den Lesern vielleicht ein kostenloses Exemplar geben.
- Um Produktkataloge auf Ihrer Website hinzuzufügen.
- Um Ihre Designs im PDF-Format mit Kunden zu teilen.
- Möglicherweise betreiben Sie ein Reisebüro und möchten die Reiseroute der Tourpakete anzeigen.
Aber es gibt ein Problem!
Obwohl Sie mit WordPress Audios, Videos und natürlich Bilder einbetten können, ist es nicht möglich, PDF-Dateien in Ihre Beiträge und Seiten einzubetten. Diese Funktion ist bisher nicht verfügbar, vielleicht wird sie in Zukunft hinzugefügt.
Falls Sie eine PDF-Datei hinzufügen möchten, können Sie die Datei über das Medien hinzufügen Option, fügen Sie sie ein und der Link zu dieser Datei wird Ihrer Seite hinzugefügt. Und Ihre Besucher können sie entweder herunterladen oder die Datei im Webbrowser anzeigen, indem sie Ihre Website verlassen.
Aber was ist, wenn Sie PDF-Dateien in Ihre Beiträge einbetten und Ihre Besucher anzeigen lassen möchten, ohne Ihre Website zu verlassen? Gibt es dafür eine Lösung? Die kurze Antwort ist JA.
In diesem Beitrag zeige ich also, wie Sie eine PDF-Datei in Ihren WordPress-Beitrag oder Ihre WordPress-Seite einbetten können. Bevor Sie beginnen, möchten Sie wahrscheinlich ein gut formatiertes, übersichtliches PDF-Dokument mit a . erstellen PDF-Editor. Dann können Sie es mit oder ohne Verwendung eines Plugins zu Ihren Beiträgen hinzufügen. Lass uns anfangen.
So betten Sie eine PDF-Datei mit einem Plugin ein
Es gibt viele Plugins, mit denen Sie Ihrem WordPress-Beitrag eine PDF-Datei hinzufügen können.
Wir werden jedoch ein Plugin namens . verwenden PDF-Einbetter. Es ist ein kostenloses Plugin, das im WordPress-Plugin-Verzeichnis verfügbar ist, Sie können jedoch auf das aktualisieren Pro-Version des Plugins für weitere Funktionen. Das Beste an diesem Plugin ist, dass es Javascript verwendet, um seine Arbeit zu erledigen, und nicht irgendein Dienst von Drittanbietern oder Iframes.
Schritt 1: PDF-Embedder-Plugin installieren
Melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zu Plugins > Neu hinzufügen. Jetzt suchen PDF-Einbetter im Suchfeld. Sobald Sie das Plugin gefunden haben, installieren und aktivieren Sie es einfach. Einfach, nicht wahr?
Schritt 2: Einrichten des Plugins
Obwohl Sie nach der Installation dieses Plugins mit dem Einbetten Ihrer PDF-Dateien beginnen können, können Sie zunächst die Einstellungen ändern, damit die eingebetteten Dateien besser aussehen. Um die Einstellungsseite dieses Plugins zu öffnen, gehen Sie zu Einstellungen > PDF-Einbetter aus der linken Seitenleiste Ihres WordPress-Dashboards.
In der kostenlosen Version dieses Plugins können Sie Folgendes ändern:
- Breite und Höhe – Sie können die Breite und Höhe des PDF-Viewers ändern. Es akzeptiert ganzzahlige Werte (in Pixel) oder max (100% Breite).
- Position der Symbolleiste – Die Symbolleiste dieses PDF-Viewers ermöglicht es Ihrem Publikum, hinein- oder herauszuzoomen und zur nächsten oder vorherigen Seite zu wechseln. Sie können die Symbolleiste oben, unten oder beides haben.
- Symbolleisten-Hover – Sie können auswählen, ob die Symbolleiste nur angezeigt werden soll, wenn Sie mit der Maus über das Dokument fahren oder nicht.
Dies sind nun die universellen Einstellungen. Aber was ist, wenn Sie die Einstellungen einer bestimmten Datei ändern möchten? Nun, Sie können das mit Hilfe von Shortcodes tun. Hier ist ein Beispiel:
[pdf-embedder url=”http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width=”500″ toolbar=”top” toolbarfixed=”on”]
Im obigen Beispiel ist die Breite auf 500px eingestellt, die Position der Symbolleiste ist auf oben festgelegt und die Symbolleiste wird fixiert. Sie können die Symbolleiste auch unten und die Symbolleiste fest auf Aus setzen.
Dieses Plugin hat auch eine Premium-Version, die Funktionen wie Download-Button, Track-Ansichten und -Download, kontinuierliches Scrollen der Seiten und Öffnen von Links in einem neuen Fenster bietet.
Schritt 3: PDF-Datei in Ihren Beitrag oder Ihre Seite einbetten
Sobald Sie mit den Einstellungen fertig sind, können Sie mit der Drecksarbeit beginnen. Egal, ob Sie den Classic Editor oder den Gutenberg Editor verwenden, Sie können dieses Plugin ganz einfach verwenden, um das gewünschte Ergebnis zu erzielen.
Wenn Sie das verwenden Klassischer Editor, ist das Einbetten einer PDF-Datei ähnlich wie bei einem Bild oder Video.
Erstelle zuerst einen neuen Beitrag oder öffne einen bestehenden und klicke dann auf Medien hinzufügen Taste. Laden Sie nun Ihre PDF-Datei hoch, klicken Sie auf In Beitrag einfügen Schaltfläche, und ein Shortcode wird Ihrem Beitrag hinzugefügt.
Das war’s – jetzt können Sie Ihren Beitrag in der Vorschau anzeigen, um zu überprüfen, ob er richtig funktioniert oder nicht.
Wie wäre es mit Gutenberg-Redakteur? Nun, das PDF Embedder-Plugin enthält einen bestimmten Block. Erstellen Sie also einen neuen Beitrag und klicken Sie auf das Symbol „Block hinzufügen“. Suchen Sie als Nächstes nach PDF-Einbetter blockieren und auswählen.
Klicken Sie abschließend auf den Block, um Ihre PDF-Datei auszuwählen (oder hochzuladen) und Ihre Arbeit ist erledigt.
Hier ist das Endergebnis, unabhängig davon, welchen Editor Sie verwenden:
Obwohl das PDF Embedder-Plugin gute Arbeit leistet, ist es immer gut, einige Alternativen zu haben. Lassen Sie mich jetzt einige kostenlose und Premium-PDF-Viewer-Plugins in keiner bestimmten Reihenfolge teilen:
PDF-Viewer für WordPress
Mit mehr als 3900+ Verkäufen ist der PDF-Viewer für WordPress das meistverkaufte PDF-Viewer-Plugin auf CodeCanyon. Es ist ein vollständig reaktionsfähiges und browserübergreifendes Plugin. Mit diesem Plugin können Sie Optionen wie Drucken, Herunterladen, Zoomen, Seitennavigation und Social Sharing aktivieren oder deaktivieren. Sie können Google Analytics auch mit WordPress verwenden, um die Anzahl der Besucher zu verfolgen, die Ihre PDFs lesen.
Google Drive-Einbetter
Google Drive Embedder ist ein kostenloses Plugin, mit dem Sie über Ihr WordPress-Dashboard auf Ihr Google Drive zugreifen und PDFs, Word-Dokumente oder Tabellenkalkulationen in Ihren Beitrag oder Ihre Seite einbetten können. Um dieses Plugin zu verwenden, müssen Sie es jedoch installieren Google Apps-Anmeldung auch – der Zweck dieses Plugins besteht darin, Ihr Google Drive mit Ihrer WordPress-Site zu verbinden.
Algori PDF-Viewer
Suchen Sie nach einem Gutenberg-Block-Plugin zum Einbetten von PDF-Dateien? Sie können das Algori PDF Viewer-Plugin ausprobieren. Dieses kostenlose Plugin ist mit allen Webbrowsern wie Google Chrome, Firefox, Safari, Opera und Internet Explorer 11 kompatibel. Es ermöglicht das Laden mehrerer Dateien auf einer einzigen Seite und unterstützt den Präsentationsmodus.
Real3D FlipBook WordPress-Plugin
Wie der Name schon sagt, ist Real3D FlipBook ein reaktionsschnelles und berührungsfreundliches 3D-Flipbook-Plugin zum Anzeigen von PDFs und Bildern. Es wurde mit HTML5 entwickelt und erfordert keine Verwendung von Flash. Sie können Einstellungen wie Flip-Geschwindigkeit, Flip-Sound, Zoomstufe und Kamerawinkel anpassen. Dieses Plugin unterstützt auch den Lightbox- und Vollbildmodus.
Beliebiges Dokument einbetten Plus
Embed Any Document Plus ist ein einzigartiges Plugin, mit dem Sie problemlos Dokumentdateien (PDF, Word, PPT, Excel usw.) hochladen und auf WordPress-Websites einbetten können. Das Plugin fügt über dem visuellen Editor eine Schaltfläche „Dokument hinzufügen“ hinzu. Dadurch wird das EAD Plus-Popup geöffnet, in dem Sie die Quelle Ihres Dokuments auswählen können. Es ist auch eng in die Cloud-Dienste Google Drive, Dropbox und Box.com integriert. Sie können auf Ihrer WordPress-Site bleiben und Dateien in die Cloud-Dienste hochladen und von dort aus einbetten.
Nach dem Hochladen oder Auswählen des einzubettenden Dokuments erhalten Sie auch die Möglichkeit, auszuwählen, welchen Dokumentendienst Sie zum Einbetten Ihrer Datei auswählen möchten. Das Plugin erkennt das Dateiformat automatisch und schlägt Ihnen den Viewer vor. Die Betrachter können eine Datei von maximal 5 bis 8 MB Größe verarbeiten. Bei größeren Dateien empfehlen Entwickler, diese auf Google Drive hochzuladen und von dort aus einzubetten.
So betten Sie eine PDF-Datei ohne Plugin ein
Nun, wenn Sie zu denen gehören, die immer nach Lösungen ohne Plugin suchen, dann ist dieser Abschnitt genau das Richtige für Sie. Wir können sicherlich eine PDF-Datei in WordPress-Beiträge und -Seiten einbetten, ohne ein weiteres Plugin zu installieren.
Die Idee ist einfach – Sie müssen Ihre PDF-Datei in Ihr Google Drive-Konto hochladen und dann den iframe-Code verwenden, um diese Datei in Ihre Website einzubetten. Obwohl diese Methode sicher ist, besteht das einzige Problem darin, dass sie Iframes verwendet.
Schritt 1: Gehe zu Google Drive und melden Sie sich bei Ihrem Konto an (melden Sie sich einfach für ein kostenloses Gmail-Konto an, um 15 GB Drive-Speicherplatz kostenlos zu erhalten).
Schritt 2: Laden Sie hier die PDF-Datei hoch, die Sie in Ihren WordPress-Beitrag einbetten möchten. Klicken Sie dazu auf Neu Wählen Sie in der linken Seitenleiste Ihres Google Drive-Kontos Datei-Upload, und laden Sie die Datei von Ihrem lokalen Computer hoch.
Schritt 3: Sobald die Datei auf Ihr Laufwerk hochgeladen wurde, doppelklicken Sie darauf, um eine Vorschau der Datei anzuzeigen. Klicken Sie nun auf die 3 vertikalen Punkte (Weitere Aktionen) in der oberen rechten Ecke und wählen Sie In neuem Fenster öffnen.
Schritt 4: Klicken Sie im neuen Fenster auf Weitere Aktionen (die 3 vertikalen Punkte in der oberen rechten Ecke) und wählen Sie Teilen.
Schritt 5: Es öffnet sich ein Popup-Fenster mit dem Namen „Mit Personen und Gruppen teilen“ und „Link abrufen“. Klicken Sie hier auf Wechseln Sie zu jedem mit dem Link im Abschnitt „Link abrufen“. Dadurch wird sichergestellt, dass jeder, der über den Link zur PDF-Datei verfügt, ihn anzeigen kann. Wenn Sie dies nicht tun, bleibt die Datei privat und ist für Ihr Website-Publikum nicht sichtbar.
Sie sollten die folgende Bestätigung sehen:
Sobald Sie auf klicken Fertig.
Schritt 6: Jetzt ist es an der Zeit, den Einbettungscode zu erhalten, den wir in unserem Beitrag verwenden werden. Um dies zu erhalten, klicken Sie erneut auf Weitere Aktionen, wählen Sie Element einbetten.
Schritt 7: Dadurch wird ein Popup geöffnet, in dem Sie den Iframe-Code kopieren können.
Schritt 8: Gehen Sie zu Ihrem WordPress-Dashboard und erstellen oder bearbeiten Sie den Beitrag oder die Seite, auf der Sie die PDF-Datei einbetten möchten. Wenn Sie jetzt die Klassischer Editor, gehen Sie einfach zur Registerkarte Text und fügen Sie den Code ein:
Zum Gutenberg-Redakteur, müssen Sie einen neuen Block hinzufügen, nach benutzerdefiniertem HTML suchen und schließlich den iframe-Code im benutzerdefinierten HTML-Block hinzufügen:
Schritt 9: Das war’s – jetzt sehen Sie sich Ihren Beitrag oder Ihre Seite in der Vorschau an, um Ihre eingebettete PDF-Datei zu überprüfen.
Endnote zum Einbetten von PDF-Dateien in WordPress
WordPress ermöglicht es Ihnen, auf Ihre PDF-Dateien zu verlinken – sie jedoch nicht einzubetten. Dieses Tutorial löst dieses Problem jedoch. Es zeigt, wie Sie Ihre PDF-Dateien in Ihre Beiträge oder Seiten einbetten können, genau wie Ihre Bilder und Videos, mit oder ohne Verwendung eines Plugins.
Haben Sie jemals eine PDF-Datei mit einer der beiden Methoden in Ihre Website eingebettet? Haben Sie ein alternatives Plugin im Sinn und glauben, dass es besser ist als die in diesem Artikel genannten? Teilen Sie mir Ihre Meinung im Kommentarbereich mit.