Ресурс – Адаптивна сторінка
Створення адаптивної сторінки
Принцип роботи цього ресурсу такий самий, як і у ресурсів-сторінок - в результаті роботи отримуємо 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).