A- A A+

Вставка видео в материал

Текстовое описание урока

Еще раз об избранных материалах

На тестовом сайте созданы три материала. Все они добавлены в избранные, что видно по желтым звездочкам напротив них.

Добавляем материал

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

В результате на главной странице появились колонки.

Добавляем материал

Исправляем категории

Если вы забыли при создании (редактировании) материалов указать нужную категорию, исправить эту оплошность очень легко.

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

Добавляем материал

Предварительный текст

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

Такой функционал реализуется следующим образом. Вставляем курсор в конце абзаца, где статья должна прерваться и нажимаем ENTER.

Остается нажать на кнопку Подробнее.

Добавляем материал

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

Добавляем материал

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

Добавляем материал

Пока текст выглядит неважно, но об этом в уроке № 13, где будет идти речь о настройках вывода материала.

А пока для остальных материалов также устанавливаем кнопку "Подробнее".

О вставке видео средствами Joomla

Joomla защищена от внедрения всяких скриптов и ряда HTML-тегов, с помощью которых возможно нанести вред сайту. Иногда, такая предосторожность даже вредит, как в случае необходимости вставки видеороликов в контент ресурса.

В предыдущих версия Joomla вставить видео средствами CMS было проблематично и для установки видеоконтента применялись специальные расширения.

Копируем HTML-код с YouTube

Перемещаемся на сайт YouTube. Под выбранным видео находится вкладка HTML-код. На данной вкладке перед копированием кода можно выбрать размер видео.

Добавляем материал

Настройка редактора TinyMCE

Небольшие настройки в менеджере плагинов: РАСШИРЕНИЯ => МЕНЕДЖЕР ПЛАГИНОВ. Слева находится Фильтр и в строке "Выбор типа", указываем editors.

Добавляем материал

В результате нам от фильтровались все плагины относящиеся к редакторам. Выбираем плагин Редактор - TinyMCE.

В настройках плагина прокручиваем вниз до строки Запрещенные теги.

Добавляем материал

Так как видеоролик мы планируем вставить с помощью тега iframe, удаляем его из списка запрещенных тегов. Также стираем тег script, препятствующий вставке скриптов. Оставляем "applet", так как это поле не должны быть пустым.

Добавляем материал

Без данной настройки, при вставке указанных тегов, редактор при сохранении материалов, автоматически удаляет эти теги.

Добавляем видео в материал

Выбираем место в статье для вставки видео, например под разделительной линией (Подробнее). Нажимаем кнопку Исходный код.

Добавляем материал

В окне "Исходный код", находим запись hr id="system-readmore", которая в режиме кода обозначает ссылку "Подробнее", и вставляем под ней скопированный код видео с Ютуба.

Добавляем материал

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

Переходите на сайт и любуйтесь встроенным видео!

К следующему уроку добавьте минимум 3 категории, в каждой из которых должно находиться 3-5 материалов.

Редактор текстовой версии - Александр Луговской

 

Добавить комментарий

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!