Widgetkit — виджеты на любой вкус

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

Основные особенности компонента

• 17 красивых эффектов перехода изображений, которые произведут неизгладимое впечатление на пользователей вашего сайта.
• При объединении CSS и JavaScript стало возможным автоматическое и быстрое кеширование, благодаря которому элементы работают быстрее.
• Widgetkit хорошо работает на всех сенсорных устройствах.
• Виджеты имеют несколько стилей отображения, вследствие чего они идеально подходят к любому сайту.
• Компонент построен на HTML5, CSS3 и последней версии JQuery.
• Современные функции управления.
• Использование современных веб-технологий.
• Чистый и легкий код.
• Возможность воспроизводить мультимедийные материалы.
• Автоматическая калибровка изображений с возможностью быстрой загрузки по мере прокрутки страниц сайта.
• Поддержка отображения нескольких виджетов на одной странице сайта.

Какие бывают разновидности виджетов?

Разработчики YOOtheme создали 9 различных виджетов:

Lightbox — позволяет просматривать изображения, HTML и медиа контент во всплывающем окне, не покидая текущей страницы. При этом, фон становится темнее.

Media Player — вставляет аудио и видеофайлы на сайт. Построен на HTML и CSS, полностью совместим с HTML5. Плеер имеет запасной Flash Player для нескольких более старых браузеров, которые не поддерживают html5. Тут всего пару настроек. Активация данного плагина и назначение селекторов для файлов.

Также, помимо формата видео .mp4, можно подключать форматы .webm, .ogv

Slideshow — создает слайд-шоу с различными эффектами переключения изображений, настройками таймаутов и т.д. Данный виджет применяет технологии html5 и css3, легко установливается и может отображать 17 определенных эффектов. Один из самых распространенных виджетов на сегодняшний день.

Spotlight — позволяет накладывать картинку или текст на изображения. Эффект плавно появляется при наведении мыши. Также у данного виджета есть опция установки ссылок на другие странички.

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

Twitter — виджет, позволяющий выводить последнее сообщение с сервиса в твитер. Больше нет необходимости использовать специальный модуль YOOtweet.

Slideset — интересный виджет, при помощи которого можно отобразить необходимые товары на вашем сайте с различными дополнительными эффектами.

Gallery — полностью автоматизированный способ публикации изображений. Вам нужно только выбрать папку с картинками и галерея сгенерируется автоматически. Также легко настраиваются размеры изображения и стиль оформления галереи.

Map — это отличный виджет, с помощью которого вы можете добавить карту. В нем можно ее настроить, изменить цвет и добавить маркеры. На данный момент поддерживается карты только от Google Maps.

Accordion — позволяет отображать набор элементов в компактном виде, называемом «Аккордеон». При нажатии на вкладки открывается контент, а при повторном клике сворачивается. Виджет очень удобен для сайтов с большим количеством материала, который надо уместить в одно небольшое место.

Однако бесплатная версия Widgetkit использует только первые 4 из этих виджетов.

Где и как настраивается компонент?

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

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