W artykule:
Czy chcesz inaczej stylować kategorie w WordPress? Większość motywów WordPress używa tego samego stylu dla wszystkich stron archiwum kategorii. Jeśli jednak prowadzisz witrynę o bogatej zawartości, możesz stylować każdą kategorię inaczej, aby zmaksymalizować jej potencjał. W tym artykule pokażemy, jak łatwo stylować kategorie inaczej w WordPress.
Dlaczego styl kategorie inaczej w WordPress?
Jak powiedzieliśmy wcześniej, większość motywów WordPress używa tego samego szablonu dla każdej strony archiwum kategorii. To dlatego, że twórcy motywów nie wiedzą, w jaki sposób będziesz używać kategorii na swojej stronie i jakie będą te kategorie.
Jeśli jednak prowadzisz witrynę o bogatej zawartoś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 lokalne. Możesz wyświetlać informacje o pogodzie, pokazywać najpopularniejsze historie w tej kategorii i tak dalej.
Powiedziawszy to, zobaczmy, jak łatwo stylować poszczególne kategorie inaczej w WordPress.
Stylizacja poszczególnych kategorii inaczej w WordPress
Istnieje wiele sposobów stylowania kategorii w WordPress. Pokażemy Ci dwie różne metody stylowania kategorii, a Ty możesz wybrać tę, która najlepiej odpowiada twoim potrzebom i poziomowi umiejętności.
Korzystanie z szablonu jednej kategorii w motywie WordPress
Motywy WordPress podążają za 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 kategorii.plik php do wyświetlania stron archiwum kategorii.
WordPress umożliwia również tworzenie szablonów dla poszczególnych kategorii. Załóżmy, że chcesz inaczej stylować kategorię „Apple”. Możesz to zrobić, dodając nowy plik szablonu do motywu i nadając mu kategorię-apple.php.
Połącz się z witryną WordPress za pomocą klienta FTP, a następnie przejdź do /wp-content/themes/your-current-theme/ folder i utwórz nową kategorię plików-apple.php. Nie zapomnij zastąpić apple własną nazwą kategorii.
Możesz użyć kategorii swojego motywu.plik php jako punkt wyjścia. Wystarczy edytować i skopiować całą jego zawartość. Teraz edytuj nowo utworzoną kategorię-apple.plik php i wklej do niego kod.
Następnie możesz zacząć wprowadzać zmiany do indywidualnego szablonu kategorii. Możesz utworzyć i użyć innego paska bocznego dla tej kategorii, utworzyć stronę o pełnej szerokości, dodać wiadomość powitalną lub cokolwiek innego.
Styl poszczególnych kategorii w WordPress za pomocą CSS
WordPress automatycznie dodaje klasy CSS do różnych elementów w całej witrynie. Należą do nich zarówno Klasa body, jak i klasa post.
Na przykład, jeśli przeglądasz stronę archiwum kategorii, a następnie używasz narzędzia Inspect, zauważysz klasy CSS kategorii i nazw kategorii w znaczniku body.
Możesz użyć tej klasy CSS, aby stylować każdą kategorię w inny sposób, dodając własny CSS.
Oto przykład CSS, którego możesz użyć jako punktu wyjścia.
ciało.Kategoria-apple {
background-color: # EEE;
background: url("https://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color: # FFFFFF;
}
.Kategoria-apple .strona {
background:#232323;
}
.Kategoria-apple a {
kolor: # CCCCCC;
}
Nie zapomnij zmienić nazwy kategorii w klasie CSS z własną nazwą kategorii.
Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się inaczej stylować kategorie w WordPress. Możesz również zobaczyć naszą listę najbardziej poszukiwanych kategorii hacki i wtyczki do WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
