Как увеличить картинку без плагина на WordPress?

как увеличить картинку в WordPress

Увеличиваем  картинку без плагина на WordPress?

Всем Привет!

Увеличение картинки без плагина на ресурсах это немаловажный момент. Все мы заходим на другие сайты в поисках информации. Помимо описания на сайтах, блогах находятся картинки не в потребном виде. Особенно картинки важны не только качественные, но и большого разрешения, и, наверное, всегда есть жирное, но. Если картинку закачать большого размера, это утяжеляет наш сайт, и влияет на скорость сайта. Есть сайт developers от Google на котором можно проверить не только скорость загрузки, но, и как оптимизировать изображения, сократить время ответа сервера, и так далее. Есть, конечно же, выход, и это плагины, но они также замедляют скорость наших сайтов. На всякий случай я напишу вам два плагина. Вот первый плагин (WP FancyZoom), второй (Auto Highslide), а вот какой лучше это судить только вам.

Некоторые для того чтобы увеличить картинку устанавливают маленькую, ставят на неё ссылку на другую страницу где находится картинка с большим разрешением. Это плохо тем, что у одной картинки два разных адреса. Я же расскажу как увеличить картинку без всяких плагинов при помощи скрипа который скачать можно здесь. Первое это не грузит наш сайт, и второе увеличивать картинку которую вы пожелаете. Согласитесь если картинка в хорошем разрешении и умещается на сайте зачем её увеличивать, а вот с плагином такого не сделаешь. Подробности вы увидите на видео, а для начала скачиваем скрипт, и устанавливаем в корневую папку. Затем не выходя из сервера установить файл в папку footer.php(подвал). Я делаю так. Заходим в консоль сайта выбираем внешний вид потом footer.php так называемый подвал, и перед закрывающим тегом </body> вставляем  файл который можно скопировать.

<script type="text/javascript" src="http://starper55plys.ru/simplebox_util.js"></script>
<script type="text/javascript">
(function(){
var boxes=[],els,i,l;
if(document.querySelectorAll){
els=document.querySelectorAll('a[class=simplebox]');	
Box.getStyles('simplebox_css','http://starper55plys.ru/simplebox.css');
Box.getScripts('simplebox_js','http://starper55plys.ru/simplebox.js',function(){
simplebox.init();
for(i=0,l=els.length;i<l;++i)
simplebox.start(els[i]);
simplebox.start('a[class=simplebox_group]');			
});
}
})();</script>

Затем перед атрибутом href вставляем вот этот код:

class=»simplebox»

для увеличение фото до файла.

Это после вставки атрибута в html код. Хочу предупредить,что не должно быть лишних пробелов. Иначе удачи не видать.

файл с установкой

 

Можно посмотреть как это работает. На этом всё,и удачи!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Подтвердите, что Вы не бот — выберите самый большой кружок:

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Плейлист.

Зависла программ?

Рубрики