Хотите ли вы скрыть подкатегории в WordPress, или стилизовать их так, чтобы ваш список категорий было легче читать?
В WordPress ваши посты могут быть организованы в различные категории и подкатегории. Это помогает в навигации и SEO, но длинный список подкатегорий не всегда будет хорошо смотреться на вашем сайте.
В этом руководстве мы покажем вам, как вы можете скрыть подкатегории и изменить их стиль с помощью фрагмента кода.
Зачем использовать подкатегории в WordPress?
Когда вы пишете посты для своего сайта WordPress, вы можете организовать их с помощью категорий и тегов. Правильно распределив контент по категориям, вы сможете повысить SEO, что приведет больше трафика на ваш сайт.
Упорядочивание постов также улучшит навигацию вашего сайта, чтобы посетители могли легче найти нужный контент. Вы можете даже создавать подкатегории, когда структура вашего сайта становится более сложной.
Например, блог о путешествиях может иметь категорию для достопримечательностей Соединенных Штатов. По мере роста содержания блога, возможно, имеет смысл создать подкатегории для таких городов, как Чикаго, Лос-Анджелес и Нью-Йорк.
Как создать рубрику WordPress? Создание категорий и подкатегорий записей, рубрик в Вордпрес
Если вы отображаете свои категории в виджете WordPress, то вы можете использовать плоский список или иерархию. Вот как каждый вариант выглядит на нашем демонстрационном сайте.
Вы делаете это, посетив Внешний вид » Виджеты на приборной панели WordPress и установив флажок «Показывать иерархию» в виджете «Категории».
Но какой бы вариант вы ни выбрали, список в конечном итоге станет длинным и неуправляемым, и не будет хорошо смотреться на вашем сайте WordPress.
В этом руководстве мы покажем вам, как скрыть подкатегории, чтобы облегчить навигацию по списку категорий. Мы также покажем вам, как стилизовать подкатегории, чтобы они выглядели чище.
Как скрыть подкатегории в WordPress с помощью CSS
В этой статье мы будем использовать фрагменты кода CSS для скрытия и стилизации подкатегорий. Вы можете добавить эти фрагменты непосредственно в стиль вашей темы.css-файл или добавить их с помощью Theme Customizer в панели управления WordPress.
Добавление CSS может быть сложным для новичков, и ошибка может сломать ваш сайт WordPress. Если вы новичок в использовании сниппетов кода, то вам стоит ознакомиться с нашим руководством о том, как легко добавить пользовательский CSS на ваш сайт WordPress.
С учетом сказанного, давайте рассмотрим, как скрыть подкатегории в WordPress.
Вам нужно будет скопировать следующий код и вставить его в стиль вашей темы.css файл или ваш WordPress Theme Customizer.
.дети
Чтобы воспользоваться Настройщиком темы, вам сначала нужно перейти по адресу Внешний вид » Настроить и затем нажмите на Additional CSS в нижней части списка. После этого вы просто вставляете код и нажимаете кнопку «Опубликовать».
Теперь вы можете посетить свой сайт WordPress, чтобы убедиться, что подкатегории скрыты. Вот скриншоты до и после с нашего тестового сайта.
Это выглядит намного чище, но теперь ваши посетители не видят подкатегорий. Вы можете ознакомиться с нашим руководством о том, как отображать подкатегории на страницах категорий WordPress.
Если вы сделаете это, то когда ваши посетители нажмут на категорию «Соединенные Штаты», они увидят на этой странице ссылки на подкатегории, такие как Чикаго, Лос-Анджелес и Нью-Йорк.
Как оформить подкатегории в WordPress с помощью CSS
Вы также можете использовать CSS для настройки внешнего вида категорий и подкатегорий. Это будет зависеть от ваших собственных знаний CSS и от того, что вы хотели бы изменить в том, как они выглядят в вашей текущей теме.
Например, если вы отображаете свои подкатегории в иерархии, то добавление вертикальных полос позволит вам быстро увидеть, какие категории находятся на одном уровне. Давайте посмотрим, как это сделать.
Изменение стиля ваших подкатегорий происходит по той же процедуре, что и их скрытие. Вам нужно скопировать приведенный ниже код и вставить его в стиль.css или Настройщик темы.
.дети
Если вы используете Настройщик темы, то не забудьте нажать кнопку Опубликовать.
После этого вы можете посетить свой сайт WordPress для предварительного просмотра изменений. Вот скриншоты до и после с нашего тестового сайта.
Не стесняйтесь вносить изменения в код, чтобы настроить стиль по своему вкусу.
Вы также можете использовать CSS для стилизации других элементов вашей темы WordPress. Например, вы можете использовать CSS, чтобы по-разному оформить отдельные категории.
Мы надеемся, что это руководство помогло вам узнать, как скрыть подкатегории в WordPress, а также изменить их стиль. Вы также можете ознакомиться с нашим списком необходимых плагинов для развития вашего сайта.
Если вам понравилось это руководство, то, пожалуйста, подпишитесь на наш канал YouTube для просмотра видеоуроков WordPress. Вы также можете найти нас в Twitter и Facebook (признана экстремистской организацией на территории РФ).
Источник: www.wpbeginner.com