這種需求比較少見,但有二個簡單的方式可以達到。
方式一:
在Gutenberg 區塊編輯器的話,使用「檔案」工具,如下圖就可直讓圖片被下載了,免裝外掛。
方式二:
加一段jQ語法,如下:
<script>
jQuery(function($) {
$('a[href$=".jpg"]').attr("download","");
});
</script>
語法中是用jpg,你也可以再複製一句改成png貼在該行的下一行。
→ $('a[href$=".png"]').attr("download","");
語法的位置,就在你該篇頁面最下方拉一個自訂html區塊,並加入語法即可。若是用Elementor也一樣方式,拉一個html工具裡面貼上語法即可。
用jQ語法產生的測試下載 : 點此
要注意的是,方式二的圖片網域若是外面網域的,就會失效,無法跨網域直接下載別人的圖片,除非另做處理。