Webstick.info logo Wordpress, Webdesign, SEO - Blog

PDF in WordPress einbetten [2022] 💥

PDF in WordPress einbetten


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.

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.


PDF Embedder WordPress


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“.


Installieren PDF Embedder WordPress


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.


PDF Embedder WordPress Einstellungen


Sie können die Größe und Höhe des PDF-Viewers anpassen, indem Sie wie unten gezeigt zu den „Standard-Viewer-Einstellungen“ gehen.


PDF Embedder WordPress Größe und Höhe


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.


PDF Embedder WordPress Block Editor oder Classic


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.


PDF einbetten WordPress mit Google Drive


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.


PDF einbetten WordPress mit Google Drive neues Fenster


Klicken Sie im neuen Fenster erneut auf die 3 Punkte und dann wie unten gezeigt auf „Element einbetten“.


PDF einbetten WordPress mit Google Drive embed item


Das Fenster Element einbetten zeigt Ihren Iframe-Code an. Kopieren Sie den Code. Siehe Screenshot unten.


PDF einbetten WordPress mit Google Drive kopiere Code


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.


PDF Embed WordPress mit Google Drive einbetten ohne Plugin


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>


PDF in Elementor einbetten ohne Plugin




Dieser Link gibt Ihnen heute mindestens 20% Rabatt auf das Divi-theme!

Divi