Как быстро поменять цвета в шаблонах Гетшоп 🎨
Как быстро поменять цвета в шаблонах Гетшоп 🎨
В большинстве шаблонов вы можете легко изменить цвета, шрифты, фон и некоторые другие параметры.
Мы специально закладываем эту возможность, чтобы любой шаблон можно было адаптировать к вашему стилю и задачам — без долгих доработок и сложных настроек.
Чтобы быстро и наглядно менять оформление под себя, мы предлагаем использовать браузерные расширения для работы со стилями.
Сегодня расскажем, как это работает на примере расширения Magic CSS, но вы можете пользоваться и аналогами.
1️⃣ С чего начать:
➖Прежде, чем начать менять цвета, установите приобретенный шаблон себе на Геткурс.
2️⃣ Перейдите к элементам которые будете менять.
➖Например, если меняете оформление тренингов, то перейдите на страницу где видно оформление тренингов.
➖Находясь на нужной странице запустите расширение.
3️⃣ Вставляем код который будем менять:
➖Если вы меняете цвета в шаблонах из коллекций — скопируйте единый файл управления темой и вставьте его целиком в рабочую область расширения.
➖Если вы меняете цвета в других шаблонах — скопируйте CSS шаблона и вставьте его в рабочую область расширения.
4️⃣ Меняем цвета:
➖Находите переменные того элемента, который хотите поменять — все они подписаны для удобства и подбираете цвет прямо в редакторе Magic CSS.
Например, хотите изменить цвет кнопки в тренингах — находите соответствующие переменные и задаёте свои цвета. Все изменения вносимые в расширение вы будете видеть сразу на странице.
О том, как обозначаются цвета и как сделать свой градиент мы рассказывали в предыдущем посте.
5️⃣ Сохраняем результат:
➖Когда подобрали нужные цвета, просто перенесите обновленный код на GetCourse.
Если вы делали оформление с помощью коллекций и хотите использовать разные цвета для разных тренингов, посмотрите наш пост о том, как оптимизировать этот процесс.
💘 Было полезно? Ставьте лайк, пишите вопросы и делитесь впечатлениями в чате — ваши реакции помогают нам делать материалы ещё лучше!
#СоветыОтГетшоп #Коллекции