Управление дизайном модуля «Видео»

Управление дизайном модуля «Видео»
Материал добавлен: 27 Ноября 2016
Материал обновлен: 29 Ноября 2016

С помощью данной инструкции вы научитесь управлять внешним видом модуля «Видео». Управление дизайном требует навыков в работе с HTML. Если вы не уверены в своих силах, обратитесь за помощью к специалистам.

За отображение всех страниц модуля отвечают следующие шаблоны:

Если включена PDA-версия сайта, то для нее будут отображены свои шаблоны модуля:

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

Главная страница модуля

Главная страница содержит перечень добавленных в модуль видео. За отображение перечня отвечает переменная $BODY$. Количество видео в перечне регулируется настройкой «Количество отображаемых материалов».

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

Переменная $CATEGORIES$ выведет список категорий в любом месте шаблона. За отображение категорий каналов отвечает переменная $CHANNELS$.

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

Страница со списком каналов категории

Страница со списком каналов категории отображает перечень каналов пользователей. За отображение перечня отвечает переменная $BODY$. 

Кроме переменных $PAGE_SELECTOR$, $CATEGORIES$, $CHANNELS$ в шаблоне действует меню сортировки $SORTING_MENU$.

У категории канала есть название и описание, которые отображаются с помощью переменных $CAT_NAME$ и $CAT_DESCR$ соответственно.

Страница со списком материалов категории

Страница со списком материалов категории используется в модуле всегда, потому что категория является обязательной при добавлении видео. За отображение перечня отвечает переменная $BODY$. 

Дополнительно в шаблоне работают переменные фильтров: $FILTER1_MENU$, $FILTER2_MENU$, $FILTER3_MENU$.

В шаблоне действуют переменные  $PAGE_SELECTOR$, $CATEGORIES$, $CHANNELS$, $SORTING_MENU$, $CAT_NAME$ и $CAT_DESCR$.

Страница материала и комментариев к нему

В шаблоне страницы материала размещается информация, которая добавлялась при создании видео, например: описание видео, скриншоты, категория и т.д. За каждое поле отвечает своя переменная, которая может быть размещена в любом месте шаблона.

Если при добавлении материала была активирована настройка «Комментирование», на странице будет показана форма добавления комментариев. За вид комментариев и формы добавления отвечают шаблоны в разделе «Дизайн» / «Редактор» / «Комментарии».

Если у материала настроены фильтры, получить их значения можно с помощью переменных $FILTER1_VALUE$, $FILTER2_VALUE$ и $FILTER3_VALUE$.

Модуль имеет специфические переменные для страницы материала:

  • $ACTERS$. Список актеров через запятую.
  • $DURATION$. Длительность материала.
  • $EMBOBJECT$. Объект видео в чистом виде. 
  • $LANGUAGE$. Локализация (язык) видео.
  • $PLAYS$. Количество просмотров видео.
  • $PREV_CHNL_VIDEO$, $NEXT_CHNL_VIDEO$. Предыдущее/Следующее видео канала.
  • $PRODUCER$. Режиссер видео.
  • $VI_READS$. Количество просмотров страницы с видео.
  • $VQUALITY$. Качество видео.

Страница канала и комментариев к нему

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

С одной стороны, канал отображает список видео с помощью переменной $BODY$ и предоставляет инструменты поиска видео: сортировка ($SORTING_MENU$), переключатель страниц ($PAGE_SELECTOR$).

А с другой стороны, сам канал позволяет вывести следующую информацию:

  • Название канала $CHANNEL_NAME$
  • Описание канала $CHANNEL_DESC$
  • Суммарное количество воспроизведений всех видео канала $CHNL_PLAYS$
  • Количество просмотров страницы канала $CHNL_READS$

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

Шаблон «Вид материалов» отвечает за показ анонсов добавленных видео. Все добавленные на сайт материалы, в соответствии с заданным в шаблоне видом, помещаются в переменную $BODY$, которая используется в следующих шаблонах: 

  • Главная страница модуля
  • Страница категорий
  • Страница канала
  • Страница поиска и рейтинга материалов

В данном шаблоне может быть размещено любое поле материала (как и в шаблоне «Страница материала»). Задача администратора сайта — представить вид материала в компактном виде. Это позволит посетителям быстро просматривать списки материалов и выбирать подходящие для более детального ознакомления.

Вид канала

Шаблон «Вид канала» отвечает за показ анонсов созданных каналов (как создать канал). Все добавленные на сайт каналы, в соответствии с заданным в шаблоне видом, помещаются в переменную $BODY$, которая используется в шаблоне «Страница со списком каналов категории».

Вид канала может быть представлен в соответствии с переменными, которые есть в шаблоне «Страница канала и комментариев к нему».

Название канала может быть выведено с помощью переменной $TITLE$. 

Страница поиска и рейтинга материалов

Шаблон страницы поиска и рейтинга материалов отвечает за отображение нескольких типов страниц: страница поиска, страница рейтинга, страница материалов пользователей. 

Страница поиска материалов — это страница, на которой отображается список видео (шаблон «Вид материалов»), соответствующий поисковому запросу пользователя. Чтобы попасть на эту страницу, пользователь должен ввести запрос в форму поиска по модулю $MODULE_SEARCH_FORM$ на любой странице модуля. 

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

  • $TOP_COMMS_URL$ — ссылка на список видео, отсортированных по количеству комментариев (//example.com/video/vitop/5)
  • $TOP_PLAYS_URL$ — ссылка на список видео, отсортированных по количеству воспроизведений (//example.com/video/vitop/4)
  • $TOP_NEW_URL$ — ссылка на список видео, отсортированных по дате добавления (//example.com/video/vitop/1)
  • $TOP_RATING_URL$ — ссылка на список видео, отсортированных по рейтингу (//example.com/video/vitop/2)
  • $TOP_READS_URL$ — ссылка на список видео, отсортированных по количеству просмотров страницы материала (//example.com/video/vitop/3)

Страница материалов пользователя — выводит список видео, которые были добавлены пользователем. Перейти на эту страницу можно из профиля пользователя, где действуют переменные $_VIDEO_ACTIVITY_URL$ (ссылка на страницу с перечнем добавленных видео) и $_VIDEO_ENTRIES$ (количество добавленных видео).

За вывод материалов отвечает переменная $BODY$. Как и на главной странице, $PAGE_SELECTOR$ покажет переключатель страниц. 

Страница добавления/редактирования материала

Главным содержимым страницы является форма добавления материала. Ее вид задается с помощью набора полей в настройках модуля. Все поля формы выводятся с помощью переменной $BODY$:

Выбор цветовой схемы формы добавления видео задается настройкой «Использовать темную форму добавления материалов».

Для более гибкой настройки формы добавления видео на сайт используйте шаблон «Форма добавления/редактирования материала».

Форма добавления/редактирования материала

В данном шаблоне можно задать порядок и состав полей при добавлении видео. Все поля материала условно можно разделить на три типа:

  • $field_SIGN$ — название поля, например: $TITLE_SIGN$, $BRIEF_SIGN$, $LANG_SIGN$
  • $field_FL$ — поле для указания информации о материале, например: $TITLE_FL$, $BRIEF_FL$, $LANG_FL$
  • $field_HINT$ — подсказка для поля, например: $ACTERS_HINT$, $PRODUCER_HINT$

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

Таблица стилей (CSS)

Модуль «Видео» имеет собственный CSS-файл, который подключается автоматически. Данный файл действует только в пределах модуля. Таким образом можно указать стили оформления только для модуля «Видео», не опасаясь, что они будут влиять на другие модули сайта или снизят скорость загрузки на остальных страницах сайта.

В данном шаблоне код указывается на чистом CSS, а не HTML, как в других шаблонах. 

Еще одна особенность шаблона состоит в том, что какие-либо переменные в нем отсутствуют.

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

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

Управление дизайном модуля «Видео»