Добавляем уникальный стиль в категории
Привет читателям. Большинство бесплатных WordPress тем используют один и тоже стиль оформления для всех категорий архивных страниц. Но, если ваш сайт богат контентом, то вы можете оформить каждую категорию по-разному, что бы показать весь их потенциал.
Зачем по-разному оформлять категории в WordPress?
Скажем, у вас есть новостной или журнальный сайт, на котором вы постите местные объявления в местных новостных категориях. Вы можете показывать информацию о погоде, самые популярные истории в этих категориях и т.д., и здесь вам поможет индивидуальное оформление категорий.
Как оформлять индивидуальные категории по-разному?
Существует множество способов оформлять категории в WordPress таким образом, чтоб те отличались друг от друга. Мы покажем вам два разных варианта, ну, а вы уже выберете тот, который подходит именно вам.
Используем шаблон единичной категории в WordPress теме
WordPress темы следуют стандартной иерархии шаблона. Основываясь на названии файла шаблона, WordPress может автоматически подцепить правильный шаблон для отображения страницы.
Например, он ищет файл category.php, чтоб отобразить архивные страницы категорий.
WordPress также позволяет вам, создавать шаблоны для индивидуальных категорий. Например, если вам хочется по особому оформить категорию ‘Apple’, то это можно сделать, добавив новый файл шаблона в вашу тему и назвав его category-apple.php.
Установите связь с вашим WordPress-сайтом, используя FTP клиент, и откройте папку /wp-content/themes/your-current-theme/ и создадите новый файл category-apple.php. Не забудьте заменить apple на собственное название категории.
В качестве стартовой точки вы можете использовать ваш файл темы category.php Просто отредактируйте его и скопируйте все его содержимое. Теперь отредактируйте ваш свежесозданный файл category-apple.php и вставьте туда код.
Теперь можно вносить изменения в этот шаблон индивидуальной категории. Вы можете создавать и использовать разные сайдбары для этой категории, сделать ее широкоформатной страницей, добавить благодарственное сообщение и многое другое.
Создаем индивидуальные категории с помощью CSS
WordPress добавляет CSS -классы автоматически к разным элементам на вашем сайте. Тут есть и body class, и post class.
Например, если вы просматриваете категорию архивной страницы с помощью инструментов разработчика, то вы заметите CSS –классы category и category-name в теге body.
Вы можете использовать этот CSS-класс, чтоб оформить каждую категорию по-разному, добавив кастомный CSS.
Вот пример CSS, который можно использовать в качестве стартовой точки. Не забудьте заменить название категории в CSS-классе на ваше собственное.
body.category-apple {
background-color:#EEE;
background:url("https://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site {
background:#232323;
}
.category-apple a {
color:#CCCCCC;
}
