WordPress по умолчанию показывает изображения с эффектом thickbox, это симпатично и удобно, но содержит примитивную защиту от утаскивания картинок — там просто нет ссылки для скачивания :) А я не против что бы кто нибудь это делал.
Решение простое…
Сам thickbox состоит из нескольких частей, но нас интересует только javascript который и рисует оконо просмотра. Он расположен в /wp-includes/js/thickbox и называется thickbox.js открываем его чем под руку попадется и ищем строку 129:
jQuery(«#TB_window»).append(«<a href=» id=’TB_ImageOff’ title=’Close’><img id=’TB_Image’ src=’»+url+»‘ width=’»+imageWidth+»‘ height=’»+imageHeight+»‘ alt=’»+caption+»‘/></a>» + «<div id=’TB_caption’>»+caption+»<div id=’TB_secondLine’>» + TB_imageCount + TB_PrevHTML + TB_NextHTML + «</div></div><div id=’TB_closeWindow’><a href=’#’ id=’TB_closeWindowButton’ title=’Close’><img src=’» + tb_closeImage + «‘ /></a></div>»);
Тут можно заметить переменную +url+ которая и является прямой ссылкой на показываемое изображение. Немного поэкспериментировав я остановился на таком варианте ссылки:
<a href=»+url+» target=’_blank’>Сохранить / Download</a>
Вставляем между двумя закрывающими дивами, перед блоком с кнопкой Close, получается так:
jQuery(«#TB_window»).append(«<a href=» id=’TB_ImageOff’ title=’Close’><img id=’TB_Image’ src=»+url+» width=’»+imageWidth+»‘ height=’»+imageHeight+»‘ alt=’»+caption+»‘/></a>» + «<div id=’TB_caption’>»+caption+»<div id=’TB_secondLine’>» + TB_imageCount + TB_PrevHTML + TB_NextHTML + «</div><a href=’»+url+»‘ target=’_blank’>Сохранить / Download</a></div><div id=’TB_closeWindow’><a href=’#’ id=’TB_closeWindowButton’ title=’Close’><img src=’» + tb_closeImage + «‘ /></a></div>»);
Результат:
