39 подписчиков
Как быстро поменять цвета в шаблонах Гетшоп📺
В большинстве шаблонов вы можете легко изменить цвета, шрифты, фон и некоторые другие параметры.
Мы специально закладываем эту возможность, чтобы любой шаблон можно было адаптировать к вашему стилю и задачам — без долгих доработок и сложных настроек.
Чтобы быстро и наглядно менять оформление под себя, мы предлагаем использовать браузерные расширения для работы со стилями.
Сегодня расскажем, как это работает на примере расширения Magic CSS —https://github.com/webextensions/live-css-editor
но вы можете пользоваться и аналогами.
1⃣С чего начать:
➖Прежде, чем начать менять цвета, установите приобретенный шаблон себе на Геткурс.
2⃣Перейдите к элементам которые будете менять.
➖Например, если меняете оформление тренингов, то перейдите на страницу где видно оформление тренингов.
➖Находясь на нужной странице запустите расширение.
3⃣Вставляем код который будем менять:
➖Если вы меняете цвета в шаблонах из коллекций — скопируйте единый файл управления темой и вставьте его целиком в рабочую область расширения.
➖Если вы меняете цвета в других шаблонах — скопируйте CSS шаблона и вставьте его в рабочую область расширения.
4⃣Меняем цвета:
➖Находите переменные того элемента, который хотите поменять — все они подписаны для удобства и подбираете цвет прямо в редакторе Magic CSS.
Например, хотите изменить цвет кнопки в тренингах — находите соответствующие переменные и задаёте свои цвета. Все изменения вносимые в расширение вы будете видеть сразу на странице.
О том, как обозначаются цвета и как сделать свой градиент мы рассказывали в предыдущем посте.
5⃣Сохраняем результат:
➖Когда подобрали нужные цвета, просто перенесите обновленный код на GetCourse.
Если вы делали оформление с помощью коллекций и хотите использовать разные цвета для разных тренингов, посмотрите наш пост «С единым файлом управления темой 20% усилий дают 80% результата!»
о том, как оптимизировать этот процесс.
💘Было полезно? Ставьте лайк, пишите вопросы и делитесь впечатлениями — ваши реакции помогают нам делать материалы ещё лучше!
#СоветыОтГетшоп #Коллекции
1 минута
8 июля