ИИ-бот GetCourse
ИИ-бот
Добрый день!
Я - бот-помощник по документации платформы Getcourse, помогу вам найти ответ на справочный вопрос по работе системы. Пожалуйста, сформулируйте свой вопрос одним сообщением.
Статья была полезной?
Темы — это инструмент, который позволяет в одном месте задать настройки для кастомного оформления страниц. Темы позволяют:
- стилизовать элементы страниц с помощью CSS;
- применить JavaScript код;
- использовать шрифты из коллекции Google Fonts.
Данный инструмент будет полезен прежде всего тем, кто имеет опыт работы с CSS и JavaScript, а также активно использует их при оформлении большого числа страниц. Все необходимые настройки и применение кода можно выполнить в одном месте — в теме.
Используйте созданную тему, чтобы оформить:
- страницы CMS, размещенные в папке;
- отдельные тренинги и подтренинги;
- внутренние страницы аккаунта.
В статье:
Как создать тему
Создать тему могут:
- владелец аккаунта,
- администратор,
- сотрудник с выданным правом «Может управлять CMS».
Для этого:
- Перейдите в раздел «Сайт» — «Страницы».
- В выпадающем меню «Дерево сайта» выберите «Темы».
- Нажмите на кнопку «Добавить тему» и задайте ее название.
Созданная тема отобразится в общем списке.
Как настроить тему
Настройка темы выполняется на одноименной вкладке — «Настройки», где имеется возможность:
- Изменить название темы.
- Включить/отключить дополнительные опции.
- Задать родительскую тему, настройки которой будут применены в данной (дочерней) теме. Это позволит, например, избежать переноса кода из одной темы в другую вручную.
- Перейти к Bundle файлам, в которых можно посмотреть весь применяемый в теме CSS/JS код, не заходя в дополнительные файлы и вкладки темы. Здесь же можно перейти к валидатору CSS кода (сервису проверки CSS от W3C).
- Добавить дополнительные CSS/JS файлы.
Дополнительные опции на вкладке «Настройки»
«Для шаблонов» — используйте эту опцию, если в настройках страниц с темой включено «Является шаблоном».
«Отключить шрифты по умолчанию» — позволяет не подключать стандартные шрифты к странице. Используется при кастомной верстке для оптимизации страниц.
«Отключить стили по умолчанию для просмотра» — позволяет не подключать к странице стандартный файл стилей superlite-block.css. Используется при кастомной верстке для оптимизации страниц.
«Использовать Bootstrap4» — для случаев, если на страницах есть специфичная верстка, требующая Bootstrap4, а не Bootstrap3, который используется по умолчанию.
Это позволяет, например, добавить больше гибкости для управления адаптивностью. Если вы используете стандартные блоки или стандартные коды CSS и HTML, которые не требуют подключения каких-либо плагинов и фреймворков, то включение данной опции не требуется.
«Можно группировать файлы в один» — техническая опция, при включении которой будет выполняться «склеивание» JS и CSS кода, добавленного в соответствующих вкладках и в дополнительных файлах темы.
Можно включить данную опцию, если в теме применяется много кода, разделенного на множество дополнительных файлов. Это позволит улучшить производительность в браузере, чтобы страницы с темой или отдельные их элементы загружались быстрее.
Добавление дополнительных файлов
При необходимости в тему можно добавить дополнительные файлы. В настройках файлов можно указать CSS/JS код, который будет применяться совместно с кодом, добавленным на вкладках CSS и JS.
Это может быть полезно в случае, если необходимо структурировать код для удобной работы с ним.
Например, в одном CSS-файле можно добавить код для изменения стиля шрифта страницы, а в другом — стиля блоков.
Как применить собственные CSS стили
Применить собственные CSS стили с помощью темы можно на вкладке «CSS». Код будет распространяться на страницы с данной темой.
Добавление кода необходимо производить без использования тегов — <style>...</style>.
Как применить JS код
Добавить Javascript код, который будет применяться на страницах с темой, можно на вкладке «JS». Добавлять код следует без использования тегов — <script>...</script>
Обратите внимание: тестировать сторонний код рекомендуется на копиях страниц, чтобы работа оригинальных не была нарушена в результате его действия.
Как установить шрифты с помощью темы
С помощью темы можно установить собственные шрифты на страницах аккаунта. Для этого необходимо:
Выбор и подключение шрифта
Для выбора подходящих для подключения шрифтов перейдите на страницу Google Fonts.
На странице Google Fonts:
- Выберите необходимый шрифт.
- Нажмите «+ Select this style» возле подходящего стиля.
- Скопируйте данные из поля «link».
- Вставьте скопированные данные в поле «Включенные шрифты» в настройках темы.
Для подключения к теме нескольких шрифтов или стилей можно:
- Сразу выбрать необходимые шрифты на странице Google Fonts, после чего они будут отображены в списке «Review».
- Добавить новые данные для подключения к уже существующим в поле «Включенные шрифты» в настройках темы.
Как установить шрифты на страницах с темой
Установить подключенные шрифты можно:
Установка шрифтов для всех блоков страницы
Для установки подключенных шрифтов для заголовков и основного текста всех блоков страницы, необходимо перейти на вкладку «Шрифты», после чего указать их названия в полях:
- Основной шрифт (основной текст);
- Второй шрифт (заголовки).
Установка шрифтов для отдельных блоков с помощью CSS
Выбрать шрифт можно в каждом из блоков. Для этого поля основного и второстепенного шрифта можно оставить незаполненными.
Добавленные в тему шрифты можно применить к блоку через его подробные настройки стиля, указав соответствующий CSS-код для селектора.
Изменение шрифтов на страницах сайта возможно и другими способами, которые описаны в следующих статьях:
- «Как применить собственный шрифт в аккаунте GetCourse» — в ней описан процесс подключения собственных произвольных шрифтов, которые вы, например, нашли и скачали в интернете.
- «Как использовать системные шрифты на сайте и в блоге» — в статье вы узнаете, как системные шрифты можно применять к страницам, записям блога или к отдельным блокам.
Как применить тему к папке со страницами
Для применения темы создайте отдельную папку и в ее настройках укажите созданную тему. Тема будет применена только к тем страницам, которые присутствуют в данной папке.
Переместить страницу в папку можно:
- через дерево сайта;
- при помощи указания папки в настройках страницы.
Как использовать тему для оформления аккаунта
Выбрать тему оформления аккаунта может:
- владелец аккаунта;
- ответственный администратор.
Чтобы применить тему к внутренним страницам аккаунта:
- Перейдите в раздел «Настройки аккаунта» — «Настройки».
- Выберите желаемую тему в настройках параметра «Тема оформления аккаунта».
- Сохраните изменения при помощи кнопки в нижней части страницы.
После сохранения изменений тема применится к большинству внутренних страниц аккаунта, включая страницы тренингов и уроков.
Обратите внимание: в целях безопасности сторонний код не применяется к некоторым системным страницам. Со списком страниц можно ознакомиться в статье ➡ «Общие настройки аккаунта».
Также темы из настроек аккаунта не применяются к:
- страницам сайта (тему можно применить отдельно для папки страниц);
- страницам блога;
- виджетам.
Как применить тему к тренингу
По умолчанию тренинги наследуют общую тему аккаунта. При необходимости вы можете применить к тренингу отдельную тему.
Применить тему к тренингу могут:
- владелец аккаунта;
- администратор;
- сотрудник, который назначен основным преподавателем в тренинге;
- сотрудник, который назначен дополнительным преподавателем в тренинге при отключенной опции «Запретить дополнительным учителям изменять Тренинг и Уроки».
Для этого:
- Откройте тренинг и перейдите на вкладку «Настройки».
- Выберите тему в настройках параметра «Тема оформления тренинга».
- Сохраните изменения.
После сохранения изменений тема применится к страницам, которые доступны ученикам:
- вкладка «Содержание» тренинга и подтренингов;
- страницы уроков в режиме просмотра и редактирования.
Наследование параметров темы
Для одного тренинга могут применяться две темы:
- общая тема аккаунта;
- собственная тема или тема ближайшего родительского тренинга.
Важно! Если в темах прописаны разные параметры, они будут применяться одновременно.
Для примера создадим 2 темы и применим их для разных объектов:
- Тема для изменения шрифтов в настройках аккаунта.
- Тема для изменения цвета фона в настройках тренинга.
В результате на странице тренинга изменятся шрифты и фон страницы станет зеленым.
Если вы не хотите, чтобы тема оформления аккаунта применялась к тренингу, включите опцию «Не наследовать тему оформления аккаунта» в настройках тренинга.
При использовании данной опции тренинг из предыдущего примера будет использовать стандартные шрифты, так как изменение шрифтов было прописано в теме аккаунта.
Если темы аккаунта и тренинга содержат одинаковые параметры с разными значениями, применяться будут те значения, которые выбраны в теме тренинга.
авторизуйтесь
В выпадающем списке только вариант: Не выбрана...
Для начала вам необходимо создать тему.
Если у вас появятся вопросы по работе с темами, пожалуйста, напишите нам в техподдержку https://getcourse.ru/contacts .
В качестве примера использовался шрифт Pacifico .
Благодарим за обратную связь!
Для написания кода вы можете обратиться к сторонним профильным специалистам. Также вы можете воспользоваться услугой наших штатных специалистов, подробнее можно прочитать на этой странице https://getcourse.ru/offer/page_layout .
В уроках типа “Визуальный конструктор” вы можете изменить цвет шрифта текста следующим образом:
1) Зайдите в настройки блока с текстом https://skr.sh/sNuahiwQkJS .
2) Выделите мышкой текст, выберите инструмент изменения цвета шрифта и установите нужный цвет https://skr.sh/sNuuNl9xAr1 .
3) Сохраните изменения https://skr.sh/sNuVe42671g .
В других текстовых блоках (например, в заголовке или подзаголовке) цвет можно поменять аналогичным способом https://skr.sh/sNuHvkcMpRe .
Для более глобальных изменений необходимо использовать CSS-код https://getcourse.ru/blog/380434 , который затем можно применять с помощью тем, описанных в данной статье, к нужным вам местам в аккаунте (тренингам, папке со страницами и др.).
Если я не так поняла вашу задачу, пожалуйста, напишите нам в техподдержку https://getcourse.ru/contacts . В обращении опишите подробно, где именно необходимо изменить цвет шрифта.
Напишите, пожалуйста, в техподдержку https://getcourse.ru/contacts со ссылкой тренинг.
Если мой ответ вам не подходит, опишите, пожалуйста, вашу задачу более подробно нам в техническую поддержку https://getcourse.ru/contacts
Показать еще комментарии (3)
А ещё круче - в настройках тренинга указывать, какая тема должна применяться для оформления всех уроков этого тренинга. Сейчас, насколько я вижу, такой возможности нет? Только с папками страниц?
И возможность использовать CSS на страницах "Профиль" и "Сменить пароль" ещё не сделали?😊
Верно, тему можно применить к папке страниц сайта, созданного в аккаунте GetCourse.
В целях безопасности аккаунта и личных кабинетов пользователей на странице "Профиль" нет возможности добавить какой-либо код или применить тему, то есть изменить оформление этой страницы не получится.
Учитывая, что чисто технически ничто не мешает мне создать на любой странице любого раздела форму с запросом у пользователя любой информации.😊
На данный момент не предусмотрено использование какого-либо дополнительного кода на странице личного профиля. При этом, не учитывается какого вида будет этот код, например CSS или JS.
Тем более что CSS на безопасность никак не повлиял бы.😊