Jak ukryć lub stylizować podkategorie w WordPressie

Podczas tworzenia stron internetowych wielu użytkowników WordPress zakłada, że pokazanie każdej pojedynczej podkategorii pomoże odwiedzającym szybciej znaleźć to, czego potrzebują.

Jednak z naszego doświadczenia wynika, że wyświetlanie długiej listy podkategorii na Twojej stronie nie wygląda dobrze i może nawet przytłoczyć odwiedzających. Zamiast pomagać ludziom w nawigacji, często ich myli i sprawia, że Twoja strona wygląda na zagraconą i nieprofesjonalną.

Dobra wiadomość jest taka, że przez lata odkryliśmy kilka prostych sposobów na dostosowanie sposobu wyświetlania podkategorii.

W tym poradniku pokażemy Ci, jak ukryć podkategorie i zmienić ich styl za pomocą fragmentu kodu.

Dlaczego używać podkategorii w WordPress?

Kiedy piszesz posty na swoją stronę WordPress, możesz je organizować za pomocą kategorii i tagów. Kiedy poprawnie kategoryzujesz treści, możesz zwiększyć swoje SEO, co przyniesie więcej ruchu na Twoją stronę.

Organizacja Twoich postów poprawi również nawigację Twojej witryny, dzięki czemu odwiedzający będą mogli łatwiej znaleźć treści, których szukają. Możesz nawet tworzyć podkategorie, gdy struktura Twojej witryny staje się bardziej złożona.

Na przykład, blog podróżniczy może mieć kategorię dla miejsc turystycznych w Stanach Zjednoczonych. W miarę rozwoju treści, może mieć sens utworzenie podkategorii dla miast takich jak Chicago, Los Angeles i Nowy Jork.

Jeśli wyświetlasz swoje kategorie w widżecie WordPress, możesz użyć płaskiej listy lub hierarchii. Oto jak każda opcja wygląda na naszej stronie demonstracyjnej.

Robisz to, odwiedzając Wygląd » Widżety w swoim panelu WordPress i zaznaczając pole „Pokaż hierarchię” w widżecie Kategorie.

Ale którąkolwiek opcję wybierzesz, lista ostatecznie stanie się długa i niezarządzalna, i nie będzie dobrze wyglądać na Twojej stronie WordPress.

W tym przewodniku pokażemy Ci, jak ukryć podkategorie, aby lista kategorii była łatwiejsza w nawigacji, oraz jak stylizować podkategorie dla bardziej przejrzystego wyglądu. Możesz skorzystać z poniższych szybkich linków, aby przejść do sekcji, która najbardziej Cię interesuje:

• Jak ukryć podkategorie w WordPress za pomocą CSS
• How to Style Your Subcategories in WordPress Using CSS

Jak ukryć podkategorie w WordPress za pomocą CSS

W tym artykule będziemy używać fragmentów kodu CSS do ukrywania i stylowania podkategorii. Fragmenty kodu można dodać bezpośrednio do pliku style.css motywu, do wtyczki do fragmentów kodu, takiej jak WPCode, lub dodać je za pomocą Narzędzia dostosowywania motywu w panelu administracyjnym WordPress.

Dodawanie CSS może być trudne dla początkujących, a popełnienie błędu może zepsuć Twoją witrynę WordPress. Jeśli dopiero zaczynasz korzystać z fragmentów kodu, zapoznaj się z naszym przewodnikiem na temat jak łatwo dodać niestandardowy CSS do swojej witryny WordPress.

Mając to na uwadze, przyjrzyjmy się, jak ukryć podkategorie w WordPress.

Musisz skopiować poniższy kod i wkleić go do pliku style.css swojego motywu, wtyczki fragmentów kodu lub w narzędziu dostosowywania motywu WordPress.

.children {
display:none;
}

Aby skorzystać z Personalizatora motywu, najpierw musisz przejść do Wygląd » Dostosuj, a następnie kliknąć „Dodatkowy CSS” na dole listy. Następnie po prostu wklej kod i kliknij przycisk „Opublikuj”.

Możesz teraz odwiedzić swoją witrynę WordPress, aby upewnić się, że podkategorie są ukryte. Oto zrzuty ekranu przed i po z naszej strony testowej.

Wygląda to znacznie czyściej, ale teraz Twoi odwiedzający nie widzą podkategorii. Możesz sprawdzić nasz poradnik na temat wyświetlania podkategorii na stronach kategorii WordPress.

Jeśli to zrobisz, to gdy Twoi odwiedzający klikną kategorię Stany Zjednoczone, zobaczą na tej stronie linki do podkategorii, takich jak Chicago, Los Angeles i Nowy Jork.

Jak stylizować podkategorie w WordPress za pomocą CSS

Możesz również użyć CSS, aby dostosować wygląd swoich kategorii i podkategorii. Będzie to zależeć od Twojej wiedzy o CSS i tego, co chciałbyś zmienić w ich wyglądzie w obecnym motywie.

Na przykład, jeśli wyświetlasz swoje podkategorie w hierarchii, dodanie pionowych kresek pozwoli Ci szybko zobaczyć, które kategorie są na tym samym poziomie. Przyjrzyjmy się, jak to zrobić.

Zmiana stylu podkategorii przebiega tak samo jak ich ukrywanie. Musisz skopiować poniższy kod i wkleić go do pliku style.css, wtyczki WPCode lub WordPress Theme Customizer.

.children {
padding: 0 0 0 5px;
margin: 0 0 0 2px;
border-left: 1px solid #333;
}

Jeśli korzystasz z narzędzia Dostosowywanie motywu, nie zapomnij kliknąć przycisku „Opublikuj”.

Po wykonaniu tej czynności możesz odwiedzić swoją witrynę WordPress, aby wyświetlić podgląd zmian. Oto zrzutki ekranu przed i po zrzuty ekranu z naszej witryny testowej.

Zachęcamy do wprowadzania zmian w kodzie, aby dostosować styl do własnych upodobań.

Możesz również użyć CSS do stylizacji innych elementów swojego motywu WordPress. Na przykład, możesz użyć CSS do inaczej stylizować poszczególne kategorie.

Eksperckie poradniki dotyczące kategorii i podkategorii w WordPressie

Teraz, gdy wiesz, jak ukryć lub stylizować podkategorie, możesz chcieć zapoznać się z innymi poradnikami dotyczącymi używania kategorii i podkategorii w WordPress:

• Jak uwzględnić kategorię i podkategorię w adresach URL WordPressa
• Jak pokazać puste kategorie w widżetach WordPress
• Jak wyświetlać opisy kategorii w WordPress
• Jak dodać obrazy taksonomii (ikony kategorii) w WordPress

Mamy nadzieję, że ten poradnik pomógł Ci nauczyć się, jak ukrywać podkategorie w WordPress, a także zmieniać ich styl. Możesz również zapoznać się z naszą listą niezbędnych wtyczek WordPress, aby rozwijać swoją witrynę, lub naszym poradnikiem jak wyświetlać powiązane posty w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.