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

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

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

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

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

Но Shutter Reloaded и Auto Highslide как я уже отмечал, эти плагины мной уже протестированы, они вовсе не конфликтуюють между собой, несмотря на то что в них почти одинаковые задачи, рекомендую оба поставить к себе на сайт. Они прекрасно будут дополнять друг друга, при просмотре изображений.

Если без плагинов мы нажмем на рисунок, изображения все–равно можно пересмотреть. Но как для меня вид никакой. С правой стороны вверху, рисунок смотрится согласитесь не слишком. Совсем не красиво, просматривать такие изображения совсем не удобно. Конечно можно бы смириться, если плагины нагружают сервер.

Но эти два плагины как раз почти не нагружают сервер. И работают они безупречно, настройки нужно делать только в плагине Shutter Reloaded, и то при условии, что вы будете иметь желание использовать оба плагины на блоге.

Если устанавливать только один из двух Shutter Reloaded или Auto Highslide, в обоих все настраивается автоматически, установили и пользуемся, можно выставить по вашему желанию дополнительные параметры, но и без етих дополнений  плагины работают замечательно.

Теперь на счет таких настроек если кто-то захочет оба плагины установить на сайт, то в Auto Highslide вообще настройки не нужны, установили и работает без никаких дополнительных настройках. Настраивать нужно  только  Shutter Reloaded.

Я в начале пользовался Shutter Reloaded проблем с этим плагином не было. Потом решил пользоватся Auto Highslide проблем также не было. Сказать кто из них лучше, трудно. Поэтому я решил попробовать, чтобы у меня на сайте присутствовали оба плагины.

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

Плагин Auto Highslide.

Плагин Auto Highslide удобный для пользователя  будет тогда, когда нужно посмотреть только одно изображение, при нажатии на рисунок он только увеличится. Очень удобно например, когда пользователю нужно будет посмотреть какие-то настройки, которые в графическом виде показаны на картинке. Картинка при нажатии  увеличивается, ее можно двигать по разным местам на экране, если картинка будет закрывать текст.

Изображения Auto Highslide можно увеличить до натуральной величины, в самом низу нажать на метку, при наведении курсора к отметке появится надпись «Expand to actual size» означает что можно пересмотреть в большем размере. Если отметка отсутствует, тогда это означает, что размер актуальный и изображение дальше не увеличится.

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

Где можно скачать плагин, на официальном сайте WordPress я не нашел, из каких источников можно загрузить, в поисковой системе введите «скачать Auto Highslide» после чего появляется много ресурсов которые предлагают скачать плагин.

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

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

 

Auto Highslide пользователю удобнее будет просмотреть одну картинку, просто ее увеличив.

Ну а если на странице сайта присутствуют например 10-20 фото, то нажимать чтобы посмотреть на каждое фото согласитесь совсем не удобно, а гораздо удобнее пересмотреть все 20 фотографий вместе, похоже как в слайдшоу. А на этот случай лучше применять плагин для картинок Shutter Reloaded. Он дает возможность просматривать сразу все картинки, которые находятся на странице сайта.

При нажатии на картинку через плагин Shutter Reloaded окно делается черным, и по центру появляется рисунок. Как работает плагин вы можите посмотреть перейдя по ссылке http://ruszura.in.ua/prohramy-dlya-veb-dyzajnu/minyajte-kolirnyj-balans-na-fotohrafiyah-z-prohramoyu-colour-surprise.html название публикации » Меняйте цветовой баланс на фотографиях с програмой Colour Surprise«

 

Там  6 фото. Их конечно удобнее будет просматривать с помощью плагина Shutter Reloaded.

Плагин Shutter Reloaded

Переходим по ссылке на официальный сайт wordpress.org, по сравнению с Autо Highslide плагин можно скачать с сайта  wordpress.org  https://wordpress.org/plugins/shutter-reloaded/

На странице сайта wordpress.org проверяем версию плагина Shutter Reloaded с версией wordpress, клацнув  на отметки внизу слева, после чего если версии подходят друг другу, загружаем плагин к себе на жесткий диск компьютера, устанавливаем или через админпанель, или распаковываем архив и переносим папку плагина Shutter Reloaded в папку сайта где находятся плагины.

srundah1

⇑проверяет версию плагина с версией wordpress

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

Основные настройки которые позволяет плагин Shutter Reloaded

⇒ Можна исключать записи, в которых не требуется плагин применять

⇒ Можна применять плагин только в указанных записях 

⇒ Можна настраивать цвета и прозрачность рамки, настраивать цвета текста и заголовки.

Почему они самые основные, я считаю так как они дадут возможность работать одновременно двум плагинам, и если Auto Highslide всего лиш увеличивает изображение при нажатии на картину, то Shutter Reloaded может заменить галерею, если вы на своем сайте захотите выложить серию фотографий, штук 10-20, для просмотра  горазду удобней пользоватся когда в одном блоке все картинки.

Чтобы дать возможность работать одновременно двум плагинам Auto Highslide и Shutter Reloaded.

Сначала активируем плагины, не имеет значения кто из них первый активируется. Вся фишка в настройках после активации нужно сделать некоторые действия. Во первых это не разрешать плагину Shutter Reloaded открывать все изображения, ведь для открывания всех изображений мы выбрали Auto Highslide, конечно кто захочет на сайте иметь один плагин для увеличения изображений, тогда дополнительные настройки не нужны. 

В админ панели нажимаем на отметку Shutter Reloaded, путь к отметке проходит через «Внешний вид» там размещено название нашего плагина.

На странице плагина Shutter Reloaded делаем следующее. Нам нужно нажать на отметку

Active: Shutter on all image links on specific page(s).

Перевод 

Активность: Shutter на все ссылки на изображение на конкретной странице (и). Будет значить что работа плагина активируется на конкретной странице.

srundah2

⇑означає що робота плагіну активується на конкретній сторінці

Далее нам нужно указать ID той страницы, изображения которой мы выбрали для просмотра с помощью плагина Shutter Reloaded 

Please enter the ID for the post/page you want to exclude 

Перевод

Пожалуйста введите идентификатор для страницы которую вы хотите включить 

Вводим индетификатор в виде номера страницы. Как узнать, можно  если вы в админке, тогда перейдите на страницу для которой Вы хотите прописать ID.

Там указан ID-страницы

Например:http://ruszura.in.ua/prohramy-dlya-veb-dyzajnu/minyajte-kolirnyj-balans-na-fotohrafiyah-z-prohramoyu-colour-surprise.html#more-1659 Номер ID–страницы прописан в #more-1659, и в индентификаторе прописываєм только номер 1659. Находиться после .html

Вставляєм 1659 в поле Add ID и клацаєм кнопку Save Options

srundah3

⇑прописуємо  номер  і натискаємо Add ID

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

Такая сладкая парочка Твикс. 😛 

Ashampoo_1Ashampoo_Snap_1

Auto Highslide                                                                           ⇑Shutter Reloaded