7 марта, 2014 
admin 
Ширина страниц большинства шаблонов не позволяет владельцам сайтов на 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):
- auto-highslide.php в папке public_html/wp-content/plugins/auto-highslide/
- highslide-with-html.packed.js в папке public_html/wp-content/plugins/auto-highslide/highslide/
После этого обновите страницу с изображением - все должно заработать!
Если у вас остались вопросы, после прочтения статьи или вы желаете поблагодарить ее автора - пишите свои комментарии!
Опубликовано в рубрике 
Метки:
Скажите, у меня установлен этот плагин, но он некорректно открывает картинки… т.е. открывает картинку без соблюдения пропорции, и очень значительно… Не поможете мне в этом разобраться…?
Здравствуйте, нужен пример, оставьте ссылку на страницу с такими изображениями!
Здравствуйте. Почему-то кнопки навигации для просмотра следующего или предыдущего изображения не появляются в доработанном плагине. Скажите, пожалуйста, чем может быть причина?
Здравствуйте, при увеличении нескольких изображений одновременно, можно увидеть такую надпись: «Click to bring to front». Не планируете ее тоже руссифицировать? И присоединяюсь к комментарию Дмитрия, но по моему и без кнопок навигации можно обойтись, и так все нормально. Спасибо за вашу работу, давно хотел эту надпись хотя бы удалить.