ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: Wie man PDF-Dateien in WordPress einbettet
Aktie
Benachrichtigung Zeig mehr
Neuesten Nachrichten
Duux Edge 1500 im Test
Technische Bewertungen
Das MacBook Air 2022 ist zurück zu seinem bisher niedrigsten Preis
Angebote
Vertrauenswürdige Empfehlungen: Samsungs 5-Sterne-Fernseher blendet
Technische Bewertungen
Meross Smart Schnelllade-Steckdosenleiste MSP843P im Test
Technische Bewertungen
Das Remake von Resident Evil 4 ist bereits im Preis eingebrochen
Angebote
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Tutorials > Wie man PDF-Dateien in WordPress einbettet
Tutorials

Wie man PDF-Dateien in WordPress einbettet

Zuletzt aktualisiert: November 13, 2021 11:36 am
ThemeLocal vor 1 Jahr 13 Minuten Mindestlesezeit
Aktie
13 Minuten Mindestlesezeit
Aktie

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:

Contents
So betten Sie eine PDF-Datei mit einem Plugin einSchritt 1: PDF-Embedder-Plugin installierenSchritt 2: Einrichten des PluginsSchritt 3: PDF-Datei in Ihren Beitrag oder Ihre Seite einbettenPDF-Viewer für WordPressGoogle Drive-EinbetterAlgori PDF-ViewerReal3D FlipBook WordPress-PluginBeliebiges Dokument einbetten PlusSo betten Sie eine PDF-Datei ohne Plugin einEndnote zum Einbetten von PDF-Dateien in WordPress
  • 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?

PDF-Embedder-Plugin installieren

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.

PDF-Einbettungseinstellungen

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.

PDF-Datei einbetten Classic Editor

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.

PDF-Datei einbetten Gutenberg Editor

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:

Eingebettete PDF-Datei final

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

PDF-Viewer für WordPress-Plugin

Infos & Download

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-Plug-in

Infos & DownloadDemo ansehen

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

Algori PDF Viewer-Plugin

Infos & DownloadDemo ansehen

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

Real3D FlipBook WordPress-Plugin

Infos & Download

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

Beliebiges Dokument einbetten Plus

Infos & Download

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.

Upload von Google Drive-Dateien

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.

Google Drive: PDF 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.

Google Drive: 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.

Google Drive: Freigabeeinstellungen

Sie sollten die folgende Bestätigung sehen:

Google Drive: Jeden teilen

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.

Google Drive: Einbettungsoption

Schritt 7: Dadurch wird ein Popup geöffnet, in dem Sie den Iframe-Code kopieren können.

Google Drive: Einbettungscode

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:

Registerkarte Text des klassischen Editors

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:

Benutzerdefinierter HTML-Block

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.

Verwandter Beitrag

Dolby Vision vs HDR10: Wie unterscheiden sie sich, was ist besser?

Amazon Luna macht die gleichen fatalen Fehler wie Google Stadia

Oppo Find X6 Pro vs. OnePlus 11: Wie vergleichen sie sich?

Wie man Siri beibringt, einen Namen zu sagen, indem man die phonetische Schreibweise zur Kontakte-App hinzufügt

Die PS5-Preissenkung muss man gesehen haben, um es glauben zu können

MARKIERTE: einbettet, man, PDFDateien, Wie, WordPress
ThemeLocal November 13, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel So erstellen Sie benutzerdefinierte WooCommerce-Produktseiten
Nächster Artikel Die 10 wichtigsten Funktionen von Yoast SEO für WordPress
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Berühmter Post

So konvertieren Sie RAW in JPG
Wie man
Das brandneue QLED Fire TV von Amazon hat bereits einen Preisverfall
Angebote
So legen Sie bei der Arbeit ein anderes Layout des iPhone-Startbildschirms fest (2023)
Wie man
So ändern Sie den Desktop-Hintergrund in Windows 11
Wie man
Oppo Find X6 Pro vs. Samsung Galaxy S23 Ultra: Alle wichtigen Unterschiede
Gegen
Das Remake von Resident Evil 4 ist bereits im Preis eingebrochen
Angebote

También podría gustarte

Gegen

Dolby Vision vs HDR10: Wie unterscheiden sie sich, was ist besser?

vor 10 Stunden 7 Minuten Mindestlesezeit
Technische Bewertungen

Amazon Luna macht die gleichen fatalen Fehler wie Google Stadia

vor 10 Stunden 5 Minuten Mindestlesezeit
Gegen

Oppo Find X6 Pro vs. OnePlus 11: Wie vergleichen sie sich?

vor 3 Tagen 5 Minuten Mindestlesezeit
Wie man

Wie man Siri beibringt, einen Namen zu sagen, indem man die phonetische Schreibweise zur Kontakte-App hinzufügt

vor 3 Tagen 2 Minuten Mindestlesezeit
Angebote

Die PS5-Preissenkung muss man gesehen haben, um es glauben zu können

vor 4 Tagen 3 Minuten Mindestlesezeit
Showcase

Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)

vor 6 Tagen 12 Minuten Mindestlesezeit
Gegen

Sony A80L vs. Sony A80K: Wie unterscheiden sie sich?

vor 1 Woche 4 Minuten Mindestlesezeit
Tutorials

So fügen Sie eine SEO-Editor-Rolle in WordPress hinzu

vor 1 Woche 6 Minuten Mindestlesezeit
Zeig mehr
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns

© 2022 Themelocal. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?