Большинство WordPress темы дают CSS крюк для домашней страницы, а также ряд других факторов, путем добавления различных классов к body
тега. Попробуйте сравнить тег body
на своей домашней странице и на другой странице.
На сайте я работаю, вот тег для домашней страницы:
<body class="home page page-id-33 page-template-default">
А вот для внутренней страницы:
<body class="page page-id-285 page-parent page-template page-template-page-market page-template-page-market-php">
Классов, приложенной к <body>
позвольте мне написать различные CSS в этом случае на основании того, является ли страница:
- домашняя страница,
- страница (в отличие от должности),
- страницы с детьми (потомками в иерархии страниц),
- страница с шаблоном по умолчанию, или
- страница с определенным шаблоном страницы.
Чтобы настроить таргетинг на домашней странице, в вашем случае, вы бы написать:
#social-icons li {
float: left;
}
.home #social-icons li {
float: right;
}
Это должно дать вам float: left
на всех страницах, кроме дома, где он будет float: right
.
Если вы не видите различий в теге body
между домашней страницей и другими страницами, то ваша текущая тема не имеет этой функции. Вы должны будете редактировать любые файлы, содержащие тег body
. Большинство тем соответствуют стандартной практике включения этого только один раз, в header.php.
Где бы вы найти тело тега, замените <body>
с
<body <?php body_class(); ?> >
Если вы хотите, вы можете включить строку текста в функции, например:
<body <?php body_class('sammich'); ?> >
Это будет иметь эффект добавления «sammich» к классам в теге body.
Примечание. Если вы сделаете это по вашей теме, обновите тему, ваши изменения в кодировке будут потеряны. Подумайте о том, чтобы сделать быстрый Child Theme.
Подробнее @http://codex.wordpress.org/Function_Reference/body_class
Я бы +1 вашей должности, но встроенный CSS просто так некрасиво. :( –
@BrunoToffolo вы можете поместить правила css на домашнюю страницу в другой файл css, например ** homepage.css **, а затем вставить этот файл css в условный тег 'is_homepage(). – Eray
Теперь это лучше: D –