promo

Наши курсы

Работающая бизнес-модель прибыльного сайта

membership

Комплексный курс по созданию качественных сайтов с платным доступом.

Узнать подробнее

Создание и Администрирование сайтов на Joomla

joomla

Полный курс для новичков в создании сайтов.
Раскрыты все нюансы CMS Joomla.

Узнать подробнее

Создание интернет-магазина под ключ

magazin

Создайте свой интернет-магазин на самой популярной и гибкой
системе управления сайтами Joomla.

Узнать подробнее

"Мастерская Joomla"

Хотите получать до 4 актуальных видеоуроков по Joomla в месяц?

Подпишитесь на рассылку!

Смотреть последний выпуск

Ваш e-mail: *
Ваше имя: *

Скачать Joomla

Joomla 1.5.25 Rus

Joomla 2.5.3 Rus

11-ый выпуск: "Мастерская Joomla" E-mail
25.01.2012 00:00
Здравствуйте, Уважаемый подписчик!

Рад вас видеть в новом выпуске Мастерской Joomla.

Сегодня выпуск посвящен расширению Widgetkit


Это расширение сочетает в себе большое количество возможностей по добавления красоты и "интерактивности" вашему сайту.

Расширение позволяет сделать ваш сайт еще удобнее для пользователя, при этом использует современные технологии и не грузит сервер.

Возможности и преимущества данного расширения:

  • Построен на HTML5, CSS3, PHP 5.2 +, и последней версии Jquery.
  • Чистый и очень легкий код.
  • Быстрая загрузка.
  • Решение все в одном (если быть точным 9 в 1).
  • Современные функции управления.
  • !!! Работает на Joomla (все версии) и Wordpress

Расширение поставляется как бесплатно, так и с платными опциями.

Уроки для вас подготовил Дмитрий Маршалец, профи по Joomla из нашей команды.

widgetkit

Скачать расширение

Скачать все уроки одним архивом (223 Мб)

Варианты поставки расширения:

Бесплатная версия Платная версия (29 евро - ~1200 руб.)

5 виджетов:

  • Лайтбокс
  • Spotlight
  • Twitter
  • Медиа плеер
  • Слайдшоу (lite)

9 виджетов:

  • Лайтбокс
  • Spotlight
  • Twitter
  • Медиа плеер
  • Слайдшоу (lite)
  • Slideset
  • Галерея
  • Карта
  • Аккордеон

1 урок. Общие настройки, Аккордеон

Аккордеон позволяет отображать набор элементов (текст, аудио, видео) в ограниченном пространстве. Нажав на заголовок раздела его содержимое показывается / сворачивается.

Можно использовать для Вопросов/ответов (faq) или в тех ситуациях, когда показывать сразу все содержимое не нужно.
Возможности:
  • Гладкие переходы.
  • Автоматический подбор высоты, в зависимости от количества контента
  • Можно включить автосвертывание или есть возможность, чтобы одновременно были открыты несколько пунктов.

nav_down

Скачать видео на компьютер (23 Мб)

Смотреть Демо

 

2 урок. Галерея

Галерея Widgetkit обеспечивает быструю и красивую публикацию ваших изображений. Достаточно лишь выбрать папку с картинками и галерея сгенерируется автоматически.

Возможности:

  • Загрузка изображений из нескольких папок.
  • Автоматическое создание миниатюр.
  • Изначально предоставляется 3 вида галереи.
  • Возможность проставлять подписи к изображениям.
  • Можно использовать вместе со следующими элементами WidgetKit: Spotlight и Lightbox

nav_down

Скачать видео в полном качестве (29 Мб)

Смотреть Демо

3 урок. Лайтбокс

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

Возможности:

  • Возможность выводить в лайтбоксе: изображения, видео, HTML, Iframes, Ajax запросы и SWF.
  • Сервисы и форматы: YouTube, Vimeo, MP4 (H.264), WebM и FLV.
  • 3 различных эффекта открытия и закрытия.
  • 4 различных стиля подписи.
  • Можно использовать клавиатуру и мышь для прокрутки навигации.

nav_down

Скачать видео на компьютер (39 Мб)

Смотреть Демо

 

4 урок. Карта

Карта WidgetKit обеспечивает простое решение для добавления карты (google), с указанием местоположения, на свой сайт.

Функции:

  • Изменение цвета (насыщенность, яркость, тон).
  • Добавление маркеров.
  • Указание четких размеров.
  • Возможность прокладывания маршрута.

nav_down

Скачать видео на компьютер (21 Мб)

Смотреть Демо

 

5 урок. Медиаплеер

WidgetKit Media Player построен на HTML и CSS и полностью совместим с HTML5. Вы можете легко вставлять видео файлы на свой сайт с помощью тэга видео в HTML5.

Возможности:

  • Поддерживает MP4 (H.264), WebM, FLV, WMV и MP3-файлов.
  • Полностью построен с HTML и CSS.
  • Можете создавать свои варианты оформления.
  • Резервный Flash Player для воспроизведения в браузерах, которые не поддерживают html5.

nav_down

Скачать видео на компьютер (19 Мб)

Смотреть Демо

 

6 урок. Slideset

Слайдсет - это так называемая витрина, на которой горизонтально расположены какие-либо элементы.

Функции и возможности:

  • Для отображения и листания используются эффекты: zoom и слайдшоу.
  • Возможность использования жестов смахивания (swipe) при просмотре на мобильных телефонах.

nav_down

Скачать видео на компьютер (28 Мб)

Смотреть Демо

 

7 урок. Слайдшоу

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

Функции и возможности:

  • 15 эффектов.
  • Использует аппаратное ускорение анимации css3.
  • Возможность использования жестов смахивания (swipe) при просмотре на мобильных телефонах.

Например с помощью слайдшоу, можно сделать такое же оформление и даже лучше как на данном сайте у модуля "Наши курсы".

Для того, чтобы иметь представление о всех возможностях смотрите демо.

nav_down

Скачать видео на компьютер (29 Мб)

Смотреть Демо

 

8 урок. Spotlight

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

Возможности:

  • Возможность накладывать картинку или изображение.
  • 5 различных режимов анимации.

nav_down

Скачать видео на компьютер (14 Мб)

Смотреть Демо

 

9 урок. Twitter

Модуль WidgetKit Твиттер - это возможность красивого отображения твитов непосредственно на вашем сайте. Все показанные твиты кэшируются, поэтому они будут показывать даже тогда, когда Твиттер "висит".

Возможности:

  • Можно фильтровать твиты для отображения на сайте: по хэштэгам , любым словам, твиты от заданных пользователей и твиты для указанных пользователей.
  • Черный список.
  • Твиты кэшируются для высокой производительности.
  • 3 варинта оформления твитов.

nav_down

Скачать видео на компьютер (23 Мб)

Смотреть Демо

 

 

Ваши вопросы и отзывы пишите в комментариях.

Если вам понравились уроки, то поделитесь с друзьями, нажав на кнопку Twitter или Facebook.

С Уважением, Александр Куртеев.

Просмотры: 15159

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

Подписаться на RSS-ленту комментариев данной статьи
...
0
Спасибо вам Александр давно Искал нечто подобное о Widgetkit
а получить эти уроки от вас это вообще замечательно smilies/grin.gif
Баранов Дмитрий , Январь 25, 2012 | url
...
0
А как узнать, платная какая-то конкретная описанная функция или нет?
Александр , Январь 25, 2012 | url
...
0
ага, а то от данного разработчика редко, что во фри...
Иван , Январь 25, 2012 | url
...
0
Что то первое видео у вас не работает.
Наталья , Январь 25, 2012
...
0
а где скачать можна?
на сайте разроб. нужно платить член.взнос
Алекс , Январь 25, 2012
...
0
вопрос по карте, есть там функция - прокладка маршрута. так вот маршрут прокладывает, а вот ниже карты не на русском языке слова "поверните направо", "поверните налево и т.п" как русифициловать?
владимир , Январь 25, 2012
...
0
Но, я думаю, такое удовольствие создаст дополнительную нагрузку на сервер и повлияет на скорость загрузки сайта.
Igor Kozlov , Январь 25, 2012 | url
...
0
Скажите пожалуйста, а там есть табы? нужны хорошие вкладки на сайт, но то что перепробывал не очень подходит, РокТабс вроде ниче, только в одном окне не выводит материал хорошо.
GK4 тоже пробывал...
Помогите. Код писать не могу, строго для чайников пожалуйста.
Алексей , Январь 25, 2012
...
0
Спасибо за уроки, будем развиваться, побольше бы о Joomle 1.7
Андрей , Январь 25, 2012 | url
...
0
в 3 видео что-то не так, оно не до конца, и картинка в конце статична, проверьте плиз
alex , Январь 25, 2012 | url
...
0
Урок 3 . Лайтбокс ... после 3/4 видео ряд не идет ,а только звук, это только у меня?
Пробую перезагрузить весь архив?
Юрий , Январь 25, 2012
...
0
Вообще "торчу" от joomly ,а вам респект и уважуха.
vladimir , Январь 25, 2012 | url
...
0
Поле контента не отображает редактор. Нельзя добавить картинки
alt974 , Январь 25, 2012
...
0
Без указания, что платное, что нет, ценность уроков стремится к нулю. А жаль!
Кир , Январь 25, 2012
...
0
Александр спасибо тебе за уроки.Давно уже не заходил сюда но пришёл как знал что есть то то что нужно.От сердца желаю тебе удачи и здоровья.
Вячеслав , Январь 25, 2012 | url
...
0
Александр В бесплатной версии доступны Lightbox, Media Player, Slideshow, Spotlight и Twitter. Полную версию можно или купить или найти на просторах интернета (я на это потратил 2 минуты).

Алекс ссылка на бесплатную http://www.yootheme.com/widget...out=single скачиваете Lite версию.

владимир карты берутся из GoogleMaps т.е. если там переведено то перевести можно, если нет то нет.

Igor Kozlov все шаблоны от yootheme делаются на widgetkit. Среди них есть как тяжелые так и быстрые, смотря как использовать компонент.

Алексей табы есть. посмотрите уроки.

Андрей joomla 1.7 была переходная версия и уже не поддерживается. Будущее за joomla 2.5

alt974 в настройках joomla поставьте редактор по умолчанию MCE, но я бы рекомендовал работать без редактора и картинки вставлять вручную.
Дмитрий Маршалец , Январь 25, 2012
...
0
изменение редактора по умолчанию не помогло. Вручную вставлять картинки неудобно smilies/sad.gif
alt974 , Январь 26, 2012
...
0
Неверное написал, звук есть, после 3/4 всего видео, а видео ряд останавливается. Смотрю и не только у меня. Скачал весь архив, то же самое
Юрий , Январь 26, 2012
...
0
Скажите пожалуйста, пользуюсь тем же браузером что и в видео уроках, что за дополнение которое подсвечивает перевод если слова на английском, если можно ссылку на этот плагин или дополнение...
sea , Январь 26, 2012
...
0
Здравствуйте.
Подскажите пожалуйста.
Вставил аккордеон в материал (что то вроде FAQ) Проблема с высотой содержимого слайдера. Высота слайдера выставляется не по содержимому, а по тому слайдеру, где больше всего информации. Допустим в первом слайдере 100 строк, во 2-м и в 3-м 30 строк. Когда открываю эти слайдеры они раскрываются на высоту первого слайдера, а не на высоту содержимого.
Надеюсь понятно обьяснил. Скажите как это победить?

Иван , Январь 26, 2012
...
Administrator
1. Видео с Лайтбоксом исправил. Все верно, не хватало 1-ой минуты. Сейчас все в порядке. Онлайн видео, архив с лайтбоксом и архив со всеми уроками обновил.

2. Кому интересно, вставил в описание выпуска варианты поставки расширения. За то, что входит в бесплатную версию разработчику большая благодарность.
Стоимость платной версии на приемлемом уровне. А если покупать расширения аналогичного функционала по отдельности, то выйдет в разы дороже.
Поэтому я скажу, что это на данный момент лучшее решение.
Administrator , Январь 26, 2012
...
0
Классно,лучшего не найти.Давно пользую компонент и если бы раньше посмотрел эти уроки, сэкономил бы уйму времени.Спасибо!!!
Angor , Январь 26, 2012
...
0
В аккордеоне глюки. Перестал сохранять контент.
Иван , Январь 26, 2012
...
0
seaточно не помню, но по-моему это появляется при установке яндекс-бара
Иван в настройках аккордеона поставьте параметр Match Content Height в no
Дмитрий Маршалец , Январь 27, 2012
...
0
Спасибо за КЛАССНОЕ обучение! Но у меня почему-то не работает... компонент установился, а графика не показывает, ни в галереи, но короче ни где...
Александр , Январь 27, 2012
...
0
И как можно купить у них...?
Александр , Январь 27, 2012
...
0
Спасибо, Александр,
Ценю Вашу искренность и благожелательность.
Доброго здоровья и благополучия Вам!

С уважением
Ансор Ниёзов
Ansor , Январь 28, 2012
...
0
... то что доктор прописал!!!!!!!! да я теперь... блин-СПАСИБИЩЕ!!!
Александр , Январь 28, 2012
...
0
Здравствуйте Александр.
Ваши предыдущие платные курсы будут обновляться или нет, ведь joomla 1.5 скоро перестанет поддерживаться?
Или же вы выпустите серию уроков в vip-разделе, в которых расскажете об изменениях в joomla 1.5?

Игорь Клещёв , Январь 28, 2012 | url
...
Administrator
To Александр: Чтобы купить расширение, переходите на сайт разработчика: http://yootheme.com/themes/buy-now добавляете тарифный план (Basic) в корзину и оплачиваете.

To Игорь: Конечно, в обязательном порядке. По 1.6/1.7 ничего не делал, т.к. - это промежуточный этап. По 2.5 все будет. Думаю как раз к тому моменту когда на нее нужно будет переходить.
Александр , Январь 28, 2012
...
0
smilies/grin.gif Спасибо за видеоуроки.
kalma , Январь 28, 2012 | url
...
0
Александр, спасибо большое за материал!
Правда скрипты и стили много весят - 145 кб, что утяжеляет каждую страницу.
Если можете, подскажите выход:
1. У меня не работает аккордеон с шаблоном siteground-j15-12, а переделывать сайт под другой шаблон очень трудоемко.
2. Не работает Media Player во всех шаблонах.
С уважением, Дмитрий
Дмитрий Р. , Февраль 02, 2012 | url
...
0
Установил плагин всё ок.
Но при запуске пишет:
Fatal error: Class 'DOMDocument' not found in /var/vhosts/мойсайт.ru/httpdocs/administrator/components/com_widgetkit/helpers/dom.php on line 56
В чём проблема?
Иван , Февраль 02, 2012 | url
...
0
Иван включите на хостинге DOM (или попросите об этом хелпдеск вашего хостинга)
Дмитрий Р понятие "не работает" очень обширно. Причин может быть сотни, начиная от некорректной установки и заканчивая конфликтом используемых фреймворков. Включите режим отладки. Посмотрите ошибки.
Дмитрий Маршалец , Февраль 03, 2012
...
0
Дмитрий Маршалец хорошо что вы нашли полную версию за 2 минуты... аналогичный подвиг не удается smilies/smiley.gif
Игорь С , Февраль 05, 2012
...
0
Игорь С врят ли это на подвиг тянет. Набираете в поиске "скачать widgetkit" и на первой же странице видите 3 сайта с полной версией.
Дмитрий Маршалец , Февраль 05, 2012
...
0
Добрый день. А можно в лайтбоксе ссылку на ютуб спрятать под анкор? Будет работать, как Вы думаете?
Ольга , Февраль 09, 2012 | url
...
0
анкор это просто текст ссылки. работать будет.
Дмитрий Маршалец , Февраль 10, 2012
...
0
Спасибо, отличные уроки!
Алексей , Февраль 10, 2012 | url
...
0
таже самая засада joomla 2.5 ну поставил я ее сразу и начал на ней работать-учиться, ни как не ожидал что такие сильные отличия по настройке плагинов 1.5. и 2.5 структура похоже совсем другая smilies/sad.gif а все уроки в основном на 1.5- 1.6. smilies/sad.gif
Артем , Февраль 16, 2012
...
0
Посмотрел на Joomla 1.5 и 2.5 - вся структура абсолютно идентична.
Александр Куртеев , Февраль 16, 2012
...
0
я почему так говорю, недавно пытался настроить SM FAQ по уроку с Вашего сайта, так она не заводится. Поэтому и написал.
Артем , Февраль 17, 2012
...
0
Уроки хороши! Есть вопрос. Использовал Аккордеон. В Хроме и Мазиле проблем нет, а в Explorer 9, текст сместился из левой колонки на главную!? Не совместим?
Виталий , Февраль 29, 2012
...
0
Однозначно сказать сложно почему так. Возможно дело в шаблоне.
Дмитрий Маршалец , Февраль 29, 2012
...
0
Как подправить?
Виталий , Март 01, 2012
...
0
У меня вопрос: при создании 4-х аккордионов (как в обучающем видео) после сохранения в поле контент первых 3-х аккордионов пропадает текст и туда ничего не получается вставить. Хотя в 4-ом все на месте. Что может быть. Редактор по умолчанию тот же - TinyMCE. Шаблон стандартный.
EzioAuditore , Март 21, 2012 | url
...
0
Попробуйте на другом браузере создать аккордионы.
Дмитрий Маршалец , Март 21, 2012
...
0
Спасибо большое за уроки,все что хотел узнать-узнал...премного благодарен за ваш труд...
сергей , Март 26, 2012
...
0
спасибо Алекс Куртеев, я закончил свой сайт Лукоморье.ру Кликабельно, посмотрите может кто что то предложет, буду оч рад!!!!
Дмитрий Батайск , Апрель 07, 2012 | url
...
0
Незнаю что делать, поставила Widgetki, а анимация не работает в Slideset, Slideshow и т.д - показывает только первую картинку, кнопки для переключения тоже не работают. Помогите пожалуйста...
Татьяна , Апрель 18, 2012 | url
...
0
Не зная что вы делаете трудно что-то посоветовать. Попробуйте открыть в другом браузере.
Дмитрий Маршалец , Апрель 19, 2012
...
0
Делаю все операции указаные в уроке, ничего другого. Расширение стало хорошо, в админке всё работает. Файлы скачивала с разных источников и с официального сайта тоже, но всё одинаково. В админке вставляю картинки например 3- покаывать по 1, а на сайте показывает только первую, ни стрелки, ни кружочки не работают при нажатии.
Татьяна , Апрель 19, 2012 | url
...
0
Попробуйте установить другой шаблон и посмотрите как там будет работать.
Дмитрий Маршалец , Апрель 20, 2012
...
0
Добрый день! С удовольствием смотрю Ваши видеоуроки: логично, просто, понятно. Я еще новичок в JOOMLA!, у меня 1.5. Попробовала установить Widgetkit, но выдает сообщение: " Внимание! - Не удалось переместить файл
JFolder::create: Невозможно создать каталог
Unable to create destination"
Пробовала менять права на папках с 755 на 777. Не получилось... Подскажите, пожалуйста, что делать?

Ирина , Май 08, 2012 | url
...
0
проверьте права на папки tmp и logs. должны быть не ниже 755. так же посмотрите пути к данным папкам в файле configuration.php
Дмитрий Маршалец , Май 08, 2012
...
0
У меня не работает лайтбокс, вот тест страница http://rodnikowoe.com/index.ph...test-video
Может ли так быть, что по каким-то причинам у меня проблемы с jQuery или оно запускается два раза (как было объяснено где-то).
Виктор , Май 11, 2012 | url
...
0
попробуйте указать полный путь к видео т.е. не /video/1.flv, а http://site.ru/video/1.flv
Дмитрий Маршалец , Май 11, 2012
...
0
Дмитрий Маршалец, путь к видео нормальный. Причем на тест странице примеры с сайта http://www.yootheme.com/widgetkit
Все началось, наверное, когда я загрузил шаблон для пробы и его приложение jQuery.
Виктор , Май 12, 2012 | url

Написать комментарий

меньше | больше

busy