Как создать виджет

В этом уроке вы узнаете об основной структуре Widgetkit 2 и о том, как создать виджет.

Типы виджетов

На данной момент Widgetkit включает в себя виджеты Slideshow (Слайдшоу), Switcher (Переключатель), Map (Карты), Grid (Сетка) and Grid stack (Стек сетки). Некоторые темы обеспечивают себя собственными виджетами.

В редакторе вашей CMS

  1. В редакторе вашей CMS нажмите кнопку Widgetkit. Она откроет всплывающее окно с настройкой Widgetkit .
  2. Выберите виджет, который вам нужно отобразить. а данной момент Widgetkit включает в себя виджеты Slideshow (Слайдшоу), Switcher (Переключатель), Map (Карты), Grid (Сетка) and Grid stack (Стек сетки). Некоторые темы обеспечивают себя собственными виджетами.
  3. Назначьте контент для выбранного виджета. Вы также можете выбрать контент из формы выбора, расположенной выше или создать новый контент через менеджер контента.
  4. Если есть необходимость, вы можете изменить конфигурацию виджета, такую как анимация или опции отображения, а также добавить свой класс виджету.
  5. Нажмите Insert (вставить), после чего короткий код будет добавлен в статью или модуль, тем самым указывая, что при загрузке страницы на его месте будет отображен выбранный вами виджет.
Creating a widget

Вставка виджетов

Есть два варианта отображения виджетов Widgetkit на вашем сайте. Вы можете использовать короткие коды или опубликовать определенный виджет Wordpress или Joomla модуль, отображающий какой-нибудь виджет Widgetkit.Виджет WordPress или Joomla модульWidgetkit также поддерживает виджеты WordPress и модули Joomla. В Wordpress-е просто перейдите в Appearance >> Widgets и перетащите виджет Widgetkit в какую-нибудь позицию шаблона. В Joomla создайте новый модуль в менеджере модулей (Module Manager) и выберите тип модуля Widgetkit. Редактор отобразит кнопку Выбрать виджет (Select widget), которая откроет диалог компонента.

Контент и виджеты

В Widgetkit 2 контент и виджеты разделены. Это означает, что вы можете создавать содержимое независимо от виджетов в разделенном менеджере контента. У вас есть возможность отображать собственные элементы, такие как изображения, видео или текст, но вы можете также загружать контент из Wordpress, Joomla, ZOO, K2 и WooCommerce с помощью Widgetkit 2. Медиа может быть загружено посредством перетаскивания, через менеджер медиа или напрямую, с указыванием конкретного пути к элементу.

Короткие коды

Короткие коды - очень популярная концепция из Wordpress, которая позволит Вам легко опубликовать динамический контент без знания языков программирования. Суть в том, что вы указываете некоторый короткий код в посте Wordpress или статье Joomla, а он в свою очередь будет отобажаться на сайте, как виджет, например слайдшоу, которое будет динамически загружать контент из вашей CMS.
В редакторе Wordpress или Joomla вы можете увидеть кнопку Widgetkit, которая откроет компонент во всплывающем окне (p.s. наконец, Yootheme пришли к этому). Там вы сможете выбрать тип виджета, который хотите отобразить. После того, как вы выберете нужный вам тип, вам будути представлены различные в зависимости от выбранного виджета опции, например, анимация, ссылки или пользовательские классы. Пока, вы не начали во все это вникать, вам нужно будет назначить сперва контент для вашего виджета. Вы можете выбрать контент из списка или создать абсолютно новый.
После того как вы создадите виджет, короткий код будет помещен в вашем редакторе; он содержит в себе ID контента, который вы хотите отображать и тип отображения виджета. В этом примере, мы отображаем контент с ID=1, используя виджет Слайдшоу с опциями по умолчанию.

Расширенный код с пользовательскими опциями выглядит примерно так.

В этом примере Слайдшоу использует анимацию свайпа и включенный автозапуск. Если вам нужно отредактировать ваш виджет после, вам нужно кликнуть по короткому коду, прежде чем нажать кнопку Widgetkit. Иначе, вы создадите новый код для виджета.

 

  • Четверг, 08 января 2015

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

Вы комментируете как Гость.

beget