«Auto Highslide» плагин для увеличения изображения в WordPress

lupaВсем привет. Сегодня мы снова вернемся к плагинам для WordPress.

Некоторое время назад, я решила сделать статью по обзору одного из  плагинов и поняла, что иногда, для понимания процесса,  требуется вставить большой скриншот картинки. Конечно, во весь размер вставлять его неудобно, но в уменьшенном виде трудно что-либо разглядеть. Конечно, в WordPress есть встроенная функция увеличения изображений, но она открывает полный вариант в отдельном окне, что не всегда бывает удобно.

Проблему решает плагин Auto Highslide, созданный для увеличения изображения для WordPress. При наведении на картинку появится значок лупы с плюсиком (в некоторых браузерах будет выглядеть как обычная ручка для гиперссылок). При нажатии, изображение плавно увеличится прямо в текущем окне, при повторном нажатии — плавно уменьшится.

Кстати, в этой статье как раз используется такой плагин.

 

Давайте разберем, как установить
плагин Auto Highslide

Так как страница плагина сейчас уже недоступна, то скачиваем его здесь. Дальше есть два варианта установки:

1. Распаковываем архив и закачиваем папку с помощью FTP-клиента, либо через панель управления  хостинга  на сам хостинг в директорию: /wp-content/plugins/, где лежат все плагины блога. Далее заходим  в админку WordPress и активируем плагин.

2. В админ-панели блога находим Плагины / Добавить новый / Загрузить. Находим у себя на компьютере скаченный архив плагина (Обзор) и жмем Установить, далее активируем Auto Highslide.

Ust

 Ни каких дополнительных настроек не требуется, поэтому можно сразу же проверить, как работает плагин.

 

P.s. Поделюсь некоторыми маленькими замечаниями, с которыми столкнулась во время работы с плагином, возможно они кому-то помогут. Иногда происходят глюки с флеш-подгрузчиком WordPress и экспериментальным способом, я нашла, как их избежать.

Рекомендую при вставке файла сразу же установить параметры мини картинки, например, по центру, средний размер и Страница вложения. Последний пункт может показаться вам странным, но если изначально задавать такой параметр. В дальнейшем, не происходит ни каких сбоев.

Vsavka

 

Далее щелкаете на картинке в своей статье, она окрашивается голубым и появляются два значка – редактировать и удалить. Жмем редактировать.

redakt

 

Открывается окно, в котором меняем ссылку, которую мы установили при загрузке картинки (Страница вложения), нажав на кнопку «Ссылка на изображение»  (возможно, у вас она будет называться «ссылка на файл» или «URL файла»).

redakt_2

 

«!» Не забудьте, что если изображению не требуется увеличение, ссылку лучше удалить совсем и оставить пустое поле.

Еще важный момент. Не рекомендую трогать размер в процентах в левом верхнем углу, устанавливайте размер сразу при загрузке, как было показано выше (средний размер, миниатюра). При игре с процентами периодически происходит сбой и картинка увеличивается только в отдельном окне.

Надеюсь, эти маленькие хитрости помогут вам избежать мелких проблем с  WordPress.

 

Мы рассмотрели Auto Highslide плагин для увеличения изображения для WordPress.

Если у вас возникли вопросы или дополнения к статье, пишите.

 

Поделитесь статьей в своих соцсетях:

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

5 комментариев: «Auto Highslide» плагин для увеличения изображения в WordPress

  • Nadezda Krivohizina говорит:

    Отличная статья Спасибо огромное

  • кирилл говорит:

    Спасибо за статью,вот тоже поставил плагин теперь стало гораздо лучше вот http://allexpreizer.ru/?p=455

  • Петр говорит:

    Плагин очень хорош, большое спасибо. Но меня заинтересовал такой вопрос. С уменьшением размера картинки при помощи этого плагина вес ее не уменьшается. Т.е. получается, что мы как бы вставляем изображение большого размера и, ем самым, уменьшаем скорость загрузки страницы. Иди я неправ?

    • Да, получается, что мы вставляем изображение большого размера, но и большое изображение может быть заранее ужато в легкий вес. Не нужно кидать картинки по 2-4 мегабайта, которые вы извлекли из фотоаппарата, обработайте их в том же фотошопе, сожмите в джипег и вес уже будет 100-200 килобайт. Вот и весь фокус. А мощности компьютеров и интернета сейчас уже намного больше, чем были несколько лет назад и на открываемость страницы такой вес почти не влияет. Если же вас все-таки пугают большие картинки, пользуйтесь стандартным увеличением вордпресса, где большая картинка открывается при нажатии в отдельном окне.

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img src="" alt="" class="" width="" height="">

http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://nataliturovich.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif