Ресурс – Адаптивна сторінка
Створення адаптивної сторінки
Принцип роботи цього ресурсу такий самий, як і у ресурсів-сторінок - в результаті роботи отримуємо HTML-сторінку, яка однаково коректно відображатиметься на різних екранах. Лише "Адаптивна сторінка" має свій спеціальний редактор, який дозволяє створювати адаптивний контент.
Щоб створити ресурс- адаптивна сторінка потрібно на сторінці Ресурси натиснути кнопку Додати та обрати тип ресурсу - Адаптивна сторінка:
Після цього відкриється сторінка створення нового ресурсу - адаптивна сторінка:
(1) - Назва – назва ресурсу. Рекомендується використовувати короткі та зрозумілі назви. Поле є обов'язковим.
(2) - Опис – коротка інформація про Ресурс, яка відображається в таблиці з ресурсами. В описі можна використовувати смайли та тег переходу на нову стрічку <br>;
(3) - Тип ресурса – Адаптивна сторінка.
(4) - Категорія - можливість віднести ресурс до однієї або кількох категорій у Базі знань. Щоб додати ресурс до категорії, у випадаючому списку необхідно позначити чекбоксами потрібні категорії.
Якщо потрібної категорії немає в переліку, її можна створити, натиснувши кнопу Створити нову категорію. Детальніше Категорії ресурсів;
(5) - Доступ - визначає користувачів, яким буде доступний ресурс у Базі знань. Для цього ресурс необхідно додати до однієї або кількох попередньо створених груп доступ.
Якщо серед вже створених груп немає потрібної групи доступу, її можна створити натиснувши кнопку Створити нову групу доступу. Детальніше Управління Базою знань.
(6) - Обрати мітку - за необхідності встановити мітку для ресурса. Мітку можна обрати серед вже створених у випадаючому списку або по пошуку. Детальніше: Керування мітками.
(7) - Автор ресурса - за замовчуванням відображається користувач, який створює ресурс. За потреби автора можна змінити або додати співавторів. Детальніше: Автори та співавтори контенту
(8) - Додати вміст - основне наповнення сторінки. При натискані на кнопку відкриється редактор, за допомогою якого створєються вміст ресурса-адаптивної сторінки.
(9) - Обкладинка ресурсу - можливість завантажити зображення-обкладинку замість стандартної картинки.
(10) - Зображення для картки завдання - можливість завантажити зображення-обкладинку для завдання-ресурсу замість стандартної картинки.
(11) - Опублікувати - за замовчуванням публікацію знято. Тільки опубліковані ресурси можна використовувати в Базі знань та для створення завдання.
(12) - Скасувати - відміняє внесені зміни, які ще не були збережені. Після натискання кнопки "Зберегти" скасувати зміни за допомогою цієї кнопки неможливо.
(13) - Зберегти ресурс.
Створення вмісту адаптивної сторінки
При натискані на кнопку Додати вміст (8) відкриється редактор, за допомогою якого створєються наповнення ресурса-адаптивної сторінки.
Контент адаптивної сторінки формується за допомогою перетягування різних блоків.
За замовчуванням на сторінку доданий перший блок (1) і відкрито вкладку "Вміст" (2), щоб можна було додати контент (текст, зображення, HTML тощо).
У вкладці Блоки (3) можна вибрати вид блоків, на які необхідно розбити сторінку.
У вкладці Основна частина (4) - вибрати колір фону сторінки, ширину вмісту, шрифт тексту та налаштувати колір для посилань.
(5) - Скасувати/Повторити - скасувати або повторити скасовану дію (додавання блоку/тексту тощо)
(6) - ПК/Мобільний телефон - перемикач, за допомогою якого ви можете подивитися, як вміст ресурсу виглядатиме на ПК/мобільних телефонах.
(7) - Зберегти - зберегти створений контент та перейти на сторінку створення ресурсу.
Робота з текстом та вставка посилань
Робота з текстом та вставка посилань працює звичним чином - додавши до блоку текст з'являється вікно з необхідними інструментами для редагування тексту (1). Також є можливість додати смайли (2).
Для вставки посилання необхідно натиснути кнопку інструмента Вставити/редагувати посилання (3).
У модальному вікні вставки посилання є кілька варіантів дії:
- відкрити сайт - перехід на іншу веб-сторінку (необхідно вказати мету - відкрити в новій вкладці або в тій самій вкладці);
- надіслати лист - при натисканні на посилання користувача буде перенаправлено на створення email, де вже буде вказано email одержувача, тема листа та вміст листа (вказується при створенні посилання);
- зателефонувати за номером- користувач з мобільного пристрою клікнувши за номером, матиме змогу миттєво зателефонувати за вказаним номером (номер з'явиться в телефоні у полі виклику);
- надіслати СМС - при натисканні на посилання з мобільного пристрою у користувача відкриється створення смс-повідомлення, де вже буде вказаний даний номер для відправки. Необхідно ввести лише текст повідомлення.
Вставка зображень
Щоб вставити зображення, перетягніть Зображення в блок.
Після чого, натиснувши на блок Image з правого боку, відкриються налаштування зображення, де можна прикріпити картинку, задати ширину, альтернативний текст, прикріпити посилання до картинки і т.д.
Вставка відео
Для вставлення відео необхідно в блок перетягнути HTML.
Далі в режимі HTML коду потрібно вставити код фрейму, який пропонує сервіс Youtube. Наприклад, такий
<iframe width="100%" height="480" src="https://www.youtube.com/embed/bk7BZqcHo-c" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Після вставки коду можна змінити параметр ширини (width) та висоти (height) кадру.
Перемикаючись на редактор мобільних пристроїв, є можливість подивитися як відео відображатиметься і при необхідності відключити його відображення включивши "Приховати для мобільних пристроїв".
Крім відео з YouTube таким чином можна вставити інші ресурси, створені на порталі (Відео, Аудіо, Галерея або HTML-сайт). Для цього необхідно скопіювати Embed Code ресурсу (детальніше Вставка ресурсу у ресурс
Попередній перегляд
Адміністратор порталу може переглянути ресурс, тобто попередньо побачити, як він буде відображатися у Користувача.
Для цього достатньо в таблиці з ресурсами (меню: Контент - Ресурси) натиснути на назву Ресурсу.
Сторінка попереднього перегляду Ресурсу:
(1) - Назва Ресурсу
(2) - Друк
(3) - Редагувати - перехід на сторінку редагування Ресурсу- відображається лише для Адміністраторів.
(4) - Про Ресурс: дата оновлення, автор, категорія в Базі знань, мітки.
(5) - Повноекранний режим – можливість перегляду вмісту Ресурсу на повному екрані (Кнопка не виводиться для дуже коротких ресурсів, з висотою менше 200px).