Розділ онлайн-курсу
У цій статті ми розповімо, як додати на сайт блок з інформацією про курси.
У світі онлайн-навчання зручність навігації відіграє ключову роль у залученні та утриманні користувачів. Картки курсів, які можна налаштовувати, — чудовий спосіб зробити ваш вебсайт більш інтерактивним та інформативним.
Ці картки дають змогу відвідувачам швидко знаходити програми, які їх цікавлять, і легко переходити на сторінки курсів лише за допомогою однієї кнопки. У цій статті ми розглянемо, як налаштувати розділ із картками курсів, щоб підвищити зручність використання вашого вебсайту та допомогти користувачам швидше досягати своїх освітніх цілей.
Замість використання онлайн-карток для запам’ятовування ви можете додати на сторінку вебсайту списки уроків: просто виберіть потрібний курс у розділі, і всі уроки буде відображено.
Як додати розділ «Картки курсів»
Щоб додати розділ «Картки курсів», натисніть на «+» у режимі редагування вашого вебсайту.
Потім знайдіть у меню, що відкриється, розділ «Картки курсів» і натисніть на нього, щоб додати розділ на ваш вебсайт:
Розділ буде додано на ваш вебсайт, і для вас відкриється меню налаштувань вмісту:
Розділ вмісту
Налаштування вмісту розділу «Картки курсів» полягає у виборі курсу(ів), який уже було створено в проєкті, для відображення на вебсайті, а також у налаштуванні елементів картки.
Про те, як створювати курси на платформі Salebot, описано в розділі «Онлайн-курси».
Вибір курсу
Виберіть курси, які ви хотіли б показати на вашому вебсайті:
Для цього поставте галочку біля назви потрібного курсу.
Після цього вибрані курси одразу буде відображено на сторінці вашого вебсайту з обкладинкою, яку ви встановили в налаштуваннях курсу.
Налаштування
Після того як ви вибрали необхідні курси, перейдіть до налаштування елементів картки:
Тінь
Для карток курсів у розділі можна налаштувати інтенсивність тіні:
a) без тіні:
b) легка тінь:
c) сильна тінь:
Налаштування кольорів елементів картки
Налаштуйте вигляд картки, відкоригувавши кольори для різних елементів. Ви також можете додати інтерактивні ефекти під час наведення курсора.
Колір тексту: Змінює основний колір тексту на картці (окрім кнопок).
Фон картки: Встановлює колір фону картки.
Колір рамки: Визначає колір контуру або рамки картки.
Текст кнопки: Встановлює колір тексту всередині кнопки (статичний стан).
Фон кнопки: Встановлює колір фону кнопки.
Інтерактивні ефекти під час наведення курсора (необов’язковий розділ):
Увімкніть ефекти наведення, щоб динамічно змінювати колір цих елементів, коли користувач наводить курсор на картку.
Тепер ви знаєте, як відображати доступні курси на вашому сайті MaviBot за допомогою розділу «Картки курсів».
Для налаштувань фону та відображення дивіться статтю «Глобальні налаштування розділу».
Як додати блок «Уроки»
Щоб додати блок для відображення списку уроків у курсі, перейдіть у режим редагування вебсайту та наведіть курсор на робочу область, а потім натисніть на «+»:
Праворуч відкриється меню з доступними розділами сайту, де вам потрібно знайти блок «Уроки»:
Натисніть на «Картки курсів», після чого відкриється меню для налаштування вмісту блоку:
Вам потрібно лише вибрати потрібний курс, який уже було створено в Salebot, у спадному меню та натиснути «Зберегти».
Потім перейдіть до налаштувань, щоб налаштувати вміст блоку:
Налаштування
Коли ви натискаєте кнопку «Налаштування» і наводите курсор на розділ, відкриваються налаштування для налаштування вмісту та самого блоку:
Які налаштування доступні?
Стиль списку уроків
За замовчуванням стиль списку уроків відображається у новому форматі. За потреби ви можете встановити більш лаконічну версію класичного формату:
Стиль нумерації
Стиль нумерації доступний для нового стилю відображення уроків курсу. Нумерація змінюється безпосередньо в самій картці уроку:
Іконки уроків
Вони відображаються, якщо ви додали попередній перегляд усередині самого уроку в налаштуваннях курсу.
Як додати іконки
Крок 1. Перейдіть до налаштувань уроку:
Для цього перейдіть у режим налаштувань курсу та знайдіть вкладку «Уроки»:
Далі натисніть «Редагувати», після чого сторінка уроку відкриється для редагування.
Крок 2. Відкрийте налаштування сторінки уроку.
Перейдіть до розділу «Загальні» в налаштуваннях сторінки уроку:
Крок 3. Завантажте попередній перегляд уроку
Розгорніть список налаштувань зображення в налаштуваннях основної інформації:
Завантажте зображення для прев’ю уроку:
Збережіть налаштування.
Готово! Тепер попередні перегляди уроків відображатимуться як значки в розділі «Уроки» на вебсайті.
Фонова текстура
Це додає об’єму та унікальності вашим карткам уроків:
Заокруглення елементів
Значення задається в пікселях і заокруглює кути карток уроків.
Стиль картки уроку
Це допомагає розмістити картки уроків в один ряд або в ряд із перенесенням чи без нього.
Колір фону та тексту
Доступна велика палітра кольорів для встановлення кольору фону картки та кольору шрифту на картці уроку:
Тепер ви знаєте, як додавати списки уроків на ваш вебсайт і налаштовувати вміст розділу.
Для налаштувань фону та відображення дивіться статтю «Глобальні налаштування розділу».
Last updated