Приветствую всех читателей моего блога!
Сейчас я хочу рассказать о том, как происходит увеличение картинок при наведении и нажатии на них курсором мышки. И по сложившейся традиции, в этой статье я расскажу, как это реализовать технически, а в коротком видео уроке, наглядно покажу, как это сделать практически.
И обязательно прочитайте статью про плагин редактирования seo параметров All in One SEO Pack, в которой есть подробное видео о том, как его правильно настроить. А Subscribe To Comments, поможет к форме комментирования, добавить супер нужный виджет для подписки на комментарии.
Как сделать увеличение картинок
Плагин Fancybox for WordPress
Увеличение картинки при наведении курсора мышки, можно реализовать с помощью замечательного плагина Fancybox for WordPress.
Кстати, скачать последнюю версию плагина, можно по этой ссылке: https://wordpress.org/plugins/fancybox-for-wordpress
Итак, первым делом нужно установить плагин Fancybox for WordPress на блог. Сделать это можно либо через ftp соединение, либо через админку блога. О том, как добавить плагины на блог wordpress, можете посмотреть в видео уроке в этой статье.
После установки, плагин Fancybox, нужно настроить так как Вам нужно. Тем более там, есть много возможностей по его настройке. И всё это я покажу в моём коротком, но подробном видео уроке.
Другие плагины для увеличения изображений
Плагин SexyLightBox
Чтобы реализовать функцию увеличения изображений при нажатии на них курсором мышки, есть другие плагины, но особо хочу выделить среди них SexyLightBox.
Скачать его можно на официальном сайте, перейдя по этой ссылке: https://wordpress.org/plugins/wp-sexylightbox/
Он прост в установке и никаких особо сложных настроек делать не нужно.
После установки и активации, на вкладке Параметры ищем название данного плагина, заходим на страницу его настроек и там, выбираем 1 из 4 стилей показа картинок, которые представляют из себя рамки обрамления картинок. Вот и всё, далее, сохраняем выбранный стиль и переходим на сайт, чтобы проверить как он работает на практике.
Плагин Image Zoom
Очередной плагин увеличения изображений это Image Zoom. Скачать его можно по этой ссылке: http://wordpress.org/extend/plugins/image-zoom/
Вот, какие функции, он позволяет настроить:
- Можно настроить высоту и ширину изображения.
- Настроить время для перехода на другую картинку.
- Настроить функцию автоматического запуска слайд шоу.
- Настроить непрозрачный фон и положение кнопок.
Он прост в установке и русифицирован и с ним, разберётся каждый. Но про некоторый функции я сейчас расскажу. После установки и активации, чтобы настроить плагин, идёте на вкладку Параметры и находите название плагина. Переходите на страницу настроек и редактируете настройки под свои нужны.
Вот кратко, что они означают:
- Выбери тему — здесь предлагается 3 темы на выбор, где каждая тема имеет свои особенности в настройке.
- Время перелистывания слайд шоу —здесь можно установить время перелистывания слайд шоу и задержку при переходе на следующую картинку.
- Автозапуск слайд шоу — после того, как поставите галку с чек боксе, то при наведении и нажатии курсора мышки на изображение, запустится слайд-шоу.
Первые 2 это лучшие плагины для увеличения изображений на wordpress блоге. А для тех, кто не знает, как правильно оптимизировать добавляемые картинки, предлагаю узнать об этом в статье как добавить картинку на блог, в которой Вы узнаете, как правильно оптимизировать картинки.
А теперь, предлагаю посмотреть видео урок, в котором я наглядно показываю, как настроить плагины: Fancybox for WordPress, SexyLightBox и покажу, как они работают.