Инструкция по работе виджета обратного отсчёта: различия между версиями
Нет описания правки |
|||
| Строка 19: | Строка 19: | ||
* Картинка фона - позволяет пользователю выбрать картинку для фона из списка контента в личном кабинете | * Картинка фона - позволяет пользователю выбрать картинку для фона из списка контента в личном кабинете | ||
* Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях | * Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях | ||
* Цвет шрифта - позволяет пользователю выбрать для шрифта используемого в отсчёте. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети] | * Цвет шрифта - позволяет пользователю выбрать для шрифта, используемого в отсчёте. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети] | ||
* Разделитель - позволяет пользователю прописать "слово-разделитель" для обозначения первой цифры в отсчете. Например: мин., сек., ч. | * Разделитель - позволяет пользователю прописать "слово-разделитель" для обозначения первой цифры в отсчете. Например: мин., сек., ч. | ||
* Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселях | * Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселях | ||
| Строка 25: | Строка 25: | ||
* Цвет разделителя - позволяет пользователю выбрать цвет разделителя, который будет использоваться в процессе отсчёта. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети] | * Цвет разделителя - позволяет пользователю выбрать цвет разделителя, который будет использоваться в процессе отсчёта. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети] | ||
[[File:Параметры_1го_значения.png|thumb|center| Пример отображения списка параметров для первого значения|800px]] | [[File:Параметры_1го_значения.png|thumb|center| Пример отображения списка параметров для первого значения|800px]] | ||
Обязательно нажать на кнопку "Сохранить" под списком настроек, чтобы применить изменения в самих настройках.<br> | Обязательно нажать на кнопку "Сохранить" под списком настроек, чтобы применить изменения в самих настройках.<br><br> | ||
'''Для второго значения''':<br> | '''Для второго значения''':<br> | ||
* Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях | * Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях | ||
* Цвет шрифта - позволяет пользователю выбрать для шрифта используемого в отсчёте. Цвет можно указать с помощью HEX-кода | * Цвет шрифта - позволяет пользователю выбрать для шрифта, используемого в отсчёте. Цвет можно указать с помощью HEX-кода | ||
* Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселях[https://colorscheme.ru/html-colors.html можно узнать в сети] | * Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселях[https://colorscheme.ru/html-colors.html можно узнать в сети] | ||
* Отступ слева - позволяет пользователю указать значение отступа с левой стороны. Указывается в пикселях | * Отступ слева - позволяет пользователю указать значение отступа с левой стороны. Указывается в пикселях | ||
| Строка 36: | Строка 36: | ||
После завершения всех настроек пользователю необходимо сохранить настройки, нажав по одноименной кнопки внизу по центру экрана. | После завершения всех настроек пользователю необходимо сохранить настройки, нажав по одноименной кнопки внизу по центру экрана. | ||
[[File:Кнпока_сохранить.png|thumb|center| Пример отображения кнопки "Сохранить" в виджете|800px]] | [[File:Кнпока_сохранить.png|thumb|center| Пример отображения кнопки "Сохранить" в виджете|800px]] | ||
== '''Добавление настроенного виджета в трансляцию''' == | == '''Добавление настроенного виджета в трансляцию''' == | ||
Чтобы полностью ознакомиться с работой данной функциональность пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia: | Чтобы полностью ознакомиться с работой данной функциональность пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia: | ||
Версия от 12:04, 29 марта 2025
Описание виджета
Данный виджет предоставляет пользователю вести обратный отсчёт и выводить его на устройства при необходимости. Ниже будет описан принцип настройки и работы виджета.
Добавление виджета в личный кабинет
Чтобы добавить данный виджет в личный кабинет, пользователю необходим перейти в раздел "Галерея виджетов".
В данном разделе пользователь должен найти данный виджет и загрузить его.
После завершения загрузки виджета она отобразится в выбранной папки раздела "Контент" личного кабинета. Шаблон:Nowe
Настройка виджета
Чтобы настроить данный виджет, пользователю необходимо дважды кликнуть по иконке виджета в разделе "Контент". После этого у пользователя откроется главная страница виджета.
Чтобы перейти в настройки виджета пользователю необходимо навести курсор на первое или второе значение на странице, и кликнуть на иконку редактировать в виде карандаша.
Параметры для настройки виджета
Для первого значения:
- Цвет фона - позволяет пользователю выбрать цвет текста, который будет использоваться в качестве фона. Цвет можно указать с помощью HEX-кода можно узнать в сети
- Картинка фона - позволяет пользователю выбрать картинку для фона из списка контента в личном кабинете
- Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях
- Цвет шрифта - позволяет пользователю выбрать для шрифта, используемого в отсчёте. Цвет можно указать с помощью HEX-кода можно узнать в сети
- Разделитель - позволяет пользователю прописать "слово-разделитель" для обозначения первой цифры в отсчете. Например: мин., сек., ч.
- Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселях
- Отступ справа - позволяет пользователю указать значение отступа с правой стороны. Указывается в пикселях
- Цвет разделителя - позволяет пользователю выбрать цвет разделителя, который будет использоваться в процессе отсчёта. Цвет можно указать с помощью HEX-кода можно узнать в сети
Обязательно нажать на кнопку "Сохранить" под списком настроек, чтобы применить изменения в самих настройках.
Для второго значения:
- Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях
- Цвет шрифта - позволяет пользователю выбрать для шрифта, используемого в отсчёте. Цвет можно указать с помощью HEX-кода
- Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселяхможно узнать в сети
- Отступ слева - позволяет пользователю указать значение отступа с левой стороны. Указывается в пикселях
- Цвет разделителя - позволяет пользователю выбрать цвет разделителя, который будет использоваться в процессе отсчёта. Цвет можно указать с помощью HEX-кода можно узнать в сети
Также обязательно нажать на кнопку "Сохранить" под списком настроек, чтобы применить изменения в самих настройках.
После завершения всех настроек пользователю необходимо сохранить настройки, нажав по одноименной кнопки внизу по центру экрана.
Добавление настроенного виджета в трансляцию
Чтобы полностью ознакомиться с работой данной функциональность пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
Видеоинструкция
Настройка виджета обратного отсчёта
Дополнительная информация
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"
