Инструкция модуля «Видео из Facebook Pro» для Joomla

Для начала получите модуль по кнопку выше «Получить модуль», если модуль уже получен, то приступайте далее.

Установка в CMS Joomla 3

Перейдите в панель управления вашего сайта.

В верхнем меню перейдите по пути в менеджер установки расширений по пути «Расширения» — «Менеджер расширений» — «Установка»:

Менеджер расширений Joomla 3

На открывшейся странице нажмите зеленую кнопку и выберите архив, полученный на сайте IWS.BY при заказе.

После успешной установки вы получите уведомление об успешной установке:

Уведомление об успешной установке Joomla 3

Включение модуля в CMS Joomla 3

Для работы, модуль необходимо включить.

Перейдите в менеджер управления модулями CMS Joomla 3 по пути «Расширения» — «Модули».

На открывшейся странице в строке поиска введите название модуля для быстрого поиска. Название «IWS.BY Видео из Facebook Pro».

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

Красный крестик сменится на зеленую галочку, модуль успешно активирован.

Включение плагинов в CMS Joomla 3

Для работы необходимо включить два плагина.

Перейдите в менеджер управления модулями CMS Joomla 3 по пути «Расширения» — «Плагины».

На открывшейся странице в строке поиска введите название плагина для быстрого поиска. Название «Кнопка — IWS.BY Видео из Facebook Pro».

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

Красный крестик сменится на зеленую галочку, плагин успешно активирован.

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

На открывшейся странице в строке поиска введите название плагина для быстрого поиска. Название «Контент — IWS.BY Видео из Facebook Pro».

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

Красный крестик сменится на зеленую галочку, плагин успешно активирован.

Настройка модуля в Joomla 3

В списке модулей нажмите на название модуля. Откроется страница настройки модуля. Рассмотрим необходимые поля.

Первое поле «Лицензионный ключ».

Поле «Лицензионный ключ»

В него необходимо заполнить лицензионный ключ, полученный при оформлении и скачивании модуля с сайта IWS.BY. Ключ необходимо заполнять для получения регулярных обновлений модуля. Без данного ключа при обновлении на новую версию будет отображаться ошибка.

Поле «Подключить Facebook SDK»

Опция отвечает за подключение SDK социальной сети Facebook к сайту. Без этого SDK видео не будет загружаться на сайте. Если у вас подключено уже SDK, поставьте значение «Нет».

Поле «Язык Facebook SDK»

Опция отвечает за язык подключаемого SDK и контент в блоке с видео. Язык системных записей будет зависить от данной опции.

Поле «Ссылка на видео»

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

Поле «Тип ширины видео»

Опция отвечает за ширину блока с видео на странице сайта. «Адаптивная» — ширина видео будет иметь 100% ширины родительного блока. «Фиксированная» — ширина видео будет фиксированной, которая указывается в поле «Ширина видео» в пикселях.

Поле «Ширина видео»

Указывает ширину видео. Указывается числом в пикселях.

Поле «Автовоспроизведение»

Опция отвечает за автоматическое воспроизведение видео сразу же после загрузки страницы.

Поле «Отложенная загрузка»

Опция отвечает за подгрузку видео только тогда, когда оно в видимой части экрана пользователя. Активирует технологию lazyload для видео.

Поле «Показывать подписи»

Опция позволит отобразить подсказки на видео в компьютерной версии, если они имеются.

Поле «Показывать текст»

Опция позволит отобразить текст описание в блоке с видео.

Теперь необходимо настроить позицию отображения виджета в нужно месте.

Поле «Состояние»

В данном поле должно быть выбрано «Опубликовано».

Поле «Позиция»

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

Далее перейдите на вкладку «Привязка к пунктам меню»

Откроется вкладка с одним полем «Привязка модуля»

В данном пункте важно выбрать значение, иначе модуль не будет отображаться на страницах сайта. В нашем случае выбрали значение «На всех страницах».

Настройка плагинов в Joomla 3

В списке плагинов нажмите на название плагина «Кнопка — IWS.BY Видео из Facebook Pro». Откроется страница настройки плагина. Рассмотрим необходимые поля.

Первое поле «Лицензионный ключ».

Поле «Лицензионный ключ»

В него необходимо заполнить лицензионный ключ, полученный при оформлении и скачивании плагина с сайта IWS.BY. Ключ необходимо заполнять для получения регулярных обновлений плагина. Без данного ключа при обновлении на новую версию будет отображаться ошибка.

Поле «Состояние»

В данном поле должно быть выбрано «Опубликовано».

Теперь вернитесь на страницу плагинов.

В списке плагинов нажмите на название плагина «Контент — IWS.BY Видео из Facebook Pro». Откроется страница настройки плагина. Рассмотрим необходимые поля.

Первое поле «Лицензионный ключ».

Поле «Лицензионный ключ»

В него необходимо заполнить лицензионный ключ, полученный при оформлении и скачивании плагина с сайта IWS.BY. Ключ необходимо заполнять для получения регулярных обновлений плагина. Без данного ключа при обновлении на новую версию будет отображаться ошибка.

Опция «Подключить Facebook SDK?» отвечает за подключение SDK социальной сети Facebook к сайту. Внимание! Скрипт подключается только на страницах, на которых используется шорткод. Если на странице не будет в контентной части не будет шорткода, скрипт не будет подключаться к сайту.

Опция «Язык Facebook SDK» — отвечает за язык подключаемого SDK и контент в блоке с видео.

Поле «Состояние»

В данном поле должно быть выбрано «Опубликовано».

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

Добавление видео в JCE

Принцип добавление виджета в редакторе JCE Joomla очень прост.

Перейдите в редактирование нужной страницы. Перед Вами откроется страница с текстовым редактором. В примере используется TinyMCE.

На панели иконок необходимо нажать на кнопку «Видео из Facebook»

Откроется всплывающее окно, в котором имеется поле для ввода ссылки на видео и указания опция для видео.

1) Ссылка на видео:

Поле отвечает за прямую ссылку на видео в социальной сети Facebook, которое необходимо отобразить на сайте.

2) Тип ширины видео:

Опция позволяет выбрать ширину видео «Адаптивная» — ширина блока с видео будет иметь 100% ширину родительского блока. «Фиксированная» — ширина видео будет указываться числом в пикселях, в поле «Ширина видео».

3) Ширина видео

Ширина видео указывается целым числом в пикселях.

4) Автовоспроизведение

Опция включает автоматическое воспроизведение видео после полной загрузки страницы на экране посетителя.

5) Отложенная загрузка

Опция подключает к видео систему отложенной загрузки. Видео будет подгружаться у пользователя только в том случае, когда оно в видимой области на экране посетителя.

6) Показывать подписи

Опция включает подписи к видео, если они имеются. Подписи отображаются только в компьютерной версии сайта.

7) Показывать текст

Опция будет отображать текст описания в блоке с видео, если он имеется.

Это все опции, которые доступны в плагине. После заполнения поля со ссылкой и указания опций к видео нажмите на кнопку «Добавить видео». В месте, где установлен курсор в текстовом редакторе JCE должен появится шорткод вида {iwsbyvideofromfacebookpro data-href=’https://www.facebook.com/watch/?v=10153231379946729′ data-autoplay=’false’ data-lazy=’true’ data-show-captions=’false’ data-show-text=’true’}

Сохраните редактируемый материал. На странице сайта, где добавлен шорткод взамен текста шорткода будет отображаться видеозапись из социальной сети Facebook.