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

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

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


Скачать widjetkit

Установка

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

Добавить плагин

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

Установить плагин

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

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

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. Как говорится – “лучше один раз увидеть, чем сто раз услышать”, поэтому предлагаю вам ознакомиться со скриншотом, где я попытался отобразить возможности и настройки данного расширения.

Настройки accordion

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

shortcode

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

2. Gallery

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

widget10

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

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 или кнопкиwidget8 в редакторе.


Оцените статью 1 Балл2 Балла3 Балла4 Балла5 Баллов (1 проголосовало, средняя оценка: 1,00 из 5)
Загрузка...


Теги: ,

Трекбэк с Вашего сайта.

Комментарии (1)

  • Avatar

    лёха

    |

    впизду! шо за нахуй? где скачать плагин?

    Reply

Оставить комментарий

Читайте ранее:
java logo
Как обновить Java до последней версии

Приветствую, уважаемые читатели MyFirstComp.ru. В начале, несколько слов о том, что такое Java и зачем она вообще нужна. Если коротко,...

Закрыть