Wie einen Downloadlink in WordPress erstellen 💥
Wir zeigen Ihnen schnell, wie Sie Download-Links in Texten (und Schaltflächen) für alle gängigen Page Builder erstellen. In Ordnung, los geht's.
Anzeige
1. Downloadlink mit Gutenberg erstellen
Im Grunde werden nur ZIP-Dateien automatisch heruntergeladen. WordPress hat keine Option, einen Link herunterzuladen, anstatt ihn zu öffnen. Wir müssen also den HTML-Code manuell bearbeiten, wenn wir andere Dateien als ZIP-Dateien herunterladen möchten, wenn wir auf einen Link klicken. Wählen Sie den Absatzblock aus, der Ihren Download-Link enthält. Klicken Sie anschließend auf das Symbol „Weitere Optionen“ (3 Punkte) und wählen Sie „Als HTML bearbeiten“.
Sie sehen nun den HTML-Code dieses Absatzes, und wir fügen dem Link ein Download-Attribut hinzu. Wir werden hinzufügen:
download="filename"am Ende des Links, wie im Screenshot unten zu sehen ist. Wenn eine Person auf diesen Link klickt, nimmt der Browser automatisch "Dateiname" als Dateinamen. Sie können es beliebig ersetzen.
Das Ergebnis des vollständigen Links würde so aussehen.
<a href="https://webstick.blog/file.pdf" download="filename">example</a>
2. Erstellen eines Download-Links mit Divi
Wir fahren mit Divi fort, der beste Seitenersteller da draußen, der von Millionen von Ihnen verwendet wird. Natürlich fangen wir wieder mit einem Stück Text in einem Absatz an. Da Divi in erster Linie ein Inline-Editor ist, müssen wir die Seitenkonsole öffnen. Die grauen Farben sind für die Module, in diesem Fall das Textfeld. Klicken Sie auf das Zahnradsymbol mit der Aufschrift „Moduleinstellungen“. Siehe Screenshot unten.
In der erscheinenden Seitenkonsole schalten wir von „Visual“ auf „Text“ um. Genau wie bei Gutenberg fügen wir den folgenden Code in den HTML-Code für den Link ein. Wenn eine Person auf diesen Link klickt, nimmt der Browser automatisch "Dateiname" als Dateinamen. Sie können es durch alles ersetzen, was Sie möchten.
download="filename"Das Ergebnis des vollständigen Links würde so aussehen.
<a href="https://webstick.blog/file.pdf" download="filename">example</a>3. Erstellen eines Download-Links mit Elementor
In Ordnung, machen wir dasselbe für Elementor, der zweitbeste Seitenersteller da draußen. Auch hier beginnen wir wieder mit einem Stück Text in einem Absatz. Klicken Sie irgendwo in das Feld mit Text. Auf diese Weise erscheint derselbe Text in der linken Konsole. Hier wechseln wir von „Visuell“ zu „Text“. Fügen Sie nun das folgende Attribut zum Link im HTML hinzu.
download="filename"Das Ergebnis des vollständigen Links würde so aussehen.
<a href="https://webstick.blog/file.pdf" download="filename">example</a>
In allen Beispielen haben wir Download-Links im Klartext erstellt. Wie bei Schaltflächen oder Bildern funktioniert es genauso. Anstelle eines Absatzes öffnen Sie einen Block für eine Schaltfläche oder ein Bild. Als nächstes fügen Sie einen Link zu der herunterladbaren Datei ein. Wechseln Sie von Visual zu Text und fügen Sie dem Link das Download-Attribut hinzu.
Anzeige