{"id":235318,"date":"2022-03-02T10:44:00","date_gmt":"2022-03-02T08:44:00","guid":{"rendered":"https:\/\/devowl.io\/?p=235318"},"modified":"2024-10-08T17:29:27","modified_gmt":"2024-10-08T15:29:27","slug":"download-files","status":"publish","type":"blog","link":"https:\/\/devowl.io\/de\/wordpress\/dateien-herunterladen\/","title":{"rendered":"Dateien auf deiner WordPress Website zum Downloaden anbieten"},"content":{"rendered":"

Wir zeigen dir in diesem Artikel, wie du beispielsweise PDF-Dateien in deine WordPress-Website einbinden kannst, sodass deine Besucher diese ganz einfach herunterladen k\u00f6nnen.<\/p>\n

You can offer files (PDF, ZIP, images, etc.) for download in various ways – whether with or without a plugin. For the sake of completeness, we will show you both methods as well as the advantages of a plugin, so that you can decide for yourself which variant appeals to you more \ud83d\ude09<\/p>\n<\/div><\/div>

\n<\/div><\/div>

Dateien in WordPress zum Download bereitstellen (im Gutenberg-Editor)<\/h2>\n

Jetzt zeigen wir dir, wie du z.B. eine PDF-Datei in WordPress nur mit den WordPress-Einstellungen zum Herunterladen anbieten kannst.<\/p>\n

Hierbei ist wichtig zu erw\u00e4hnen, dass die Vorgehensweise abh\u00e4ngig vom Page-Builder anders aussehen kann. Allerdings ist das Prinzip grob dasselbe. Gehen wir jetzt einfach mal davon aus, dass du den Gutenberg-Editor<\/strong> verwendest.<\/p>\n

    \n
  1. \u00d6ffne dein WordPress-Backend.<\/li>\n
  2. Gehe zu Medien > Datei hinzuf\u00fcgen<\/em>. Hier l\u00e4dst du nun die gew\u00fcnschte Datei hoch. Solltest du den Ordner- und Dateimanager Real Media Library<\/a> verwenden, kannst du die Datei auch direkt im richtigen Ordner hochladen.<\/li>\n
  3. Nachdem die Datei hochgeladen wurde, \u00f6ffnest du diese, indem du auf\u00a0Bearbeiten<\/em> klickst.<\/li>\n<\/ol>\n<\/div><\/div>
    \"Copy<\/a><\/div>
      \n
    1. Auf der rechten Seite wird das Feld Datei-URL angezeigt, in dem du die URL zu der Datei findest. Klicke auf URL in Zwischenablage kopieren<\/em>, um die URL zu kopieren.<\/li>\n
    2. \u00d6ffne nun die Seite oder den Beitrag, in dem die Datei eingef\u00fcgt werden soll.<\/li>\n
    3. Schreibe den Text, auf den der Besucher klicken soll, um zum Download zu gelangen. In unserem Beispiel hei\u00dft dieser Anmeldung herunterladen<\/em>.<\/li>\n<\/ol>\n<\/div><\/div>
      \"Insert<\/a><\/div>
        \n
      1. Markiere den Text. Jetzt erscheint eine Leiste mit verschiedenen Optionen. W\u00e4hle die Link-Option aus (siehe Screenshot oben).<\/li>\n
      2. F\u00fcge die kopierte URL in das entsprechende Feld ein (Rechtsklick > Einf\u00fcgen<\/em>) und aktiviere unten die Option In einem neuen Tab \u00f6ffnen<\/em>.<\/li>\n
      3. Speichere die Einstellungen, indem du auf den gebogenen Pfeil rechts neben dem Link klickst. Somit wird die Datei zum Downloaden in einem neuen Fenster ge\u00f6ffnet und der Besucher wird nicht von deiner Website weggelotst.<\/li>\n
      4. Save it and you’re done!<\/li>\n<\/ol>\n

        Jetzt kann dein Besucher beispielsweise eine PDF-Datei \u00fcber den Link herunterladen. Er klickt den Link an, landet in einem separaten Fenster und kann dort die Datei ganz einfach downloaden.<\/p>\n<\/div><\/div>

        Dateien in WordPress zum direkten Download bereitstellen<\/h2>\n

        If you want to save your visitors the two extra clicks (click on the link and click on “Download” in a separate window), you can also offer a file directly for download. This is at least as easy! To do this, you basically proceed as you just did. The difference, however, is that you first have to convert your file into a ZIP file on your computer.<\/p>\n

        Und so funktioniert's:<\/strong> Mache einen Rechtsklick auf die Datei und w\u00e4hle die Komprimieren-Funktion aus. Je nach Betriebssystem hei\u00dft diese anders. Einfacher geht's nicht \ud83d\ude09<\/p>\n

        Danach durchl\u00e4ufst du die gleichen Schritte, wie gerade eben erkl\u00e4rt.<\/p>\n

        Klickt dein Besucher nun auf den Link, \u00f6ffnet sich kein separates Fenster, sondern die Datei wird direkt auf seinem Endger\u00e4t heruntergeladen. Dort muss er sie dann aber wieder entpacken.<\/p>\n<\/div><\/div>

        Dateien in WordPress zum Download bereitstellen (im Classic-Editor)<\/h2>\n

        Wenn du Oldschool \ud83d\ude0e unterwegs bist und den klassischen WordPress-Editor verwendest, ist die Vorgehensweise grunds\u00e4tzlich die gleiche. Allerdings f\u00fcgst du die Datei hier an anderer Stelle hinzu.<\/p>\n

        Nachdem du die Datei zu deiner Mediathek hinzugef\u00fcgt hast (Schritt 1-2 im obiger Anleitung), gehst du wie folgt vor:<\/p>\n

          \n
        1. \u00d6ffne die Seite, auf der die Datei zum Downloaden bereitgestellt werden soll.<\/li>\n
        2. Klicke auf Datei hinzuf\u00fcgen<\/em>.<\/li>\n<\/ol>\n<\/div><\/div>
          \"Add<\/a><\/div>

          Auch hier kannst du wieder die Datei direkt einf\u00fcgen und sie in einem Text verlinken. Somit \u00f6ffnet sich f\u00fcr den Nutzer wieder ein separates Fenster. Alternativ kannst du wieder eine ZIP-Datei erstellen und hochladen, sodass der Download mittels eines Klicks erfolgt.<\/p>\n<\/div><\/div>

          Dateien in WordPress mithilfe eines Plugins zur Verf\u00fcgung stellen<\/h2>\n

          Wie du gesehen hast, ben\u00f6tigst du eigentlich gar kein Plugin, um beispielsweise eine PDF-Datei auf deiner WordPress-Website bereitstellen zu k\u00f6nnen. Allerdings wird dir bestimmt auch aufgefallen sein, dass das Ganze optisch nicht so super schick aussieht. An dieser Stelle kommt das kostenlose Plugin Medialist<\/a> ins Spiel.<\/p>\n<\/div><\/div>

          \"Medialist<\/a><\/div>

          Das Download-Manager-Plugin unterst\u00fctzt dich dabei:<\/p>\n