Es kann vorkommen, dass Sie eine PDF-Datei in Ihren Beitrag oder Ihre Seite einbetten möchten:
- Ein Buchautor möchte den Lesern möglicherweise ein kostenloses Exemplar geben.
- So fügen Sie Ihrer Website Produktkataloge hinzu
- So teilen Sie Ihre Kreationen im PDF-Format mit Ihren Kunden.
- Sie können ein Reisebüro betreiben und möchten die Reiseroute der Touristenpakete 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 derzeit nicht verfügbar. Möglicherweise wird sie in Zukunft hinzugefügt.
Wenn Sie eine PDF-Datei hinzufügen möchten, können Sie die Datei mit der Option hochladen Fügen Sie ein Medium hinzu, Fügen Sie es ein und der Link zu dieser Datei wird Ihrer Seite hinzugefügt. Und Ihre Besucher können es herunterladen oder die Datei im Webbrowser anzeigen, wenn Sie Ihre Website verlassen.
Was aber, wenn Sie PDF-Dateien in Ihre Artikel einbetten und Ihren Besuchern zeigen möchten, ohne Ihre Website zu verlassen? Gibt es eine Lösung dafür?
Die kurze Antwort lautet JA.
In diesem Beitrag zeigen wir Ihnen, wie Sie PDF-Dateien in Ihre WordPress-Beiträge oder -Seiten einbetten können. Bevor Sie beginnen, müssen Sie wahrscheinlich ein gut formatiertes und ordentliches PDF-Dokument mit einem PDF-Editor erstellen. Dann können Sie es mit oder ohne Verwendung eines Plugins zu Ihren Artikeln hinzufügen.
Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren
Dann zurück zu warum wir hier sind.
So fügen Sie eine PDF-Datei mit einem Plugin hinzu
Es gibt viele Plugins, mit denen Sie Ihrem WordPress-Beitrag eine PDF-Datei hinzufügen können.
Wir werden jedoch verwenden WordPress PDF Embedder Plugin. Dies ist ein WordPress Plugin kostenlos, das im WordPress-Plugin-Verzeichnis verfügbar ist. Das Beste an diesem Plugin ist, dass es Javascript verwendet, um seine Arbeit zu erledigen, und nicht Dienste oder Iframes von Drittanbietern.
Schritt 1: Installieren Sie das Embedder PDF-Plugin
Melden Sie sich in Ihrem WordPress-Dashboard an und navigieren Sie zum Menü Erweiterungen> Hinzufügen Suche PDF Embedder im Suchfeld. Sobald Sie das Plugin gefunden haben, installieren und aktivieren Sie es einfach. Sie können auch unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins lesen.
Schritt 2: Konfigurieren Sie das Plugin
Obwohl Sie nach der Installation dieses Plugins mit dem Einbetten Ihrer PDF-Dateien beginnen können, können Sie die Einstellungen zuerst ändern, damit sie modern aussehen. Gehen Sie dazu zu Einstellungen> PDF einbetten von der linken Seitenleiste Ihres WordPress-Dashboards.
Mit 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).
- Bar Lage Extras - Über die Symbolleiste dieses PDF-Viewers kann Ihr Publikum zoomen oder zurückgehen und zur nächsten oder vorherigen Seite wechseln. Sie können die Symbolleiste oben, unten oder auf beiden platzieren.
- Bewegen Sie den Mauszeiger über die Symbolleiste - Sie können auswählen, ob die Symbolleiste nur sichtbar sein soll, wenn sich die Maus über dem Dokument befindet.
Dies sind die universellen Einstellungen. Was aber, wenn Sie die Einstellungen für eine bestimmte Datei ändern möchten? Nun, das können Sie mit Hilfe von Shortcodes tun. Hier ist ein Beispiel :
[pdf-embeddedder url = "http://yoursite.com/wp-content/uploads/2019/01/April.pdf» width = "500" Symbolleiste '"top" Symbolleiste "on"]
Im obigen Beispiel wird die Breite auf 500 Pixel festgelegt, die Position der Symbolleiste wird oben festgelegt und die Symbolleiste wird festgelegt. Sie können auch die Symbolleiste unten und die feste Symbolleiste am Ende festlegen.
Dieses Plugin verfügt auch über eine Premium-Version, die Funktionen wie die Schaltfläche zum Herunterladen, Anzeigen und Herunterladen von Zählern, kontinuierliches Scrollen von Seiten und in einem neuen Fenster geöffnete Links bietet.
Schritt 3: Betten Sie die PDF-Datei in Ihren Beitrag oder Ihre Seite ein
Sobald Sie mit den Einstellungen fertig sind, können Sie mit der Arbeit beginnen. Unabhängig davon, ob Sie den klassischen Editor oder den Gutenberg-Editor verwenden, können Sie dieses Plugin ganz einfach verwenden, um das gewünschte Ergebnis zu erzielen.
Wenn Sie klassischer EditorDas Einbetten einer PDF-Datei ähnelt dem für ein Bild oder Video.
Erstellen Sie zuerst einen neuen Beitrag oder öffnen Sie einen vorhandenen Beitrag und klicken Sie dann auf die Schaltfläche Medien hinzufügen.Laden Sie Ihre PDF-Datei hoch und klicken Sie auf die Schaltfläche Einfügen Veröffentlichung, und ein Shortcode wird Ihrem Beitrag hinzugefügt.
Das war's - Sie können jetzt eine Vorschau Ihres Beitrags anzeigen, um zu überprüfen, ob dieses Plugin ordnungsgemäß funktioniert oder nicht.
Wie wäre es mit Gutenberg-Editor ? Nun, das Embedder PDF-Plugin enthält einen bestimmten Block. Erstellen Sie also eine neue Publikation und klicken Sie auf das Symbol Block hinzufügen. Dann finden Sie den Block EMBedder-PDF und wählen Sie es aus.
Klicken Sie abschließend auf den Block, um Ihre PDF-Datei auszuwählen (oder herunterzuladen), und Ihre Arbeit ist erledigt.
Hier ist das Endergebnis, unabhängig davon, welchen Editor Sie verwenden:
Einige beliebte PDF Viewer Plugins
Obwohl die WordPress Plugin PDF Embedder leistet gute Arbeit, es ist immer gut, ein paar Alternativen zu haben. Also lassen Sie mich jetzt einige teilen Wordpress-Plugins Premium PDF-Viewer, in keiner bestimmten Reihenfolge:
1. DK PDF Generator
Das Erstellen von PDF-Versionen Ihrer Posts und das Teilen dieser Posts in Freigabe-Communities kann eine gute Option für sein Verkehrsmanagement.
Le WordPress Plugin Mit dem Premium-DK-PDF-Generator können Sie ganz einfach Seiten, Beiträge sowie benutzerdefinierte Beitragstypen auswählen, die geteilt oder als PDF heruntergeladen werden können.
Siehe unseren Artikel auf 30 Dinge auf Ihren Blog-Posts nach ihrer Veröffentlichung zu tun
Mit diesen können Sie sogar ein Cover und ein Inhaltsverzeichnis (mit interaktiven Links) zu Ihrer PDF-Datei hinzufügen.
Herunterladen | Demo | Web-Hosting
2. PDF-Produktkatalog für WooCommerce
Es ist ein sehr nützliches Premium-WordPress-Plugin von WooCommerce, mit dem Sie die vollständige Liste der Produkte im PDF-Format und mit nur einem Klick aus Ihrem Online-Shop herunterladen können.
Dieses Plugin enthält fünf Standard-PDF-Vorlagen. Sie können jedoch mit einfachem HTML und CSS Ihre eigenen Vorlagen nach Ihren Wünschen erstellen.
Lesen Sie auch unsere 9 Wordpress-Plugins Ihren Produktkatalog zu verwalten
Es bietet Ihnen auch eine Shortcode-Erstellungs- und Einfügeoption, um PDF-Download-Schaltflächen zu jedem Artikel oder jeder Seite hinzuzufügen.
Herunterladen | Demo | Web-Hosting
3. WordPress Social Sharing und Drucken von Post-Seiten als PDF-Plugin
Dieses Premium WordPress Plugin verlässt exklusive WordPress Social Sharing Plugins, das einfachste und optimiert mit großartigen Funktionen, die Sie in der Demo sehen werden. Es bietet viele Funktionen, z. B. die vollständige Freigabe eines Blogposts oder einer Webseite in einem sozialen Netzwerk und das Herunterladen im PDF-Format.
Mit diesem WordPress-Plugin können Sie Website-Besucher einfach auf Ihre Social Media-Konten umleiten und Erhöhen Sie Ihre Präsenz auf diesem.
Herunterladen | Demo | Web-Hosting
So fügen Sie eine PDF-Datei ohne Plugin hinzu
Wenn Sie einer von denen sind, die immer noch nach Plugin-freien Lösungen suchen, dann ist dieser Abschnitt genau das Richtige für Sie. Wir können sicherlich PDF-Dateien in WordPress-Posts und -Seiten hinzufügen, 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 iframes verwendet werden.
Schritt 1 : Gehe zu Google Drive und melden Sie sich bei Ihrem Konto an (Sie müssen sich nur für ein Google Mail-Konto anmelden, um es zu erhalten kostenlos 15 GB Speicherplatz).
Schritt 2 : Laden Sie die PDF-Datei hoch, die Sie in Ihren WordPress-Beitrag einbetten möchten. Klicken Sie dazu auf Neu in der linken Seitenleiste Ihres Google Drive-Kontos Klicken Sie auf Datei importieren und laden Sie die Datei von Ihrem Computer hoch.
Schritt 3 : Sobald die Datei auf Ihr Google-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 einem neuen Fenster öffnen.
Schritt 4 : Klicken Sie im neuen Fenster auf Weitere Aktionen (die 3 vertikale Punkte in der oberen rechten Ecke) und klicken Teilen.
Schritt 5 : Ein Popup mit den Namen "Mit Personen und Gruppen teilen" und "Link abrufen" wird geöffnet. Klicken Sie hier auf Bearbeiten Sie für jeden mit dem Link im Abschnitt "Link abrufen". Dies soll sicherstellen, dass jeder mit dem PDF-Dateilink sie anzeigen kann. Wenn Sie dies nicht tun, wird die Datei privat gehalten und ist für Ihre Website-Zielgruppe nicht sichtbar.
Sie sollten die folgende Bestätigung sehen:
Sobald es fertig ist, klicken Sie auf Abgeschlossen.
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 Integrieren Sie ein Element.
Schritt 7 : Dies öffnet ein Popup-Fenster, in das 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 du benutzt klassischer EditorGehen Sie einfach zur Registerkarte Text und fügen Sie den Code ein:
Für einen Gutenberg-HerausgeberSie müssen 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: Zeigen Sie jetzt eine Vorschau Ihres Beitrags oder Ihrer Seite an, um Ihre PDF-Datei zu überprüfen.
Zusammenfassung
Mit WordPress können Sie Ihre PDF-Dateien anhängen, aber nicht einbetten. Dieses Tutorial behebt dieses Problem jedoch. Es zeigt, wie Sie Ihre PDF-Dateien wie Ihre Bilder und Videos mit oder ohne Verwendung eines WordPress-Plugins in Ihre Beiträge oder Seiten einbetten können.
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.
Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. Backup und Wiederherstellung
Backup und Wiederherstellung ist ein Premium-WordPress-Plugin, das Ihnen helfen wird Planen Sie Ihre Website-Backups zu einem lokalen Server oder zu verschiedenen Cloud-Servern wie Dropbox, Google Drive und Amazon S3. Auf diese Weise können Sie Ihre gesamte Website einschließlich der Datenbank mit nur einem Klick von vorhandenen Wiederherstellungspunkten wiederherstellen.
Das Herunterladen Ihrer Website, Datenbank und aller Ihrer Backups ist ebenfalls möglich. Dieses Plugin hilft Ihnen auch dabei, die Sicherungs- und Wiederherstellungsprozesse auf einfache, sichere und zuverlässige Weise zu verwalten.
Zu den Funktionen gehören: vollständige Website-Sicherung, Amazon S3-Sicherung, Google Drive, Dropbox, der Speicherplatzmanager, das automatische Löschen alter Sicherungen, die vollständige Wiederherstellung Ihrer Website, Unterstützung für Multisite, etc ...
Herunterladen | Demo | Web-Hosting
2. Gelber Stift: Visual CSS Style Editor
Yellow Pencil ist ein visueller Stileditor, den Sie mit jedem Thema verwenden können, um Ihre Website in wenigen Minuten zu personalisieren (Schriftarten, Farben, Animationen und mehr…).
Dieses Premium-WordPress-Plugin erstellt CSS-Stile in Hintergrund während Sie mit den Farben spielen, als wäre es ein Spiel. Es wurde sowohl für Anfänger als auch für erfahrene Benutzer entwickelt.
Entdecken Sie auch unsere 5-Plugins WordPress Benachrichtigungen anzeigen
Es sind keine Codierungskenntnisse erforderlich. Das WordPress-Plugin hat jedoch einen guten CSS-Editor für diejenigen, die gerne programmieren. Mit diesem Editor können Sie live codieren und Ihr CSS anpassen.
Herunterladen | Demo | Web-Hosting
3. Quack-Chat-Live-Chat-System
Quack Chat ist ein WordPress-Plugin premium, das sich leicht in Ihre Website integrieren lässt und eine benutzerfreundliche Oberfläche für Ihre Kunden bietet. Dies ist ein Online-Chat, der von jedem Computer oder Mobilgerät aus verwendet werden kann.
Als Funktionalität bietet es unter anderem: Unterstützung für sofortige Benachrichtigungen per Nachrichten oder E-Mail, ein akustisches Benachrichtigungssystem, automatische Archivierung (Verlauf) von Chats, ein benutzerfreundliches Kontrollfeld, ein anpassbares Chatfenster, eine automatische und anpassbare Begrüßungsnachricht, Unterstützung für das automatische Scrollen auf der Chat-Seite etc ...
Herunterladen | Demo | Web-Hosting
Empfohlene Ressourcen
Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.
- So fügen Sie einer WordPress-Website Tropfinhalte hinzu
- So löschen Sie einen Cache in WordPress
- 10 WordPress WooCommerce-Plugins zur Verwendung in Ihrem Blog
- 6 WordPress-Plugins zur Währungsumrechnung in einem Blog
Zusammenfassung
Hier ! Das war's für dieses Tutorial. Wir hoffen, dieser Artikel hat Ihnen geholfen, PDF-Dateien in WordPress einzubetten. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden zu WordPress-Blog-Erstellung.
Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.
...
