Sitenizden resme tek tıklayınca resim direkt olarak indirilsin istiyorsanız.

Çok basit bir yöntem sunacağım:

Bazı resimleri indirmek kullanıcılar için işkence olabiliyor.

Mesela geçenlerde bir siteme arkaplan (wallpaper) resimleri eklemiştim.

Gördüm ki insanlar bu resimleri sevdi ve indiriyorlar.

Ama tek tek uğraşıyorlar. Hemen kolları sıvadım tabii…

Sitenizin kullanıcı dostu site olması için bu kod gereklidir!

Ziyaretçilerinizin paylaştığınız resimleri indirmesi için uzun yola ne gerek var.
(Önce resme tıklayacak resim büyüyecek veya farklı sayfada açılacak sonra sağ tuş indir vs gereksiz işlemler)

Aşağıda anlatacağım yöntemi tüm resim uzantılarında (.jpg .png .gif .webp vs…)

ve tüm sitelerde eklentisiz bir şekilde kullanabilirsiniz.

Resme tıklayınca download olsun istiyorsanız hemen kullanımına geçebiliriz…

KULLANIMI:

Resmin uzantısının sonuna mesela .jpg olan kısmın sonuna #download yazarak yapabilirsiniz.

İkinci olarak: download=””  kodunu da eklemeyi unutmayınız.

Yani: <a href=”http:\\www.sitenizinismi.com\Resim.jpg#download” download=””>

Alternatif kullanım daha basit: <a href=”http:\\www.sitenizinismi.com\Resim.jpg” download>

Yukarıda download=”” kısmının içine isim yazarsanız o isim altında indirir. Boş bırakırsanız resim ismi ile indirir.

Mesela: download=”resim.jpg” ismi kendiniz verecekseniz resmin uzantısını mutlaka yazın.

Kodumuz WordPress, veya ne olursa olsun tüm sistemlerde çalışır.

WordPresste lightbox resim büyütme eklentisi kullanıyorsanız önce bu kodu iptal etmeniz gerekecek.

İptal etmeden kullandığınızda resme tıklayınca indirmez resim büyür.

Merak etmeyin bu tip eklentilerin bazı resimlerde kullanılmak üzere kendini iptal (disable) etme kod class ları mevcut.

Örneğin; Eazy Fancybox gibi resim eklentisinin kendini iptal etme classı şudur: class=”nolightbox”

Bu class yardımı ile resme tıklayınca büyütme sistemini sitenizin genelinden iptal etmeden sadece istediğiniz resimlere özgü kod ekleyerek tıklayınca büyütmeden indirilmesini sağlayabilirsiniz.

Ayrıca bunu yaparken resmin küçük ön izlemesine tıklayarak büyük resmi indirtebilirsiniz.

Hemen örnek kodu yazayım lütfen inceleyiniz:

<a class="nolightbox" href="https://100numaraliadam.com/wp-content/uploads/2020/02/resme-tiklayinca-download.jpg#download" download="">

<img class="size-full wp-image-7485 alignnone" src="https://100numaraliadam.com/wp-content/uploads/2020/02/resme-tiklayinca-download.jpg" alt="" width="750" height="353">

</a>

Alternatif Kod (Bu Daha Kısa Ama)

<a class="nolightbox" href="https://100numaraliadam.com/wp-content/uploads/2020/02/resme-tiklayinca-download.jpg" download> <img class="size-full wp-image-7485 alignnone" src="https://100numaraliadam.com/wp-content/uploads/2020/02/resme-tiklayinca-download.jpg" alt="" width="750" height="353"> </a>

Örnek:Bu Resme tıklayınca indirir.

Yukarıda anlattığım class ı buraya eklemedim o yüzden bu resme tıklayınca indirmez sadece büyütür.