Увеличение изображений при клике в WordPress

auto highslide wordpress

Ширина страниц большинства шаблонов не позволяет владельцам сайтов на WordPress размещать изображения большого разрешения для предоставления посетителям какой-либо наглядной графической информации.

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

мы не удаляем ссылку с картинки, таким образом, при клике на нее, она открывается в новом окне в свой полный размер...

На практике это не совсем удобно, даже совсем не удобно по многому ряду причин.

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

Оригинальный плагин версии 1.0 можете скачать здесь.

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

Работу плагина Auto Highslide для WordPress вы можете наблюдать прямо в этой статье, кликнув на первое изображение.

Однако стандартный плагин имеет некоторые, на мой взгляд, недоработки. Первая из них связана с тем, что при наведении на увеличенное изображение курсора появляется надпись на английском:

Click to close image, click and drag to move. Use arrow keys for next and previous

Не слишком дружественно звучит с точки зрения большинства русскоговорящих посетителей.

Вторым минусом стандартной "сборки" плагина является то, что изображение не выводится по центру экрана, оно увеличивается в контексте. Для кого-то это не является проблемой, однако я решил вылечить данный недостаток.

Здесь можете скачать версию плагина с небольшими изменениями, которые я в него внес. Теперь надпись будет выглядеть как:

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

Кроме того, картинка будет выводиться по центру экрана.

Если у вас уже установлен плагин Auto Highslide для WordPress версии 1.0, можете просто скачать измененную версию и заменить два файла(я делаю это через FTP):

  1. auto-highslide.php в папке public_html/wp-content/plugins/auto-highslide/
  2. highslide-with-html.packed.js в папке public_html/wp-content/plugins/auto-highslide/highslide/

После этого обновите страницу с изображением - все должно заработать!

Если у вас остались вопросы, после прочтения статьи или вы желаете поблагодарить ее автора - пишите свои комментарии!

Вы можете оставить комментарий, или ссылку на Ваш сайт.

4 комментариев к записи “Увеличение изображений при клике в WordPress”

  1. Скажите, у меня установлен этот плагин, но он некорректно открывает картинки… т.е. открывает картинку без соблюдения пропорции, и очень значительно… Не поможете мне в этом разобраться…?

  2. Дмитрий:

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

  3. Здравствуйте, при увеличении нескольких изображений одновременно, можно увидеть такую надпись: «Click to bring to front». Не планируете ее тоже руссифицировать? И присоединяюсь к комментарию Дмитрия, но по моему и без кнопок навигации можно обойтись, и так все нормально. Спасибо за вашу работу, давно хотел эту надпись хотя бы удалить.

Оставить комментарий

Яндекс.Метрика