Möchten Sie einen PDF-Viewer in WordPress hinzufügen?
Das PDF-Format ist gut zu verwenden, wenn Ihre Dateien immer das gleiche Layout haben sollen, egal auf welchem Gerät sie angezeigt werden. Durch das Einbetten von PDF-Dateien in WordPress können Sie Ihre Dateien teilen und gleichzeitig die Besucher auf Ihrer Website halten.
In diesem Artikel zeigen wir Ihnen, wie Sie einen PDF-Viewer in WordPress hinzufügen.
Warum brauchen Sie einen PDF-Viewer in WordPress?
Standardmäßig bettet WordPress keine PDF-Dateien in Blog-Posts ein, wie dies bei Audio, Video, Tweets und anderen Medienformaten der Fall ist. Es fügt nur die Datei als herunterladbaren Link hinzu.
Das bedeutet, dass Ihre Besucher Ihren Beitrag verlassen müssen, um die PDF-Datei anzuzeigen. Viele dieser Nutzer kehren nicht zu Ihrer Website zurück. Dadurch werden die Seitenaufrufe Ihrer Website sowie die Nutzerinteraktion reduziert.
Eine Möglichkeit, damit umzugehen, besteht darin, PDF-Dateien als Inhalts-Upgrades anzubieten. Auf diese Weise können Sie Benutzer bitten, sich Ihrer E-Mail-Liste anzuschließen, um den Bonusinhalt zu erhalten.
Wenn Sie jedoch nur möchten, dass Benutzer PDF-Dateien anzeigen, ohne Ihre Website zu verlassen, müssen Sie Ihrer WordPress-Site einen PDF-Viewer hinzufügen.
PDF-Embedder installieren und einrichten
Wir werden verwenden PDF-Einbetter, eines der besten PDF-Plugins für WordPress.
Es verwendet JavaScript zum Einbetten von Dateien mit einer voll funktionsfähigen Symbolleiste, mit der Benutzer die PDF-Datei vergrößern und navigieren können. Es ist auch vollständig reaktionsschnell, sodass das eingebettete PDF auf jedem Bildschirm angezeigt werden kann.
Zuerst müssen Sie die installieren und aktivieren PDF-Einbetter Plugin. Detaillierte Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung können Sie besuchen Einstellungen » PDF-Einbetter um die Plugin-Einstellungen zu konfigurieren. Die Standardeinstellungen sind für die meisten Websites geeignet, daher ist dieser Schritt optional.
Mit den Einstellungen können Sie die Höhe und Breite des PDF-Viewers steuern. Sie können dies ändern, wenn Sie der Meinung sind, dass der PDF-Viewer zu breit oder zu schmal ist.
Sie können auch wählen, ob die Symbolleiste oben oder unten im Viewer angezeigt und ausgeblendet werden soll, bis der Benutzer mit der Maus über das Dokument fährt.
Die Premium-Version fügt Optionen für eine Download-Schaltfläche, kontinuierliches Seitenscrollen, anklickbare Links und das Nachverfolgen von Dateidownloads hinzu. Es bietet auch eine Reihe von Mobil- und Sicherheitseinstellungen.
Wenn Sie mit dem Anpassen Ihrer Einstellungen fertig sind, vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um sie zu speichern.
Jetzt können wir ein PDF in einen WordPress-Beitrag oder eine WordPress-Seite einbetten. Die Vorgehensweise hängt davon ab, ob Sie den Blockeditor oder den klassischen Editor verwenden. Sie können die folgenden Links verwenden, um zu Ihrem bevorzugten Abschnitt zu springen:
- So fügen Sie einen PDF-Viewer im Blockeditor hinzu
- So fügen Sie einen PDF-Viewer im klassischen Editor hinzu
So fügen Sie einen PDF-Viewer im Blockeditor hinzu
Das Hinzufügen von PDF-Dateien zu Ihren WordPress-Beiträgen und -Seiten ist ganz einfach. Wir beginnen damit, einen neuen Beitrag hinzuzufügen oder einen bestehenden zu bearbeiten.
Platzieren Sie zunächst Ihren Cursor an der Stelle, an der Sie das PDF-Dokument einbetten möchten. Dann müssen Sie einen neuen Block hinzufügen, indem Sie auf Block hinzufügen . klicken + Schaltfläche oben links auf dem WordPress-Bearbeitungsbildschirm.
Als nächstes sollten Sie auf die Schaltfläche ‚PDF Embedder‘ im Abschnitt Text klicken.
Sobald Sie dies getan haben, müssen Sie eine neue PDF-Datei in Ihren Beitrag hochladen oder eine aus Ihrer Medienbibliothek auswählen. Klicken Sie dazu auf den Link „Klicken Sie hier, um die Medienbibliothek zu öffnen, um PDF auszuwählen“.
Sie werden zur WordPress-Medienbibliothek weitergeleitet. Wenn Sie das PDF noch nicht hinzugefügt haben, tun Sie dies jetzt. Ziehen Sie die Datei einfach in die Bibliothek, und wenn Sie die Meldung „Dateien zum Hochladen ablegen“ sehen, können Sie Ihre Maustaste loslassen.
Das PDF wird automatisch hochgeladen und ausgewählt. Alles, was Sie tun müssen, ist auf die Schaltfläche „Auswählen“ zu klicken.
Das PDF wird Ihrem Dokument hinzugefügt. Während Sie den Beitrag bearbeiten, wird keine Vorschau der PDF-Datei angezeigt. Stattdessen enthält der Block die URL der Datei.
Um das PDF anzuzeigen, müssen Sie Ihren Beitrag speichern und auf Ihrer Live-Website in der Vorschau anzeigen. So sieht es auf unserer Demo-Website aus.
So fügen Sie einen PDF-Viewer im klassischen Editor hinzu
Ebenso einfach ist das Einbetten eines PDFs in den klassischen Editor. Beginnen Sie damit, einen neuen Beitrag hinzuzufügen oder den Beitrag zu öffnen, an dem Sie gerade arbeiten.
Danach sollten Sie den Cursor dort platzieren, wo Sie das PDF anzeigen möchten, und dann müssen Sie das PDF auf die Seite ziehen. Wenn Sie die Meldung „Dateien zum Hochladen ablegen“ sehen, können Sie die Maustaste loslassen.
Das PDF wird automatisch in Ihre Mediathek hochgeladen und ausgewählt. Jetzt müssen Sie nur noch auf die Schaltfläche „In Beitrag einfügen“ klicken.
PDF Embedder fügt Ihrem Beitrag oder Ihrer Seite einen Shortcode hinzu. Es wird aussehen wie [pdf-embedder url="PDFURL"]. Dadurch wird das PDF angezeigt, wenn Sie die Datei in der Vorschau anzeigen oder veröffentlichen.
Um das PDF anzuzeigen, speichern Sie einfach Ihren Beitrag und zeigen Sie ihn auf Ihrer Live-Website an. So sah es auf unserer Demo-Website aus.
Wir hoffen, dieser Artikel hat Ihnen geholfen, einen PDF-Viewer in WordPress hinzuzufügen. Vielleicht möchten Sie auch einen Blick auf unsere Anleitung zum Erstellen eines E-Mail-Newsletters werfen oder unsere Liste der WordPress-Plugins ansehen, die Sie benötigen, um Ihre Website zu erweitern.
