Как по-разному стилизовать отдельные категории в WordPress

Хотите ли вы по-другому оформить категории в WordPress?? Большинство тем WordPress используют один и тот же стиль для всех страниц архивов категорий....

Хотите ли вы по-другому оформить категории в WordPress?? Большинство тем WordPress используют один и тот же стиль для всех страниц архивов категорий. Однако если у вас сайт с богатым контентом, то вы можете оформить каждую категорию по-разному, чтобы максимально использовать их потенциал. В этой статье мы покажем вам, как легко стилизовать категории по-разному в WordPress.

Почему нужно по-разному оформлять категории в WordPress?

Как мы уже говорили, большинство тем WordPress используют один и тот же шаблон для каждой страницы архива категорий. Это потому, что разработчики темы не знают, как вы будете использовать категории на своем сайте и что это будут за категории.

Однако если у вас сайт с богатым контентом, то изменение макета страницы архива категории может оказать значительное влияние на то, как пользователи будут работать с контентом на этой странице.

Например, если у вас новостной или журнальный сайт, то вы можете отображать местную рекламу в категории местных новостей. Вы можете показывать информацию о погоде, показывать самые популярные истории в этой категории и т.д.

Сказав это, давайте посмотрим, как легко стилизовать отдельные категории по-разному в WordPress.

Различная стилизация отдельных категорий в WordPress

Существует несколько способов стилизации категорий в WordPress. Мы покажем вам два различных метода стилизации категорий, и вы сможете выбрать тот, который лучше всего соответствует вашим потребностям и уровню мастерства.

Использование шаблона одной категории в теме WordPress

Темы WordPress следуют стандартной иерархии шаблонов. В зависимости от имени файла шаблона, WordPress может автоматически выбрать нужный шаблон для отображения страницы.

Например, он ищет категорию.php файл для отображения страниц архива категории.

WordPress также позволяет создавать шаблоны для отдельных категорий. Предположим, вы хотите по-другому оформить категорию ‘Apple’. Вы можете сделать это, добавив новый файл шаблона в вашу тему и назвав его category-apple.php.

Подключитесь к вашему сайту WordPress с помощью FTP-клиента, затем перейдите в папку /wp-content/themes/ваша текущая тема/ и создайте новый файл category-apple.php. Не забудьте заменить apple на собственное название категории.

Создание шаблона для отдельной категории в вашей теме WordPress

Вы можете использовать категорию вашей темы.php файл как отправная точка. Просто отредактируйте и скопируйте все его содержимое. Теперь отредактируйте только что созданную категорию-яблоко.php файл и вставьте в него код.

После этого вы можете начать вносить изменения в индивидуальный шаблон категории. Вы можете создать и использовать другую боковую панель для этой категории, сделать ее страницей во всю ширину, добавить приветственное сообщение или что-либо еще, что вы хотите.

Стиль отдельных категорий в WordPress с помощью CSS

WordPress автоматически добавляет классы CSS к различным элементам на вашем сайте. Они включают как класс body, так и класс post.

Например, если вы просматриваете страницу архива категории, а затем используете инструмент Inspect, вы заметите CSS-классы category и category-name в теге body.

Класс категории добавлен WordPress к элементу body

Вы можете использовать этот CSS-класс для изменения стиля каждой отдельной категории, добавив пользовательский CSS.

Вот несколько примеров CSS, которые вы можете использовать в качестве отправной точки.

тело.категория-яблоко < background-color:#EEE; background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed; color:#FFFFFF; >.категория-яблоко .сайт < background:#232323; >.category-apple a

Не забудьте изменить название категории в CSS-классе на свое собственное название категории.

Изменение стиля категории с помощью CSS

Мы надеемся, что эта статья помогла вам узнать, как по-разному стилизовать категории в WordPress. Вы также можете посмотреть наш список наиболее востребованных хаков и плагинов категорий для WordPress.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий