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?

Pisząc posty na swoją stronę WordPress, możesz je organizować za pomocą kategorii i tagów. Prawidłowe kategoryzowanie treści może poprawić Twoje SEO, co przyciągnie więcej ruchu na Twoją stronę.

Organizowanie postów poprawi również nawigację na Twojej stronie, dzięki czemu odwiedzający łatwiej znajdą szukane treści. Możesz nawet tworzyć podkategorie, gdy struktura Twojej strony 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 tworzenie 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.

Jednak niezależnie od wybranej opcji, 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

W tym artykule użyjemy fragmentów kodu CSS do ukrycia i stylizacji podkategorii. Fragmenty kodu można dodać bezpośrednio do pliku style.css Twojego motywu, do wtyczki do fragmentów kodu, takiej jak WPCode, lub dodać je za pomocą 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ą stronę WordPress. Jeśli dopiero zaczynasz używać fragmentów kodu, być może zechcesz zapoznać się z naszym przewodnikiem na temat łatwego dodawania niestandardowego CSS do Twojej strony 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 Twojego motywu, wtyczki fragmentów kodu lub w Dostosowywaniu 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. Być może zechcesz zapoznać się z naszym przewodnikiem 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 Dostosowywania motywu WordPress.

.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 tych czynności możesz odwiedzić swoją stronę WordPress, aby zobaczyć podgląd zmian. Oto zrzuty ekranu przed i po z naszej strony 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 Twojego motywu WordPress. Na przykład, możesz użyć CSS do różnego stylizowania poszczególnych kategorii.

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 samouczek pomógł Ci nauczyć się ukrywać podkategorie w WordPress, a także zmieniać ich styl. Być może zechcesz również zapoznać się z naszą listą niezbędnych wtyczek WordPress do rozwoju Twojej strony lub z naszym samouczkiem na temat wyświetlania powiązanych postów 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.