Czy chcesz zmienić styl kategorii w WordPress? Większość motywów WordPress używa tego samego stylu dla wszystkich stron archiwum kategorii. Jeśli jednak prowadzisz witrynę internetową bogatą w treści, możesz nadać każdej kategorii inny styl, aby zmaksymalizować ich potencjał. W tym artykule pokażemy, jak łatwo nadać inny styl kategoriom w WordPress.
Dlaczego warto zmieniać styl kategorii w WordPress?
Jak wspomnieliśmy wcześniej, większość motywów WordPress używa tego samego szablonu dla każdej strony archiwum kategorii. Dzieje się tak dlatego, że twórcy motywów nie wiedzą, w jaki sposób będziesz używać kategorii na swojej witrynie internetowej i jakie to będą kategorie.
Jeśli jednak prowadzisz witrynę bogatą w treści, zmiana układu strony archiwum kategorii może mieć dramatyczny wpływ na sposób, w jaki użytkownicy angażują się w treści na tej stronie.
Na przykład, jeśli prowadzisz witrynę z wiadomościami lub czasopismami, możesz wyświetlać reklamy lokalne w kategorii wiadomości lokalnych. Możesz wyświetlać informacje o pogodzie, najpopularniejsze relacje w tej kategorii itd.
Powiedziawszy to, zobaczmy, jak łatwo nadać styl poszczególnym kategoriom w WordPress.
Różne style poszczególnych kategorii w WordPress
Istnieje wiele sposobów stylizowania kategorii w WordPress. Pokażemy ci dwie różne metody stylizacji kategorii i będziesz mógł wybrać tę, która najlepiej odpowiada twoim potrzebom i poziomowi umiejętności.
Korzystanie z szablonu pojedynczej kategorii w motywie WordPress
Motywy WordPress posiadają standardową hierarchię szablonów. W zależności od nazwy pliku szablonu, WordPress może automatycznie wybrać odpowiedni szablon do wyświetlenia strony.
Na przykład szuka pliku category.php, aby wyświetlić strony archiwum kategorii.
WordPress umożliwia również tworzenie szablonów dla poszczególnych kategorii. Załóżmy, że chcesz nadać inny styl kategorii „Apple”. Możesz to zrobić, dodając nowy plik szablonu do twojego motywu i nadając mu nazwę category-apple.php.
Połącz się z witryną WordPress za pomocą klienta FTP, a następnie przejdź do katalogu /wp-content/themes/your-current-theme/ i utwórz nowy plik category-apple.php. Nie zapomnij zastąpić jabłka twoją własną nazwą kategorii.
Możesz użyć pliku category.php twojego motywu jako punktu wyjścia. Po prostu edytuj i skopiuj całą jego treść. Teraz edytuj twój nowo utworzony plik category-apple.php i wklej do niego kod.
Następnie możesz zacząć wprowadzać zmiany w twoim indywidualnym szablonie kategorii. Możesz utworzyć i użyć innego panelu bocznego dla tej kategorii, uczynić ją stroną o pełnej szerokości, dodać wiadomość powitalną lub cokolwiek innego, co chcesz.
Styl poszczególnych kategorii w WordPress przy użyciu CSS
WordPress automatycznie dodaje klasy CSS do różnych elementów w twojej witrynie internetowej. Obejmują one zarówno klasę ciała, jak i klasę wpisu.
Na przykład, jeśli zobaczysz stronę archiwum kategorii, a następnie użyjesz narzędzia Inspect, zauważysz klasy CSS kategorii i nazwy kategorii w tagu body.
Możesz użyć tej klasy CSS, aby nadać inny styl każdej kategorii, dodając własny CSS.
Oto kilka przykładów CSS, które można wykorzystać jako punkt wyjścia.
body.category-apple {
background-color:#EEE;
background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site {
background:#232323;
}
.category-apple a {
color:#CCCCCC;
}
.
Nie zapomnij zmienić nazwy kategorii w klasie CSS na twoją własną nazwę kategorii.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak inaczej stylizować kategorie w WordPress. Możesz również zobaczyć naszą listę najbardziej poszukiwanych hacków kategorii i wtyczek do WordPressa.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
ofir says
is it possible to change style of all the post under the category and not just the category archive page, with the css option ?
i want to display:none of an element only on specific category pages
WPBeginner Support says
It is possible but you would need to add some code for adding the category target to posts as that is not a default addition from WordPress.
Administrator
Caroline says
Thanks for your article!
Let say I want to style all posts in category „Reviews” but only the child-categories in reviews are selected for the post.
How can I style all the child categories in the category Review?
WPBeginner Support says
For what it sounds like you’re wanting, you would want to target the individual subcategories.
Administrator
Caroline says
Yes that’s correct! Is it possible?
WPBeginner Support says
Apologies for the confusion by what we meant, we would mean following this guide for each of the subcategories and if you wanted to have the subcategories grouped you can add a comma for the CSS to affect an additional target.
Caroline says
Hello,
thank you for the article.
What is going on if an article belongs to two or more categories ?
Carosch
AB says
The question is how to assign a custom category template layout from the admin dashboard to multiple other categories.
for example I’ve created a template called Category-grid.php . how do assign it to multiple categories in my wordpress ?
Kat S. says
Fantastic Article!
I am a WordPress newbie and have been trying to figure out a way to do exactly this. I did run into some problems when following your steps though. Our Wp site is set up on a Windows server running iis 7, so I do not know if that is causing my issue, but I’m sure the issue is on my end, not with your instructions.
I tried both methods; copying category.php to a new php file named after one of my categories, and CSS. CSS worked like a charm, but with the first method, I received an error telling me that a call to a certain function in the original php category file was duplicated in my custom category file. I created the new php file in my child theme directory (I am using Avada). The original category.php was also not found in the location you mention, but in the wp-includes folder. My blog page has been working fine though; and so have my categories. Not sure how to deal with this as there was SO much coding in the original category php file; I have no idea what, if anything, I should have deleted from my custom category php file.
A lot of information I know. Many thanks for responding if you have further suggestions.
Love this site!