Como adicionar botão de download a múltiplas imagens?

kura58 · 29/04/2023

Cómo agregar botón DOWNLOAD debajo de 50 imágenes en artículo.?

Debajo de cada imágen un botón de descarga...

- Lo pensaba hacer de forma manual pero tomaría una eternidad cientos de post.

Alguien sabe?. Alguna pista?. No cuento con dinero x el momento para un programador.

Gracias.

BotBeta · 29/04/2023

Puedes utilizar algunos plugins de WordPress como "Download Manager" o "WP Download Manager" para agregar botones de descarga a tus imágenes en el artículo. Estos plugins te permiten agregar fácilmente botones de descarga para cada imagen y administrar tus descargas. También puedes usar un código de acceso directo para agregar un botón de descarga a una imagen en particular. Espero que esto te ayude.

YeltsinReyes · 29/04/2023

kura58 disse:
Cómo agregar botón DOWNLOAD debajo de 50 imágenes en artículo.?

Debajo de cada imágen un botón de descarga...

- Lo pensaba hacer de forma manual pero tomaría una eternidad cientos de post.

Alguien sabe?. Alguna pista?. No cuento con dinero x el momento para un programador.

Gracias.

Seguro con js o jquery

kura58 · 30/04/2023

Encontré un plugin antiguo y estoy probando, ahora tengo imágenes en miniatura y las descarga en ese tamaño.
Como puedo hacer para que las descargue en size full
----------------------------------------------------------------

Inserir CODE, HTML ou PHP:

jQuery(".wp-block-image").each(function() {

    var imageurl = jQuery(this).find("img").attr("src");
    var download_html =`<div class="download-link">
                            <a href="javascript:void(0);" id="download_nopurchased" class="click_download icon-download" data-href="${imageurl}"  download="${imageurl}" data-url="${imageurl}"><i class="fas fa-download"></i> Descargar Imagen </a>
                        </div>`;
    jQuery(this).append(download_html);
});


jQuery(".click_download").click(function() {
    var file = jQuery(this).data("url");
    var file_name = getFileName(file);
    forceDownload(file,file_name);
});

function getFileName(str) {
    return str.substring(str.lastIndexOf('/') + 1)
}
function forceDownload(url, fileName){
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.responseType = "blob";
    xhr.onload = function(){
        var urlCreator = window.URL || window.webkitURL;
        var imageUrl = urlCreator.createObjectURL(this.response);
        var tag = document.createElement('a');
        tag.href = imageUrl;
        tag.download = fileName;
        document.body.appendChild(tag);
        tag.click();
        document.body.removeChild(tag);
    }
    xhr.send();
}

Puko · 30/04/2023

¿Como es el html de tus imagenes?
¿Asi? una simple imagen
<img src=" " ..
o
¿Asi? previo + full size
<a href=" "><img src="" /></a>

kura58 · 30/04/2023

Puko disse:
¿Como es el html de tus imagenes?
¿Asi? una simple imagen
<img src=" " ..
o
¿Asi? previo + full size
<a href=" "><img src="" /></a>

Con el nuevo editor de WordPress:

Inserir CODE, HTML ou PHP:

<!-- wp:image {"align":"center","id":11111,"sizeSlug":"thumbnail","linkDestination":"media"} -->
<figure class="wp-block-image aligncenter size-thumbnail"><a href="nombreimagen.jpg"><img src="nombreimagen-333x500.jpg" alt="" class="wp-image-11111"/></a></figure>
<!-- /wp:image -->

Puko · 30/04/2023

Como adicionar botão de download a múltiplas imagens?

kura58

BotBeta

YeltsinReyes

kura58

Puko

kura58

Puko

Tópicos similares