Плагин увеличения изображения для wordpress блога. «Auto Highslide» плагин для увеличения изображения в WordPress

Здравствуйте, друзья! Сегодня я расскажу о полезном WordPress плагине увеличения изображений на сайте при нажатии на них. Это плагин Auto Highslide . Нельзя сказать, что это очень уж необходимый плагин для Вордпресс, но польза от его применения несомненна.

Начнем с того, что Auto Highslide очень прост в установке, так как не требует никаких настроек. Конечно, его не сравнить по функциональности, например, с плагином фотогалереи для WordPress NextGen Gallery. Но то, что нам требуется, а это увеличение картинки или фото при клике по ним, он делает на пять с плюсом.

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

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

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

Что происходит после установки плагина? При наведении указателем мыши на картинку, появляется значок лупы с плюсиком. Плавное увеличение картинки происходит при клике по ней в том же окне, не закрывая просматриваемую страницу. Знак “+” меняется на “-” и, при повторном нажатии, картинка занимает свое исходное положение.

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

Чтобы посмотреть плагин в действии, нажмите на самое нижнее изображение в этом посте. А теперь давайте перейдем к установке.

Установка плагина для увеличения изображений на сайте при нажатии.

Так как страница плагина сейчас уже недоступна, то скачиваем его . Далее выбираем один из двух вариантов установки:

1. Распаковываем архив и закачиваем папку с помощью на хостинг в директорию /wp-content/plugins/ . То есть в папку с остальными плагинами блога. Переходим в и активируем плагин.
2. В административной панели блога идем на страницу “Плагины ” – “Добавить новый ” – “Загрузить “. Нажав кнопку “Выберите файл “, выбираем скачанный ранее архив в формате.zip. Жмем “Установить ” и после сообщения об успешной установке, активируем Auto Highslide.

Внимание! При вставке изображений в статьи, обращайте внимание на то, чтобы в редакторе в поле “URL ссылки ” был прописан адрес картинки. Если ссылки там нет, нажмите на кнопку “URL файла “, как показано на картинке ниже. Или кнопка может еще называться “Ссылка на файл “.

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

Надеюсь, популярный плагин увеличения изображений при нажатии на них Auto Highslide Вам понравится. В следующих статьях я еще расскажу про другие плагины фотогалереи для WordPress, поэтому подписывайтесь на обновления блога в форме ниже. Буду признателен, если нажмете на кнопки соц.сетей. До скорых встреч!

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

Для чего этот плагин? Auto Highslide — это плагин, который только увеличивает изображения при нажатии их левой кнопкой мыши. При повторном нажатии он придает изображению исходные размеры. Больше он ничего не делает. Плагин относится к разряду «установил и забыл», то есть он вообще не имеет никаких настроек и после активации сразу начинает работать. Какие-то отдельные галереи он не создает. Просто увеличивает изображение на блоге .

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

• если вы используете изображения небольших размеров, которые и так хорошо просматриваются без увеличения;
• у вас не слишком узкий, статический (фиксированный ) шаблон и есть дополнительное место, чтобы вставить изображение наибольших размеров;
• вы используете изображения очень хорошего качества (без сжатия );
• вы хотите создать красивое увеличение изображений или шикарные фото галереи с множеством настроек. К примеру, можно привести плагин NextGen Gallery. Также для особых скептиков к нему могут предлагаться дополнительные модули, которые намного расширяют функционал работы NextGen Gallery. Однако не стоит забывать, что красота требует жертв (с точки зрения производительности и работы блога ).

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

• если вы используете небольшие изображения, которые будут плохо просматриваться без увеличения.
• если вам нужно простое увеличение изображений без каких-либо дополнительных функций и настроек;
• вам нужны менее «прожорливые» плагины для такой функции;
• вы этим плагином;
• вы хотите использовать большие изображения целиком, а не разбивать их на несколько мелких;
• у вас очень узкий, статический (фиксированный ) шаблон, у которого не хватает места для изображений наибольших размеров;
• у вас динамический (резиновый ) шаблон. На таком шаблоне не рекомендуется загружать большие изображения. Дело в том, что на маленьких экранах такой шаблон будет сужаться, а сами изображения будут залезать на соседний сайтбар. В таких случаях рекомендуется использовать небольшие изображения, чтобы они хорошо сочетались с веб-дизайном блога или сайта. А с помощью нашего плагина, маленькие и плохо просматриваемые изображения можно без труда увеличить.

Если этот плагин вам подходит, то можете его установить. Скачать плагин Auto Highslide можете . Сама проходит стандартным способом. Хочу сказать, что плагин увеличивает те изображения, в которых имеется соответствующая ссылка (как на нижнем рисунке ). То есть изображение должно быть кликабельным.

Если у вас такой ссылки нет, то нажмите на кнопку «Текущая ссылка» и нужная ссылка появится перед вами. Рекомендую оставлять ссылки только на те изображения, которые необходимо увеличивать. На всех остальных лучше лишние ссылки убрать, нажав на кнопку «Нет» (см. рисунок ).

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

Добрый день, уважаемые посетители моего ресурса!

Сегодня я решил рассказать Вам об одном очень полезном и удобном плагине.

Я его использую достаточно давно, но всё как-то не когда было о нём написать.

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

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

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

Очень долго искал, перепробовал достаточно большое количество подобных плагинов на WordPress, пока не нашёл тот, который подошёл мне по всем параметрам.

Им как раз и оказался простой и удобный

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

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

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

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

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

Поэтому использование плагина в данном случае я считаю отличной альтернативой.

Как использовать плагин Auto Highslide

Сразу отмечу, что я буду пояснять на примере недавно обновлённой версии WordPress 3.9.1

После установки и активации уже в работе.

Можете вставлять своё изображение в статью. После добавления изображения в Редактор WordPress, нажмите в Редакторе статьи на него левой кнопкой мыши, а затем ещё раз нажмите на иконку карандаша для редактирования картинки:

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

Не забудьте после всех изменений нажать в правом нижнем углу кнопку «Обновить»!

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

Мне будет интересно узнать, используете ли Вы тоже плагин AutoHighslide на своих блогах.

Может Вы нашли ему другое применение?

Если это так, то напишите мне в комментариях.

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

До новых встреч в моих новых статьях.

Всем привет. Сегодня мы снова вернемся к плагинам для WordPress.

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

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

Кстати, в этой статье как раз используется такой плагин .

Давайте разберем, как установить
плагин Auto Highslide

Так как страница плагина сейчас уже недоступна, то скачиваем его . Дальше есть два варианта установки:

1. Распаковываем архив и закачиваем папку с помощью FTP-клиента, либо через панель управления хостинга на сам хостинг в директорию: /wp-content/plugins/ , где лежат все плагины блога. Далее заходим в админку WordPress и активируем плагин.

2. В админ-панели блога находим Плагины / Добавить новый / Загрузить . Находим у себя на компьютере скаченный архив плагина (Обзор ) и жмем Установить, далее активируем Auto Highslide.

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

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

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

«!» Не забудьте, что если изображению не требуется увеличение , ссылку лучше удалить совсем и оставить пустое поле.

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

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

Мы рассмотрели Auto Highslide плагин для увеличения изображения для WordPress.

Если у вас возникли вопросы или дополнения к статье, пишите.

Доброго времени суток! Сегодня я Вам расскажу про самый простой плагин фото галереи для WordPress. Для Вордпресса очень много плагинов, которые созданы для красивого вывода картинок или фотографий. Но все они какие-то сложные, с некоторыми из них я вообще не смог разобраться, а я всегда хотел, чтобы при нажатии на картинку, она “выплывала”, к примеру, в полном размере. К примеру, на этом блоге, практически такая функция уже есть (она была в шаблоне блога по умолчанию). Можете “кликнуть” мышью на любую картинку в уроке и Вы примерно поймете, о чем я буду сейчас рассказывать.

Так вот, из-за того, что не во всех шаблонах есть такая функция вывода изображений, я искал плагины, которые наиболее просты в использовании. И скажу Вам, после 2 суток активного поиска, я нашел такое решение! Так вот, данный плагин называет Auto Highslide . Этот плагин для WordPress, ну, очень прост в использовании! В этом Вы можете убедиться ниже.

1. Для начала нам нужно скачать и установить плагин Auto Highslide .
2. Активируйте данный плагин. Вот и все! Плагин уже работает:).

Пример работы данного плагина, Вы можете посмотреть на ZonaHelp.ru . Просто нажимаете на изображение левой кнопкой мыши, оно само всплывет во весь размер.

Таким образом, Вы можете создать целую фото галерею. То есть, на какую-нибудь страницу помещаете миниатюры изображений (например, размером 100х100 пикселей), если какая-то картинка нужна будет посетителю, то он может посмотреть ее во весь размер просто нажав на эту картинку.

Возможные проблемы при работе с плагином для WordPress Auto Highslide

Нажимаю на картинку, ничего не происходит или картинка открывается в новом окне.

Ответ. Когда Вы вставляете изображения или уже вставили, нужно один раз (в случае, когда работаете с , как я) при вставке выбрать пункт “Ссылка на исходное изображение”:

Насчет вставки через браузер, возможно Вам придется постоянно (при вставке каждого изображения) нажимать на кнопку “Ссылка на файл”:

Вот и все, надеюсь урок для Вас окажется полезным. И, кстати, очень скоро расскажу про "более продвинутые" плагины для создания очень красивой фото галереи. Поэтому, обязательно подпишитесь на RSS !

До скорых встреч!