Руководство #5: Изменение оформления элементов сайта с помощью Дополнительных стилей в WordPress

Хостинг Beget . Зарегистрируйся и получи месяц хостинга бесплатно!
Данное руководство расскажет о возможности добавления своих CSS-правил с помощью Дополнительных стилей в WordPress.

Доработки сайтов на WordPress

Сайты о CSS:

О цветах в CSS

О специфичности селекторов в CSS:

О медиа-запросах в CSS

Примеры кода из видео:
.site-title a {
color: #00f;
}

body.has-header-image .site-title a {
color: #00f;
}

body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 24px;
}

/* Для всех устройств */
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 12px;
}

/* Для разрешения планшета в портретной ориентации и выше */
@media (min-width: 768px) {
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 20px;
}
}

/* Для разрешения планшета в альбомной ориентации и выше */
@media (min-width: 1024px) {
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 30px;
}
}

Текстовая версия
. про доработка wordpress.

Оцените статью