CSS или же каскадные таблицы стилей это язык стилей, используемый. чтобы задать визуальное оформление и форматирование HTML документов. Темы WordPress используют CSS и HTML, чтобы выдавать данные, сгененрированные WordPress. Каждая тема WordPress содержит файл style.css , который содержит правила и стили, задающие форматирование страниц на WordPress.
CSS крайне прост в использовании и его легко выучить. Существует много веб-сайтов, которые публикуют учебные материалы по CSS для новичков, это может помочь пользователям WordPress в самом начале. И хотя его просто использовать, многие пользователи WordPress могут понять основы, просто взглянув на файл темы WordPress style.css .
Пример:
body {
font-size:14px;
color: #444;
background-color:#FFFFFF;
}
h1 {
font-size:18px;
text-transform:uppercase;
}
.post-title {
font-size: 16px;
color: #4C0000;
font-weight:normal;
}
Элементам HTML может быть задан стиль прямо в CSS. Дизайнеры также используют идентификаторы и классы, чтобы задать параметры различным разделам в CSS. Это также помогает им использовать разные стили для одного элемента HTML на странице, но в разных разделах. Например, элемент h1 для заголовка блога может быть оформлен по другому, чем элемент h1 для области постов на той же странице.
Пример:
<div id="header">
<h1 class="blog-title">
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</h1>
</div>
Показанный выше HTML содержит идентификатор ‘header’ и класс ‘blog-title’. Эти разделы могут быть застилизованы CSS.
Пример:
#header {
background-color:#4C0000;
height:120px;
width:100%;
padding:20px;
}
h1.blog-title a {
font-color:#FFFFFF;
font-size:16px;
font-family: Georgia, "Times New Roman", serif;
text-decoration:none;
}
Наша специальность – разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации – [email protected], +371 29394520
