Erstellen Sie schöne WordPress-Websites mit Divi und Divi Builder

Wie verwenden Sie Den PDF Viewer Für Elementor

Blair2004 Elementor. May 28, 2021

Wenn Sie nach dem Einbetten eines PDF-Dokuments in Elementor suchen, sind Sie hier genau richtig. Während wir bereits geteilt haben, wie Sie dies durch Hinzufügen eines Links tun können, sehen wir hier, wie Sie mit Elementor ein PDF-Dokument in Ihr WordPress-Blog einbetten können.

Im heutigen Tutorial konzentrieren wir uns auf ein Plugin, das die Arbeit erledigt und den Namen "PDF-Viewer Für Elementor"trägt.

Lass uns anfangen.

Laden Sie das Plugin PDF Viewer für Elementor herunter und installieren Sie es

Der erste Schritt besteht darin, das Plugin von Ihrem Dashboard herunterzuladen und zu installieren. Sie können diese Aufgabe direkt über Ihr Dashboard ausführen, indem Sie zu den Plugins wechseln und den Namen "PDF Viewer For Elementor"verwenden.

Divi herunterladen Das beste WordPress-Thema

Das beliebteste WordPress-Thema der Welt und der ultimative Wordpress-Seite-Builder

Divi herunterladen.

Dies ist ein sehr einfaches Plugin, das keine Konfiguration benötigt. Sie müssen sich nicht daran erinnern, dass Elementor für Ihre WordPress-Installation aktiviert sein sollte.

Bearbeiten / Erstellen einer Seite mit Elementor zum Einbetten einer PDF

Jetzt erstellen oder bearbeiten wir eine vorhandene Seite mit Elementor. Sobald der PDF-Viewer für Elementor aktiviert ist, werden den Grundelementen von Elementor zwei neue Komponenten hinzugefügt.

Wie Sie sehen können, fügt das Plugin Elementor 2 neue Elemente hinzu, aber wann sollten Sie eines davon verwenden? Das werden wir unten herausfinden.

Wann PDF-Viewer-Element verwenden

Mit dem Element "PDF Viewer" können Sie einen Iframe hinzufügen, der Google Docs Previewer verwendet, um einen Link zu Ihrem PDF-Dokument zu verwenden.

Sie müssen nur entweder eine URL angeben oder Ihre Datei in Ihre Medien hochladen. Sie können auch die Größe des Previewers und die Ausrichtung konfigurieren.

Während diese Lösungen ziemlich gut funktionieren, hat es einige Nachteile :

  • Es funktioniert nicht, wenn Ihr WordPress-blog lokal gehostet wird
  • Es ist auf externe Website angewiesen, die möglicherweise nicht mehr funktioniert
  • Es könnte langsam sein, PDF zu laden

Wenn Sie einen externen Dienst zum Anzeigen Ihrer PDF-Datei verwenden möchten, ist diese Lösung genau das Richtige für Sie.

Wann PDFjs-Viewer

Das zweite Element, das von diesen Plugins hinzugefügt wird, ist PDFjs Viewer. Wie der Name schon sagt, basiert diese Lösung auf der Verwendung von Javascript zum Einbetten Ihres PDF-Dokuments. Die Lösung hat die Sames-Einstellungen wie das vorherige Element, hat jedoch den Vorteil, lokal zu arbeiten.

Hier können Sie nur die Dateien aus Ihren Medien auswählen, um sie als PDF einzubetten. Diese Lösung hat auch einige Nachteile :

  • If funktioniert nicht, wenn der Browser Javascript nicht ausführt (der modernste Browser führt Javascript aus)
  • Fügen Sie weitere herunterzuladende Dateien und möglicherweise weitere Anforderungen an den Server hinzu.

PDF-Vorschau-Beispiele

So sehen Ihre Vorschauen für beide vom PDF Viewer für Elementor hinzugefügten Elemente aus.

Vorschau mit PDF Viewer-Element

Diese Vorschau ist akzeptabel und bietet unten Navigationsschaltflächen, die zum Navigieren durch Seiten nützlich sind.

Vorschau mit PDFjs-Viewer

Der "PDFjs Viewer" bietet auch Navigationsschaltflächen, enthält jedoch eine Suchschaltfläche, die in der vorherigen Vorschau fehlt.

Andere Plugins zum Einbetten von PDFs in WordPress

Wenn dieses Plugin nicht genau das ist, wonach Sie suchen, dann sind wahrscheinlich die folgenden Plugins die Lösung, die Sie suchen.

PDF viewer für WordPress

Schlüsselfunktion

  • Soziale Freigabe aktivieren/deaktivieren
  • Druckoption aktivieren / deaktivieren
  • Download-Option aktivieren / deaktivieren
  • Präsentationsmodus aktivieren / deaktivieren
  • Option Suchen aktivieren / deaktivieren
  • Logo aktivieren / deaktivieren einstellbar

  • Shortcode zum Hinzufügen eines Textlinks zu Ihrer PDF-Datei auf einem beliebigen Beitrag / Seite
  • Vollständig ansprechender PDF-Viewer
  • Kompatibel Mit den meisten Browsern
  • Schnelle und reibungslose Benutzererfahrung

PDF Einbetten WordPress - PDF-Viewer-plugin

Elfsight PDF Embed fügt eine einfache Methode zum Anzeigen einer PDF-Datei auf der Seite Ihrer Website hinzu. Mit nur wenigen Klicks werden Ihre Dokumente auf der Website veröffentlicht, wo Benutzer sie sehen und herunterladen können

Schlüsselfunktion

  • Native-Widget
  • Kompatibel mit Premium-Themen
  • Shortcode Zur Verfügung
  • WordPress-Gutenberg-Editor
  • Visual composer unterstützt

PDF Embedder

Mit PDF Embedded können Sie PDFs hochladen und direkt in Ihre Website einbetten, es ist einfach, Bilder hinzuzufügen! PDFs werden automatisch auf ihre natürliche Größe und Form zugeschnitten oder füllen die verfügbare Breite, wenn sie zu groß sind. Optional können Sie eine Breite einstellen und eine Höhe wird automatisch berechnet. Die Form wird neu berechnet, wenn die Seitengröße vom Benutzer geändert wird.

Dieses Plugin kommt mit einem Premium-version, die mehr Funktionen hat.

Zusammenfassung

Welche der folgenden Lösungen werden Sie verwenden? Haben Sie irgendwelche Empfehlungen? Lassen Sie uns in den Kommentaren wissen. Vergessen Sie nicht, uns auf unseren Social-Media-Konten zu folgen: Facebook und Twitter.