{"id":1286,"date":"2020-04-14T12:15:35","date_gmt":"2020-04-14T11:15:35","guid":{"rendered":"https:\/\/devowl.io\/?p=1286"},"modified":"2024-10-08T16:44:00","modified_gmt":"2024-10-08T14:44:00","slug":"embed-pdf","status":"publish","type":"blog","link":"https:\/\/devowl.io\/de\/wordpress\/pdf-einbetten\/","title":{"rendered":"PDF Dokumente in WordPress einbetten: Einfach erkl\u00e4rt!"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Es kann notwendig sein, ein PDF-Dokument auf deiner Website anzuzeigen, aber der Benutzer sollte die Website nicht verlassen. In diesem Fall musst du das Dokument direkt in einen PDF-Viewer auf deiner Website einbetten. WordPress ist jedoch nicht in der Lage, PDF-Dateien mit seinen eingebauten Funktionen einzubetten. Wir zeigen dir, wie du mit Hilfe eines kostenlosen Plugins ein PDF-Dokument auf deiner WordPress Website einbetten kannst, um dieses Problem zu l\u00f6sen.<\/p>\n<h2>Warum solltest du PDF-Dateien NICHT einbetten?<\/h2>\n<p>Wenn du versuchst, eine PDF-Datei in deine Website einzubetten, solltest du es dir gut \u00fcberlegen, ob es keinen Weg daran vorbei gibt. Es gibt mehrere Gr\u00fcnde PDF-Dateien, die in Websites eingebettet sind, nicht zu verwenden:<\/p>\n<ul>\n<li>PDF-Dokumente sind nicht responsive. Das bedeutet, dass sie sich nicht an die Bildschirmgr\u00f6\u00dfe des Betrachters anpassen. Aus diesem Grund sind die PDFs auf mobilen Ger\u00e4ten wie Smartphones oft kaum lesbar.<\/li>\n<li>PDF documents are not part of the content of your page. Instead, they are always separate files that are loaded in addition to your page. This means that Google doesn&#8217;t consider the content of your PDF document to be part of your page, and people won&#8217;t find that page in Google even if they could find the answer to their question in your PDF.<\/li>\n<li>PDF-Dokumente sind oft gro\u00dfe Dateien. Es kostet viel Zeit und Bandbreite, eine PDF-Datei herunterzuladen, die mehrere MB gro\u00df ist. Besonders auf mobilen Ger\u00e4ten mit schlechten Verbindungsbedingungen kann dies f\u00fcr deine Besucher frustrierend sein.<\/li>\n<\/ul>\n<p>Anstatt eine PDF-Datei einzubetten, solltest du dar\u00fcber nachdenken, wie du deinen Inhalt so umstrukturieren kannst, dass er als Teil deiner Website passt, und wie du den Inhalt deiner Website direkt als Text, Bilder usw. in deine Website einf\u00fcgen kannst.<\/p>\n<h2>Einbetten einer PDF-Datei in deine WordPress Website<\/h2>\n<p class=\"translation-block\">Wenn du trotz der oben genannten Nachteile eine PDF-Datei in deine WordPress Website einbetten m\u00f6chtest, ben\u00f6tigst du ein WordPress-Plugin. Eine gute L\u00f6sung daf\u00fcr ist <a href=\"https:\/\/wordpress.org\/plugins\/algori-pdf-viewer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Algori PDF Viewer<\/a>, ein kostenloses Plugin auf wordpress.org.<\/p>\n<ol>\n<li>\u00d6ffne das Backend deiner WordPress Website und gehe zu Plugins.<\/li>\n<li class=\"translation-block\">Klicke oben auf der Seite auf die Schaltfl\u00e4che <code>Hinzuf\u00fcgen<\/code> und suche nach dem <code>Algori PDF Viewer<\/code>.<\/li>\n<li class=\"translation-block\">Installiere und aktiviere das <code>Algori PDF Viewer<\/code> Plugin.<\/li>\n<li class=\"translation-block\">Gehe zu <code>Medien<\/code>.<\/li>\n<li>Lade das PDF-Dokument in deine WordPress Mediathek hoch.<\/li>\n<li>Gehe zum Dialog Beitrag bearbeiten des Beitrags oder der Seite, in die du deine PDF-Datei einbetten m\u00f6chtest.<\/li>\n<\/ol>\n<p>Die folgenden Schritte h\u00e4ngen davon ab, welchen Editor oder Page Builder du auf deiner Website verwendest. Algori PDF Viewer unterst\u00fctzt ausdr\u00fccklich den Standard WordPress-Editor Gutenberg. F\u00fcr alle anderen Editoren musst du mit einem HTML-Snippet arbeiten.<\/p>\n<p><strong>Mit Gutenberg<\/strong><\/p>\n<ol start=\"7\">\n<li class=\"translation-block\">Klicke auf die kleine <code>+<\/code> Schaltfl\u00e4che, um einen neuen Block zu deinem Inhalt hinzuzuf\u00fcgen.<\/li>\n<li class=\"translation-block\">W\u00e4hle den Block <code>PDF Viewer<\/code> aus.<\/li>\n<li>In dem eingef\u00fcgten Block kannst du nun das PDF-Dokument, das du zuvor hochgeladen hast, zum Einbetten ausw\u00e4hlen.<\/li>\n<li class=\"translation-block\">In der rechten Sidebar des Gutenberg Editors findest du zus\u00e4tzliche Einstellungen f\u00fcr den Block, wie z.B. die H\u00f6he oder Breite des <code>PDF Viewer<\/code> Blocks.<\/li>\n<\/ol>\n<p><strong>Ohne Gutenberg<\/strong><\/p>\n<ol start=\"7\">\n<li>Das folgende HTML-Snippet musst du in deinem Editor im Textmodus einf\u00fcgen:<\/li>\n<\/ol>\n<pre><code class=\"language-markup\" data-line=\"\">&lt;div class=&quot;wp-block-cgb-block-algori-pdf-viewer&quot;&gt;\n    &lt;iframe class=&quot;wp-block-cgb-block-algori-pdf-viewer-iframe&quot; src=&quot;https:\/\/devowl.io\/wp-content\/plugins\/algori-pdf-viewer\/dist\/web\/viewer.html?file=https:\/\/test.devowl.io\/wp-content\/uploads\/demo-pdf-document.pdf&quot; style=&quot;width:600px;height:300px&quot;&gt;&lt;\/iframe&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>&nbsp;<\/p>\n<ol start=\"8\">\n<li class=\"translation-block\">Ersetze <code>https:\/\/test.devowl.io\/wp-content\/uploads\/demo-pdf-document.pdf<\/code> durch die URL deines PDF-Dokuments. Du kannst die URL in deiner Mediathek herausfinden, indem du auf die hochgeladene PDF-Datei klickst, um Details zu diesem Upload zu sehen.<\/li>\n<li class=\"translation-block\">Wenn du die Gr\u00f6\u00dfe des eingebetteten PDF-Dokuments \u00e4ndern m\u00f6chten, musst du die Gr\u00f6\u00dfe im <code>width:600px;height:300px<\/code> Teil des Code-Snippets ersetzen.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"g-cols wpb_row us_custom_92b2762d via_flex valign_middle type_default stacking_default\"><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-image align_none meta_simple\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/pdf-embedding-block-in-gutenberg-wordpress-editor.jpg\" aria-label=\"PDF-Einbettung Block im Gutenberg Editor f\u00fcr WordPress\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"493\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/pdf-embedding-block-in-gutenberg-wordpress-editor-890x493.jpg\" class=\"attachment-large size-large\" alt=\"PDF-Einbettung Block im Gutenberg Editor f\u00fcr WordPress\" loading=\"lazy\" srcset=\"\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" data-srcset=\"\" \/><\/a><div class=\"w-image-meta\"><div class=\"w-image-title\">PDF-Einbettung Block im Gutenberg Editor f\u00fcr WordPress<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-image align_none meta_simple\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/pdf-document-embedded-in-your-wordpress-site.jpg\" aria-label=\"PDF-Dokument in deiner WordPress Website eingebettet\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"493\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/pdf-document-embedded-in-your-wordpress-site-890x493.jpg\" class=\"attachment-large size-large\" alt=\"PDF-Dokument in deiner WordPress Website eingebettet\" loading=\"lazy\" srcset=\"\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" data-srcset=\"\" \/><\/a><div class=\"w-image-meta\"><div class=\"w-image-title\">PDF-Dokument in deiner WordPress Website eingebettet<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2>Weitere Funktionen mit Algori PDF Viewer Pro<\/h2>\n<p class=\"translation-block\">Das WordPress-Plugin Algori PDF Viewer ist kostenlos erh\u00e4ltlich, aber du kannst eine erweiterte Version namens <a href=\"https:\/\/devowl.io\/de\/go\/codecanyon\/algori-pdf-viewer\/?source=devowl-blog\" target=\"_blank\" rel=\"noopener noreferrer\">Algori PDF Viewer Pro<\/a> f\u00fcr ein paar Dollar kaufen, wenn du weitere Funktionen wie das Aktivieren\/Deaktivieren von PDF-Downloads, Drucken, Suchen in PDF-Dateien oder das Festlegen der anf\u00e4nglichen Zoomstufe w\u00fcnscht.<\/p>\n<p class=\"translation-block\">Wenn du bereits viele Dateien in deiner WordPress Mediathek hast - ob es sich nun um PDF-Dokumente oder andere Dateitypen handelt - kannst du unser WordPress-Plugin <a href=\"https:\/\/devowl.io\/de\/go\/codecanyon\/real-media-library\/?source=devowl-blog\" target=\"_blank\" rel=\"noopener noreferrer\">Real Media Library<\/a> verwenden, um sie in Ordnern, Sammlungen und Galerien zu organisieren. Dadurch sparst du eine Menge Zeit bei der Suche nach der richtigen Datei!<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>","protected":false},"author":1,"featured_media":1288,"template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"How to embed PDFs in WordPress?","_seopress_titles_desc":"Show PDFs directly on your WordPress site. The best way to embed them is to use a WordPress plugin. We will show you how it works!","_seopress_robots_index":"","inline_featured_image":false,"restrictTranslations":["en_US","de_DE"],"footnotes":""},"class_list":["post-1286","blog","type-blog","status-publish","has-post-thumbnail","hentry","content-cluster-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/1286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/1286\/revisions"}],"predecessor-version":[{"id":232823,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/1286\/revisions\/232823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media\/1288"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=1286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}