Trick # 462 | Dieser Beitrag beinhaltet 589 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Moderne Internet-Browser können viele verschiedene Dateiformate darstellen. Beispielsweise ist es möglich, PDFs oder Bilder im Browser zu öffnen – ohne vorherigen Download. Doch ebendieser Download lässt sich erzwingen und in vielen Fällen ist dies auch sinnvoll. Wir tun dies mit einem kleinen Script, das Sie bei Bedarf aktivieren können.
Zunächst hinterlegen Sie im <head>-Bereich Ihrer Website – im Divi-Theme via Divi/Theme-Optionen/Integration – folgendes Script:
<script>
jQuery(document).ready(function() {
var downloadButton = jQuery('.force-download');
downloadButton.each(function(index) {
jQuery(this).attr('download', '');
});
});
</script>Damit ist schon der wichtigste Teil der Arbeit gemacht.
Nun müssen Sie bei jenen Links, welche zu Direkt-Download-Links werden sollen, noch eine CSS-Klasse namens «force-download» hinzufügen.
- Wird der Link mit einem Button-Modul des Divi-Themes gestaltet? Dann bearbeiten Sie den Button und fügen sie die CSS-Klasse im Tab «Erweitert» unter «CSS-ID und Klassen» im Texfeld «CSS-Klasse» ein.
- Handelt es sich um einen normalen Textlink? Dann müsste dieser in der Text- oder HTML-Ansicht Ihres WYSIWYG-Editors etwa in dieser Art aussehen:
<a href="https://ihredomain.ch/pfad-zum-file.pdf" class="force-download">Download</a>Testen wir das Ganze doch gleich mal aus:
als Textlink …
… oder als Button
Geht doch …
Eine weitere Möglichkeit, den Download von Dateien zu forcieren, finden Sie im Beitrag «Dateidownload generell erzwingen».
Werbung
Werbung
