Вы когда-нибудь хотели поправить что-то на своём сайте, но не хотели вызывать программиста ради мелочи? Сменить цвет кнопки, поправить отступы, поставить другой шрифт?
На WordPress это можно сделать самому. Без глубоких знаний кода.
WPShop подготовил серию из трёх коротких видеоуроков по CSS — тому самому языку, который отвечает за внешний вид сайта. Никакой теории «для галочки», только практика.
Что внутри уроков
Урок 1. Цвета, фон, тени и рамки
Вы научитесь:
- Менять цвет фона и текста.
- Добавлять тени и рамки к блокам.
- Пользоваться инструментом «Проверить элемент» в браузере — он показывает, за какой код отвечает та или иная кнопка или картинка.
Урок 2. Размеры, отступы и структура
Разбираем управление блоками через CSS-свойства:
- margin — отступ от блока наружу (как расстояние между полками).
- padding — отступ внутри блока (как поля в тетради).
- display и position — как блоки выстраиваются на странице.
После этого урока вы сможете подвинуть любой элемент туда, куда хотите.
Урок 3. Шрифты и текст
Настраиваем:
- Шрифты (гарнитура, размер, жирность).
- Интервалы между буквами и строками.
- Локальное подключение шрифтов — без Google Fonts (чтобы шрифты работали и без интернета, и без обращения к сторонним серверам).
Кому это подойдёт
- Вы хотите быстро привести сайт в порядок — поменять цвета, выровнять блоки, подобрать шрифты.
- Вы хотите понять, как работает CSS на практике — не просто читать теорию, а сразу пробовать.
- Вы хотите вносить мелкие правки самостоятельно — без звонков разработчику и без ожидания «сделаем на следующей неделе».
Коротко о главном
Три видеоурока по CSS для владельцев сайтов на WordPress. Без программиста, без глубокой теории. Учитесь менять цвета, отступы, шрифты через инструмент «Проверить элемент». Подходит для мелких правок и для понимания, как устроен дизайн сайта.
Никакой магии. Просто берёте и делаете. А если что-то сломали — всегда можно отменить изменение или восстановить из бэкапа. Но в этих уроках сломать почти ничего нельзя. Пробуйте.
