Плавное увеличение изображений на блоге WordPress, плагины Image Zoom, Auto Highslide.

Uvelichenie

Плавно и эстетично увеличивать изображения на сайте или блоге WordPress помогут плагины Auto Highslide и  Image Zoom.

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

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

Ещё один важный вопрос – накопление движком WordPress дубликатов изображений при использовании плагинов и не только.

Эту проблему можно устранить удалением ссылок на библиотеку из каждой картинки как показано на рисунке:uvelichenie3-243x300

— но если на вашем блоге сотня записей – работа предстоит многочасовая. А если поле для текста в шаблоне вашего блога не позволяет вставлять крупные изображения, то посетитель не сможет рассмотреть содержимое, особенно если там текстовые надписи. Какой толк в этих изображениях? Кроме того Google например, очень не жалует ресурсы с такими “хвостами”.

Справиться с этой задачей практично и эстетично помогут  плагины Image Zoom  и Auto Highslide.

Плагин Auto Highslide – очень прост в настройках. Этим он и привлекателен, меньше “наворотов” – меньше “тормозит” сайт.

Читать также:  Делаем изображения на сайте уникальными.

Установить плагин можно стандартным способом, из админки сайта. Указав путь к файлу на вашем компьютере. После установки, дополнительных действий не требуется. Изображение загружаете в оригинальном размере, в «параметрах отображения файла» выбираете только средний. Это будет именно тот размер, который отображается на сайте до того, как пользователь кликнул на него. При установке в публикацию обязательно указываете “медиафайл”, но только для изображений которые будут увеличиваться (титульные изображения статьи нет смысла увеличивать). По умолчанию так и установлено, но если вам приходилось менять это значение – не забудьте об этом.

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

У плагина Auto Highslide  есть ещё одна примечательная функция. Если оригинальный размер изображения больше размера экрана вашего монитора, то сначала изображение увеличится до размера экрана, а в правом нижнем углу появится такой знак:

znakПри нажатии на этот значок, изображение увеличится до оригинального размера.

Вот и всё, что я хотел рассказать вам о плагине Auto Highslide.

После нескольких недель использования мне написали читатели, что изображения не увеличиваются – видимо  Auto Highslide временами конфликтовал с другими плагинами.

Была ещё одна проблема! При проверке ответа сервера регистрировалось большое количество ошибок 404 такого вида: Dialogomoney.ru/название_статьи/graphics/zoomin.cur .  Вразумительного ответа в интернете найти не удалось – одни предположения. Файл zoomin.cur находится в папке плагина. Именно он отвечает за увеличение изображения, а ошибку выдаёт при неправильном определении стилей в браузере IE.

Пришлось удалить и установить другой!

Читать также:  Удаление неиспользуемых дубликатов изображений на сайте.

Это плагин Image Zoom.

У него другое оформление, но задачу он выполняет чётко.

Плагин Image Zoom динамически увеличивает изображения как на страницах блога или сайта, так и в комментариях. Наиболее удобен этот плагин для сайтов-портфолио или интернет-магазинов.

У плагина Image Zoom имеются следующие параметры настройки:

  1. Настраивается высота и ширина изображений.
  2. Настраивается время демонстрации изображения  в режиме слайд-шоу.
  3. Изменяется положение кнопок навигации.
  4. Доступна функция автоматического запуска слайд-шоу.
  5. Настраивается степень затемнения фона вокруг изображения.

Скачать последнюю версию плагина Image Zoom и установить её, можно в стандартном режиме из панели администратора  сайта, или  с wordpress.org.    В списке найденных плагинов есть другой, но  его автор  слова поменял слова наоборот и работает он некорректно – не перепутайте.

Для настройки функций плагина на свой вкус, в панели администратора перейдите “SL Plugins” -> “Image Zoom” -> “Параметры“.

Настройка первого блока:imagezoom-221-300x277

  1. Настройка максимальной ширины изображения в пикселях. Устанавливайте этот параметр исходя из возможностей вашего монитора.
  2. Настройка максимальной высоты изображения.
  3. Кнопка “следующая” – можете написать что угодно. По умолчанию – Next
  4. Кнопка “предыдущая” -”- . По умолчанию – previous
  5. Кнопка “закрыть” —
  6. Кнопка “играть” –   для показа слайд-шоу.
  7. Кнопка “пауза”.
  8. Кнопка счётчика изображений. По умолчанию показывает порядковый номер текущего изображения из общего количества имеющихся на данной странице.
  9. Можете отметить галочкой чекбокс, для увеличения изображения до размеров браузера.

nastroyka-Image-ZoomЗдесь всё понятно, выбирается тема оформленияnastroykaImage-Zoom-1

  1. Показывать заголовок.
  2. Показывать альтернативный текст.
  3. Время демонстрации изображения в режиме слайд-шоу.
  4. Можете поставить галочку в этом чекбоксе – при клике на любое изображение включается режим слайд-шоу.
  5. Настройка прозрачности фона при увеличенном изображении.
Читать также:  Оптимизация изображений для ускорения загрузки сайта. XnConvert.

Теперь нажмите кнопку “обновить”.

Как вы поняли плагин почти полностью русифицирован и проблем у вас возникнуть не должно. За два месяца работы никаких сбоев в работе плагина не возникало.

P.S.

Если вы настраивали  библиотеку медиафайлов исключая сохранение дубликатов изображений среднего и максимального размеров – в панели администратора войдите в “Настройки” – “Медиафайлы” и установите только средний размер, например 250 на 350.

Закладка постоянная ссылка.

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

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