WordPress PDF einbinden & einfügen | Praxis-Anleitung

In dieser Praxis-Anleitung zeige ich dir, wie du in WordPress PDF einbinden und einfügen kannst. Im Gegensatz zu vielen anderen Dateiformaten, kann fast jedes Endgerät PDF-Dateien öffnen und lesen. Die Dateigröße ist meist sehr gering, was für das Internet ein zusätzlicher Vorteil ist.

PDF Dateien in WordPress einbinden ist kinderleicht. Dazu brauchst du kein extra WordPress-Plugin, die Bordmittel reichen dazu vollkommen aus. Direkt über den Editor kannst du den Upload und die Einbindung durchführen.

WordPress PDF einbinden

In folgender Praxis-Anleitung zeige ich dir, wie du eine WordPress PDF einbinden kannst. Die Vorgehensweise ist denkbar einfach und in wenigen Minuten umgesetzt. Es funktioniert eigentlich ganz genauso, wie wenn du Bilder auf deiner Website einfügst.

  1. Erstelle die gewünschte PDF-Datei.
  2. Gib der PDF-Datei eine sinnvolle Bezeichnung.
  3. Verwende ausschließlich Kleinbuchstaben und verbinde Wörter mit Bindestrich

Dazu ein kurzes Beispiel

  • Falsch: D3h9s%.pdf
  • Richtig: wordpress-pdf-einbinden.pdf

Wenn du eine sinnvolle Dateibezeichnung wählst, kann sich Google und auch dein Besucher sofort ein Bild von den Inhalten der PDF-Datei machen.

PDF Datei in WordPress einbinden (Classic Editor)

In folgendem Video zeige ich dir, wie du eine PDF Datei in WordPress einbinden kannst. Folge dazu bitte den Schritten in der Anleitung:

Diese Anleitung gilt für den Classic Editor. Das ist der alte Editor in WordPress. Wenn du den neuen Block-Editor (Gutenberg) verwendest, scrolle bitte etwas weiter nach unten.

Hier noch einmal die korrekte Vorgehensweise:

  1. Öffne die WordPress-Seite, in der du die PDF Datei einfügen möchtest.
  2. Klicke jetzt auf den Button „Medien hinzufügen“. Jetzt kannst du die Datei ganz einfach per Drag & Drop hochladen und in WordPress einfügen.
  3. Jetzt klickst du noch auf „Aktualisieren“, damit deine Änderungen wirksam werden.

Wie du siehst ist es ganz einfach, eine WordPress PDF einzubinden.

PDF Datei in WordPress einbinden (Block Editor – Gutenberg)

Falls du den neuen Block Editor (Gutenberg) verwendest, ist die Einbindung einer PDF Datei in WordPress etwas anders. Die grundsätzliche Vorgehensweise ist die selbe, lediglich die Optik des Editors ist etwas anders.

Der neue Gutenberg-Editor bietet eine vielzahl an neuen Funktionen. Eine davon ist es, einfach und unkompliziert PDF Dateien in WordPress einzufügen. Klicke dazu auf das Plus-Symbol und suche nach dem Element File (Datei).

So kannst du mit dem Editor eine PDF Datei in WordPress einbinden.

Nachdem du dieses Element ausgewählt hast, kannst du die gewünschte PDF Datei hochladen oder direkt aus deiner Medien-Bibliothek auswählen (falls du sie bereits hochgeladen hast).

Praxis Anleitung, wie du eine PDF Datei in WordPress einbinden kannst.

Anschließend kannst du die WordPress PDF einbinden und dir das Ergebnis ansehen.

WordPress PDF einfügen – Tipps

Es gibt ein paar sehr wichtige Aspekte, die du beim Einbinden von PDF Dateien in WordPress unbedingt beachten solltest:

Wähle eine sinnvolle Dateibezeichnung

Eine sinnvolle Dateibezeichnung hilft dir, deinem Besucher und auch für Google ist das enorm wichtig.

Damit die PDF nach dem Download auf dem PC, MAC oder Smartphone auch gefunden wird, ist eine kluge Dateibezeichnung durchaus sinnvoll. Auch für Google ist die Dateibezeichnung wichtig, damit sich die Suchmaschine einen ersten Eindruck über den Inhalt dieser Datei machen kann. Das hat natürlich entsprechend eine positive Auswirkung auf dein Ranking.

Wie oben schon erwähnt, solltest du Dateibezeichnungen wie P4hf8g4.pdf vermeiden. Stattdessen sollte Datei wordpress-pdf-einbinden.pdf lauten.

  • Verwende nur Kleinbuchstaben.
  • Zum Trennen von Wörtern solltest du den Bindestrich (-) und nicht den Unterstrich (_) verwenden.
  • Verwende keine Umlaute oder Sonderzeichen.
  • Achte auf eine kleine Dateigröße deiner PDF Datei.

Öffnen in neuem Fenster

Beim Einfügen der PDF in WordPress solltest du die Einstellung setzen, dass die Datei in einem neuen Fenster gespeichert wird. Das ist für deinen Besucher bequemer und die Datei wird nicht im selben Fenster geöffnet, in dem die Website gerade aufgerufen wurde.

Dadurch kann dein Besucher die Datei herunterladen und trotzdem weiter auf deiner Website surfen.

Testen die WordPress PDF Datei

Dieser Punkt ist enorm wichtig. Eine WordPress PDF einbinden ist einfach, das hast du jetzt gesehen. Trotzdem solltest du unbedingt einen Test machen, ob alles funktioniert hat.

Click Here to Leave a Comment Below 12 comments
Tatjana - 12. Mai 2017

Hallo Oliver

Danach habe ich gesucht! Als Neuling bei WordPress habe ich zu hören bekommen, dass „auf keinen Fall“ ein pdf-Dokument eingebunden werden kann. Wie schön zu sehen, dass es geht!

Herzlichen Dank dafür!

Reply
Die Brückenbauerin - 18. Februar 2017

Danke für die verständliche Erklärung!

Reply
Hannes - 19. Januar 2017

Das Tutorium ist gut, vielen Dank. Aber kann mir jemand sagen, wie ich verhindere, dass PDFs im Browser geöffnet werden? Ich will, dass das Dialogfenster erscheint, wo ich wählen kann, was ich möchte: Speichern oder mit Programm (Adobe Reader oder Akrobat) öffnen.

Reply
Wilfred Gaster - 11. Januar 2017

Prima Tutorial
Alles hat sofort geklappt

Reply
Martin - 19. November 2016

…einfach Klasse!!! Super verständlich und nett gemacht! Da kann ich nur VIELEN DANK sagen!!!

Reply
Gudrun - 7. Juli 2016

Herzlichen Dank für ihre einfache und gut verständliche Erklärung. Genau danach hatte ich gesucht und komme nun weiter.

Reply
elli - 9. Juni 2016

hallo,

bin den anweisungen gefolgt.. allerdings, wenn ich auf die „Vorschauseite“ geh und versuch das PDF runterzuladen bekomm ich folgende meldung:

You don’t have permission to access /wp-content/uploads/2016/04/2016-Frühjahr-Sommer-Kursplan.pdf on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

kann mir vielleicht wer sagen wo der fehler liegt?

Reply
Fred Lübke - 12. Oktober 2015

Prima Beiträge, besonders für User, die nicht Informatik studiert haben. Herzlichen Dank!

Reply
Rene - 19. März 2015

Hi Oliver,
so kann man auch noch ein PDF in WordPress Blog einbinden

PDF-Datei mit Google Viewer einbetten!

1. Aufrufen des Google Viewers
2. Eintragen der URL, wo das PDF-Dokument auf dem Server liegt
3. Einen Link-Text eintragen
4. Link generieren und den “iframe-Code” in Homepage oder Blog eintragen (im HTML-Bearbeitungsmodus)
5. Evtl. noch die Grössenangaben im “iframe-Code” korrigieren (“width” und “height”)

Gruß
Rene

Reply
Andreas - 5. März 2015

Ich bräuchte einen Tipp wie ich das PDF als Vorschaubild einbinden kann :)! Hoffe das ist verständlich. Ich möchte keinen Titel vergeben, sondern es soll ein kleines Vorschaubild erscheinen, bestenfalls beim drüberfahren mit der Maus sollte es größer werden. Daz ist wahrscheinlich dann doch ein Plugin nötig, oder? Vllt kann mir da jemand einen hilfreichen Tipp geben.

Reply
michibck - 12. November 2014

Danke für diesen Beitrag, genau das habe ich gesucht…
Grüße

Reply
Frank - 19. Mai 2014

Hi super,

genau das was ich gesucht habe, gibt es auch eine einfache Lösung mit einem Butten sieht etwas schicker aus. Aber als Anregung war das video schon sehr gut

Reply

Leave a Reply: