PDF in WordPress einbetten [2024] 💥
Der einfachste Weg, ein PDF in Wordpress einzubetten, ist mit einem Plugin. Es geht auch ohne Plugin und das erkläre ich gleich, aber zunächst konzentrieren wir uns auf den einfachsten Weg.
Anzeige
1. PDF in WordPress einbetten mit einem Plugin
Ein Plugin ist die schnellste und effizienteste Methode, um ein PDF in eine WordPress-Seite oder einen Beitrag einzubetten. Auf diese Weise können Sie das Erscheinungsbild Ihrer PDF-Datei anpassen und Ihre Dateien einfach hochladen. Schauen wir uns drei einfache Schritte an, um ein PDF in WordPress einzubetten.
Schritt 1: Laden Sie das kostenlose PDF Embedder Plugin herunter und installieren Sie es
Sie haben einige Optionen für PDF-Plugins, aber wir empfehlen PDF Embedder. Dieses Plugin hat über 200.000 aktive Benutzer und eine Bewertung von 4,5/5,0 im WordPress-Verzeichnis. Es macht das Einbetten von PDF-Dateien hochladbar und einfach zu verwenden. Dieses Plugin bettet PDF-Dateien nur mit JavaScript ein, sodass keine iFrames und Anwendungen von Drittanbietern verwendet werden müssen. Dadurch haben Sie mehr Kontrolle über das Erscheinungsbild und die Flexibilität Ihrer Dokumente.
Plugins lassen sich am einfachsten über Ihr Wordpress-Backend installieren, wie unten gezeigt. Beginnen Sie, indem Sie in Ihrem WordPress-Dashboard zu Plugins > Neu gehen und nach „PDF Embedder“ suchen. Wählen Sie „Jetzt installieren“ und dann „Aktivieren“.
Schritt 2: Konfigurieren Sie die Einstellungen des Plugins
Nachdem Sie PDF Embedder installiert haben, passen Sie seine Einstellungen an. Auf diese Weise können Sie sicherstellen, dass Ihre PDF-Dateien genau so aussehen, wie Sie es möchten. Navigieren Sie zu „Einstellungen“ >> „PDF Embedder“, um die Seite für die Plugin-Einstellungen wie unten gezeigt zu finden.
Sie können die Größe und Höhe des PDF-Viewers anpassen, indem Sie wie unten gezeigt zu den „Standard-Viewer-Einstellungen“ gehen.
Sie können auch auswählen, wo sich die PDF-Viewer-Symbolleiste befindet und ob sie immer sichtbar bleibt oder nicht. Speichern Sie Ihre Einstellungen, nachdem Sie sie angepasst haben. Anschließend können Sie Ihr PDF in WordPress einbetten.
Schritt 3: Betten Sie ein PDF in Ihren Beitrag oder Ihre Seite ein
Sie können Ihr PDF mit dem Classic Editor genauso in WordPress einbetten wie ein Bild. Nachdem Sie den WordPress-Beitrag oder die Seite geöffnet haben, auf der Sie das PDF einbetten möchten, klicken Sie auf die Schaltfläche „Medien hinzufügen“.
Wählen Sie als nächstes die Registerkarte "Datei hochladen" und dann Ihre PDF-Datei. Klicken Sie abschließend auf In Beitrag einfügen. Dadurch wird ein Shortcode für den Beitrag hinzugefügt. Klicken Sie auf Vorschau, um die PDF-Einbettung im Frontend anzuzeigen.
Das PDF Embedder-Plug-in enthält einen benutzerdefinierten Block, wenn Sie den Block-Editor verwenden. Klicken Sie auf das Symbol +, um es zu finden. Suchen Sie im Textfeld nach „PDF Embedder“, wie unten gezeigt.
2. PDF in WordPress einbetten ohne Plugin
Ohne ein Plugin zu verwenden, kann man nur einen Link zu einem PDF einbetten. Das ist also nicht das Einbetten eines PDFs selbst und das ist nicht das, wonach Sie gesucht haben, nehme ich an. Ohne Plugin können Sie mit Google Drive ein echtes PDF auf einer Seite anzeigen, und das werde ich Ihnen hier zeigen.
Wenn Sie ein Google-Konto haben (jeder, denke ich), dann haben Sie automatisch ein Google Drive-Konto. Zuerst müssen Sie Ihre PDF-Datei auf Google Drive hochladen. Sie können dann Ihre PDF-Datei von Ihrem Google Drive-Konto hochladen, indem Sie wie unten gezeigt auf die Schaltfläche „Neu“ klicken.
Wählen Sie Ihre PDF-Datei aus und klicken Sie auf „Datei hochladen“. Durch Doppelklicken auf die Datei wird sie dann geöffnet.
Wählen Sie die drei vertikalen Punkte oben rechts im Vorschaubildschirm aus und klicken Sie dann auf „In neuem Fenster öffnen“. Wie nachfolgend dargestellt.
Klicken Sie im neuen Fenster erneut auf die 3 Punkte und dann wie unten gezeigt auf „Element einbetten“.
Das Fenster Element einbetten zeigt Ihren Iframe-Code an. Kopieren Sie den Code. Siehe Screenshot unten.
Als nächstes wollen wir endlich das PDF auf der Seite/dem Beitrag einbetten. Navigieren Sie zu Ihrem WordPress-Beitrag oder Ihrer Seite, auf der das PDF eingebettet werden soll. Klicken Sie auf die Registerkarte „Text“, um den Code einzufügen, wenn Sie den klassischen Editor verwenden. Verwenden Sie den Blockeditor, um einen neuen benutzerdefinierten HTML-Block zu erstellen, und fügen Sie dann den Code ein. Siehe Screenshot unten.
3. PDF in Elementor einbetten ohne Plugin
Suchen Sie in den Elementor-Widgets nach „HTML“, wie im Screenshot unten gezeigt. Sie werden ein Widget mit genau demselben Namen finden. Ziehen Sie dies auf Ihre Seite und fügen Sie den folgenden Code ein. Wo ist "PDF URL", wo Sie diesen Text durch die echte URL ersetzen, wo Sie das PDF hochgeladen haben. Dies kann auf Ihrer eigenen Website oder auf Google Drive oder woanders sein, es spielt keine Rolle. Passen Sie bei Bedarf Höhe und Breite an.
<object data="PDF URL" type="application/pdf" width="700px" height="1200px">
<embed src="PDF URL" />
</object>
Anzeige