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

Shutter Reloaded Plus

Установка плагина производится из админки. Откройте Плагины/Добавить новый, введите в поисковое поле Shutter Reloaded Plus и установите плагин. После активации плагина, его можно найти во вкладке Внешний вид. Откройте окно настроек плагина, кликнув по его названию.

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

Картинка кликабельна

Укажите желаемую непрозрачность затемнения (стрелка 1) и поставьте одну галочку в чекбоксе “Открывать изображение в полном размере” (стрелка 2), все остальные галочки поснимайте. Не забудьте сохранить изменения (стрелка 3).

 

Картинка кликабельна

В зависимости от степени затемнения, выберите цвет подписи картинки используя инструмент “Caption text color:” (картинка выше), так же, можете указать цвет в “Menubar color:”. На снимке ниже, стрелкой указано, о чём ведётся речь.

Согласитесь, для отображения увеличенной картинки в статье, Меню-бар является по меньшей мере - бесполезным инструментом. Если вам захочется убрать Menubar, выполните следующие действия. Хочу сразу предостеречь новичков, если Вы ни разу не сталкивались с редактированием CSS, то откажитесь от этой затеи или делайте всё очень внимательно, не спеша. В противном случае, придётся испорченный плагин удалить и установить новый.

Зайдите в Админ-панель/Плагины/Редактор (стрелки 1 и 2).

В открывшемся редакторе, откройте выпадающее меню (стрелка 1), выберите и кликните по искомому плагину (стрелка 2) и нажмите на кнопку “Выбрать” (стрелка 3). 

В открывшемся окне, в меню справа, выберите и кликните по файлу “shutter-reloaded-plus/shutter-reloaded.css”, он там один такой, с расширением CSS (обведено рамкой).

В открывшейся таблице стилей плагина нужно закомментировать блок, отвечающий за отображение Меню-бара вот такими значками ( /*блок*/ )? на снимке снизу показано стрелками, в какие места поставить значки.

Картинка кликабельна 

Должно получиться вот так (показано стрелками). Не забудьте Обновить файл! 

Картинка кликабельна

Зайдите на страницу и проверьте работу плагина. Удачи!

 

 

 

Auto Highslide

 

 

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

Скачать плагин можно по этой ссылке: Скачать плагин

Установить скачанный архив можно из админ-панели. Откройте Плагины/Добавить новый/Обзор

Картинка кликабельна

После нажатия кнопки Обзор, в открывшемся проводнике компьютера найдите скачанный архив, кликните по нему (выделите стрелка 1) и нажмите кнопку Открыть (стрелка 2).

Снова попав на страницу установки, нажмите на кнопку Установить

Затем, активируйте плагин.

Можно установить плагин и через FTP - клиент. Для этого, разархивируйте плагин и установите папку auto-highslide в директорию plugins вашего сайта. Я тут недавно делал пробный видео-ролик, правда для другой статьи, но установку именно этого плагина, я показывал в этом видео - ролике. Я не озвучивал свои действия, но всё и без слов наглядно и понятно.

Как установить плагин через FileZilla

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

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

 

Agnetha Faltskog

Agnetha Faltskog

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

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

 

Удачи Вам!

  ©  MKoven