Хотите по-разному классифицировать категории в WordPress?

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

В этом уроке мы покажем вам, как по-разному отображать категории в вашем блоге WordPress.

Без лишних слов мы приглашаем вас ознакомиться с нашим списком. Но сначала, если вы никогда не устанавливали WordPress, узнайте Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

Зачем придавать разный стиль категориям в WordPress?

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

Читайте также: Как отображать RSS содержание только для подписчиков на WordPress

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

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

Тем не менее, давайте посмотрим, как легко настроить отдельные категории в WordPress.

Как придать стиль категориям

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

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

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

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

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

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

Добавить новую категорию wordpress

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

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

Придайте стиль категориям, используя код CSS

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

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

Тег категории body wordpress

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

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

body.category-яблоко {цвет фона: #EEE; фон: URL ( «http://example.com/wp-content/uploads/2017/background.jpg«) не повторять фиксированной; цвет: #FFFFFF; } .category-яблочный .Выходные {фон: #232323; } .category-яблочного {цвет: #cccccc; }

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

Редактирование категории кода css wordpress

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

1. Easy Custom JS и CSS 

Ce Плагин Wordpress premium — это мощный редактор кода CSS и JavaScript, который позволяет добавлять их в любой раздел вашего веб-сайта. Это позволяет вам сохранить ваши настройки даже после серьезного обновления вашей темы WordPress. Простой настраиваемый плагин для дополнительной настройки js и css для wordpress

У вас есть возможность ограничить область использования вашего персонализированного кода. Например, вы можете использовать свой код только для статьи, имеющей видеоформат.

Смотрите наши статьи на Как потребовать принятия условий использования на WordPress

Или вы можете ограничить свой код определенной темой WordPress; Что удобно, если вы в настоящее время меняете темы для своего блога WordPress.

скачать | Демонстрация | веб-хостинг

2. Пользовательский JavaScript и CSS на страницах!

Благодаря этому Плагин Wordpress, можете добавить Стили CSS и пользовательский JavaScript на определенных страницах. Это также позволяет вам определять правила для нескольких страниц. Таким образом, вы можете иметь предопределенные или уникальные стили для определенных разделов.

Пользовательский javascript css на страницах плагин wordpress e1558356028853

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

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.

Заключение

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

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

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...