Компонент Widjetkit для WordPress. Инструкция по установке и настройке

Написал admin. Опубликовано в рубрике CMS. 25.04.2014

Компания Yootheme довольно известна в кругах веб-разработчиков и славится своими шаблонами для WordPress и Joomla. Однако в арсенале данной фирмы есть не только шаблоны, но и парочка козырей, в виде отличных компонентов. Один из них носит гордое название Widgetkit. С его помощью можно легко сделать очень качественную галерею, или приличного вида слайдшоу. Также есть возможность вставить карту Google, медиаплеер, оформить контент в виде «аккордеона» и многое другое. Вообщем, возможностей масса.

Сразу предупреждаю — компонент платный. Но есть возможность скачать бесплатную версию с сайта разработчика, вот отсюда http://www.yootheme.com/widgetkit/downloads/download?layout=single. Она несколько урезана по сравнению с платной версией, но, я думаю, на первое время вам хватит.

Установка

Устанавливается Widgetkit также, как и любой другой плагин для WordPress. В главном меню админ-панели выбираем Плагины/Добавить новый.

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

На этом установка компонента Widgetkit завершена.

После активации плагина, в меню слева появится пункт с соответствующим названием, откуда и будут проводится все основные настройки Widjetkit.

Настройка и использование

В меню настроек видим, какие из расширений доступны в бесплатной версии компонента. Это Lightbox, Media Player, Slideshow и Spotlight.

В полной версии добавятся еще Slideset, Gallery, Map, Accordion и Twitter. Мы с вами поговорим обо всех возможных расширениях.

1. Accordion

Организует ваш контент в виде «аккордеона». Для наглядности, можете посмотреть пример его работы вот здесь http://www.yootheme.com/widgetkit/examples/accordion.

Находясь в пункте Accordion, нажимаем Create your first accordeon. Если у вас полная версия программы с демонстрационными данными, то нажимаем Add new. Как говорится — «лучше один раз увидеть, чем сто раз услышать», поэтому предлагаю вам ознакомиться со скриншотом, где я попытался отобразить возможности и настройки данного расширения.

Создав новый «аккордеон», его необходимо вставить в ваши статьи или другой контент. Для этого используется так называемый shortcode. У вашего «аккордеона» есть свой идентификационный номер, посмотреть его можно также в окне настроек.

Чтобы вставить accordion в статью, необходимо скопировать этот shortcode и вставить в текстовом редакторе WordPress в нужное место. Есть еще один способ вставки. В редакторе WordPress появится кнопка , нажав которую можно выбрать созданный вами «аккордеон», и он автоматически вставится в нужное место.

2. Gallery

Данное расширение позволяет красиво оформить ваши изображения с применением различных эффектов и стилей. Пример использования можно посмотреть вот здесь http://www.yootheme.com/widgetkit/examples/gallery. Создать новую галерею можно на вкладке Gallery в настройках Widgetkit, нажав на кнопку Add New. Чтобы добавить фотографии в галерею, необходимо выбрать нужную папку в правой части экрана и нажать Add Photo to Gallery.

После того как фотографии были добавлены, можно переходить к настройке их отображения. Представляю вам описание настроек.

Style — можно выбрать один из предустановленных стилей галереи.

Width — ширина изображения.

Height — высота изображения.

Autoplay — автоматическое проигрывание.

Order — порядок отображения.

Autoplay Interval (ms) — интервал в миллисекундах, через который будут автоматически сменяться картинки.

Effect Duration (ms) — продолжительность эффекта между автопроигрыванием.

Start Index — номер изображения, с которого начнется показ.

Navigation — показывать или нет стрелки навигации.

Buttons — показывать или нет кнопки навигации.

Slices — количество нарезок изображения при эффекте перехода.

Effect — выбор эффекта анимации.

Caption Animation Duration — скорость анимации описания внизу изображения.

Lightbox — включение или выключение эффекта лайтбокса при нажатии на изображение.

Закончив с настройками, сохраняем изменения нажав Save сhanges.

Вставить галерею в статью можно также как и Accordion с помощью Shortcode или кнопки в редакторе.