TourRoutes.Ru - Инь и Янь дневники Брюнета и Блондинки

Плагин Auto Highslide для WordPress или плавное увеличение картинок на сайте

Просмотров: 1464Комментарии: 0
Всё о WordPress
Плагин Auto Highslide для WordPress или плавное увеличение картинок на сайте

Плагин Auto Highslide для WordPress.

Здравствуйте друзья!Если вы читали мой предыдущий пост, то вы наверняка заметили, что там у вас есть возможность при клике на картинке увидеть её в полном размере, при этом картинка плавно увеличивается без перезагрузки страницы. Так вот, в этой статье я вам расскажу, каким образом можно реализовать такую возможность у себя на блоге.

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

Смотрите, предположим, вы пишете на своем блоге пост, где вам нужно своим читателям в графическом виде продемонстрировать какую-то информацию, ну не знаю, к примеру, какой-то график, диаграмму или что-то в этом роде. Если вы просто разместите на блоге большую картинку и в админ панели укажите её размер, то естественно читатели не смогут ее нормально рассмотреть. Это очевидно, ведь, как правило, контентная часть любого блога не превышает 600px, что, конечно же, очень мало и естественно в этом случаи большую картинку будет трудно подробно рассмотреть. Конечно, можно картинку сделать в виде ссылке (в WordPress это делается по умолчанию) и когда пользователь кликнет на данную картинку, он сразу же перейдет на страницу где будет размещено данное изображение в своем полном размере. Но согласитесь, это не совсем удобно. Вы кликаете на картинку, попадаете на страницу с изображением, просматриваете его, и чтобы дальше продолжить чтение статьи вам опять нужно произвести лишнее действие — вернутся на предыдущую страницу, ну разве вас это не раздражает, лично меня очень раздражает.

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

Устанавливаем плагин Auto Highslide

Итак, первым делом вам нужно скачать плагин Auto Highslide, для этого просто кликните по этой ссылке и загрузите себе на компьютер архив с расширением.Важно знать, что на данный момент в интернете уже не существует официальной страницы вышеуказанного плагина, по этому, если вы захотите скачать данное расширение через админ панель блога, воспользовавшись формой поиска, то скорей всего у вас ничего не получится. Это я говорю, потому что я знаю, что для многих пользователей WordPress такая установка является предпочтительней, так как в этом случаи вероятность поймать вирус на сайт существенно меньше, ведь закачка плагина происходит с официального ресурса. Ну сейчас не об этом, просто знайте, что скачать данный плагин, используя админ панель, уже не получится. Просто кликайте по вышеуказанной ссылке и не парьтесь, то, что в архиве нет вирусов, я вам ГАРАНТИРУЮ!!!Ну что же, плагин вы скачали, теперь давайте его установим. Здесь стандартная процедура, те ребята, для которых данная процедура уже хорошо знакомая могут пропустить нижеописанные шаги, а те пользователи, которые только недавно начали знакомство с WordPress делайте все как указано в инструкции:Перейдите в админ панель блога в раздел «Плагины» => «Добавить плагин». На появившейся странице перейдите во вкладку «Загрузить файл» и в специальную форму загрузите файл с только что скачанным плагином.Нажмите кнопку «Установить сейчас».Вот и все, после этого плагин Auto Highslide будет установлен на ваш блог. Как это ни странно, но дальше от вас вообще не требуется каких-либо действий, плагин уже работает! Разве это не замечательно?Теперь все картинки на вашем блоге, которые имеют больший размер, нежели тот, который был принудительно указан вами при размещении изображения в статье (чтобы изображение поместилось в контентную часть) при клике на них, будут плавно увеличиваться.

Вот как это будет выглядеть:

lupa.png

Здесь, правда, при размещении изображений в посте, нужно всегда следить, за тем, чтобы картинки, которые вы хотите увеличивать при клике по ним мышкой, были со ссылкой. То есть, что здесь имеется в виду? При размещении картинки вам нужно постоянно обращать внимание на поле «URL ссылки»:

url-images.png

Нужно чтобы это поле не было пустым, только так плагин будет работать. Но, скажу честно, сколько я уже пользуюсь wordpress, вышеупомянутое поле всегда заполняется в автоматическом режиме и ничего руками прописывать не нужно.Я всегда поступаю следующим образом, для тех картинок, которые имеют больший размер, чем контентная часть блога и их желательно показать читателю в большем размере, нежели они представляются на ресурсе, я оставляю «URL ссылки» картинки, а во всех остальных случаях я данный адрес удаляю. Таким образом, все небольшие картинки на блоге становятся не кликабельными, а те которые нужно показать в большом размере соответственно плавно увеличиваются при клике. Надеюсь это ясно.Итак, как плагин Auto Highslide устанавливается мы рассмотрели, как он работает, тоже увидели, а теперь мне хочется пару слов сказать о тех положительных и отрицательных сторонах данного плагина, которые я успел заметить за период его использования. Начну из положительных сторон:Как вы уже сами в этом убедились, плагин очень простой в установке и использовании.Он не требует больших ресурсов для своей работы, соответственно не создает лишней нагрузки на блог (читайте статью о раздражающих факторах на блоге). Плагин быстро работает. То есть пользователю не нужно долго ждать, когда картинка загрузиться после клика.

А теперь, что касается недостатков, которые я заметил.

Картинка при увеличении позиционируется не по центру страницы, а относительно контентной части сайта. Хоть это не значительный минус плагина, и для большинства пользователей он вообще не заметен, все же я считаю, что лучше было бы, если картинка позиционировалась по центру сайта.Если страница до конца не загрузилась, плагин не работает. Эту особенность я заметил совершенно случайно. Дело в том что, судя по всему, плагин работает с использованием библиотеки JQuery, поэтому нужно, чтобы браузер полностью сформировал страницу, только тогда плагин будет работать, такая особенность JQuery. Даже если визуально вам будет казаться, что страница уже полностью сформирована, но при этом браузер будет показывать процесс загрузки, плагин не сработает.Это вроде бы все недостатки, которые я заметил, применяя Auto Highslide.Конечно, использовать данное расширение или нет, решать Вам, моя задача поделиться с вами своим опытом и мнением, а остальное за вами. Лично мне плагин очень нравится, даже не смотря на то, что у него есть свои недостатки.

P/S Вот небольшие уточнения для тех у кого некорректно работает этот плагин.

Если картинка при увеличении позиционируется не по центру страницы:

  • 1. скачиваем обновленный highslide-full.js с highslide.com/download.php и кидаем в plugins/auto-highslide/highslide/ разберетесь в общем.
  • 2. редактируем файл auto-highslide.php
  • 3.меняем highslide-with-html.packed.js на highslide-full.js
  • 4.В секцию script добавляем дополнительную настройку hs.align = "center";

    Ну что же надеюсь, данная статья была вам полезна, и она помогла вам решить проблему плавного увеличения изображение на блоге WordPress. В скором времени читайте здесь пост о ещё одном нужном плагине, плагине для управления виджетами блога.Жду ваших комментариев по данному вопросу. Всего доброго!С уважением: AdminMen

  • Оставьте коммент, Уважаемый!


    Спасибо за ваш комментарий! Он будет опубликован после проверки модератором блога. Напоминаем что: используйте нормальные имена , нецензурщина, всяческий стёб, а так же ссылки на сайты в имени и в описании запрещены

        

      

    Напоминаем что: ненормативная лексика и всяческий стёб, а так же ссылки в именах и комментариях запрещены

    (обязательно)