Лучший способ сделать это - использовать дочернюю тему . По сути, вы помещаете свой CSS как отдельный файл в отдельный каталог, и у вас есть дочерняя тема. Он ссылается на таблицу стилей родительской темы, чтобы использовать ее стиль, а затем переопределяет все, что вы хотите переопределить. На этой странице, на которую я ссылается , приведен полный пример того, что вам нужно.
Это имеет то преимущество, что если в будущем двадцать обновлений будет обновлено, вы автоматически выберете все новые исправления двадцати, и ваши переопределения таблиц стилей будут по-прежнему применяться.
Итак, после того, как вы настроили CSS-файл дочерней темы, вам нужно просто настроить таргетинг на домашнюю страницу только с помощью вашего CSS, что легко. Twentyten, как и большинство тем, применяет классы к <body>
страницы, чтобы указать, что это за страница. Например, <body>
моей домашней страницы в настоящее время выглядит так:
<body class="home blog logged-in">
... с классом home
, указывающим, что это домашняя страница.
Итак, просто нацельте свой CSS на элементы, добавив спецификатор класса «home». Например, если вы поместите это в таблицу стилей:
body.home p {
font-weight: bold;
}
Тогда все абзацы на домашней странице будут выделены жирным шрифтом, но другие страницы не будут затронуты.