Нюансы плагина Auto Highsline — увеличение картинки при наведении

 увеличение картинки

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

Сейчас мы это сделаем легко и просто при помощи плагина Auto Highsline.

Особенности этого плагина:

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

         - не требует дополнительных настроек

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

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

Итак, приступим.

С установкой плагина, наверное, никаких проблем не возникло? Устанавливаем, активируем и все. Приступаем к изучению работы плагина Auto Highsline.

Давайте посмотрим все на примере. Сделаем скриншот полного экрана с моего сайта. Сами понимаете, что в полном размере оно на сайт не войдет. Но WordPress подстроит размер картинки под размер вашего сайта автоматически.

Вот снимок, который я сделала (кстати, изображение увеличивается; вы можете посмотреть его реальный размер)снимок полного экрана

Вот что получиться на сайте. А вот оно уже не увеличивается. Почему? Читайте дальше, все расскажу.full-screen-2Изображение раскрывается до того размера, который был ЗАГРУЖЕН на сайт.

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

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

1.выравнивание – не пренебрегайте этим моментом.

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

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

full-screen

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

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

настройка изображения

              Настройи изображения

           Вы можете выбрать расположение картинки и обтекание ее текстом.

 Размер можете регулировать в колонке справа. Это очень удобно, попробуйте!

 Ну вот, вроде бы и все.

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

Будут вопросы – обязательно пишите в комментариях!

 Может у вас есть вопросы по какому-то другому плагину? Или вы считаете, что вам чего-то не хватает для работы вашего сайта? Пишите обязательно, будем разбираться вместе! А о новых плагинах вы можете узнавать из рассылки с анонсами статей с моего блога.

Подписаться на обновления

 .

.

Это важно и интересно:

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

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

Приукрасить сайт можно не только картинками / демотиваторами, но и уникальной (!!!) картой  сайта.

 

 

9 thoughts on “Нюансы плагина Auto Highsline — увеличение картинки при наведении

  1. Спасибо, сейчас попробую его установить. А то у меня установлен FancyBox for WordPress и он то работает, то нет в чём причина, я так и не разобралась.

  2. Татьяна, добрый вечер. Проверьте, чтобы на картинках были ссылки. Если их удаляешь, то этот плагин тоже не работает.
    Удачи Вам в установке! ;-)

  3. Сергей, привет! Ты покопайся у меня, мож еще чего найдешь. Есть несколько полезных штучек :yes:
    Рада видеть тебя у себя в гостях!

  4. Этот плагин был среди моих любимчиков, но на новый блог я его все же не поставила.
    Не знаю, как получилось, вроде файл robots.txt был настроен правильно и запрещал показ всяких папок, в том числе и plugins, но как-то решила проверить страницы в выдаче Гугла и с ужасом обнаружила, что он, паразит, проиндексировал часть страниц из этой папки. И почему-то все было связано именно с этим плагином, хотя у меня там стоял не один десяток. Короче, я на него осердчала и удалила. Не знаю уж правильно сделала или нет, но мне, если честно, его не хватает.

  5. Добрый день, Елена.
    Странно, не похоже на него. Посмотрела у себя, вроде все ок. А как именно вы поняли, что все указывало на этот плагин?

  6. Да там в выдаче Гугла ссылка была на два плагина, такого примерно типа /wp-content/plugins/posttabs/postTabs.
    Я их Гуглу под нос сунула и сказала удалить эти урлы, он, правда, в этом плане молодец, удалил. Вот думаю как с табами быть, без больших картинок я еще могу обойтись, а табы хотелось бы задействовать.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>