Czy chciałbyś kategoryzować kategorie inaczej w WordPress?

Najbardziej Motywy WordPress użyj tego samego stylu dla wszystkich stron archiwum kategorii. Jeśli jednak masz witrynę bogatą w treści, możesz wybrać wyświetlanie każdej kategorii w inny sposób, aby zmaksymalizować ich potencjał.

W tym samouczku pokażemy, jak inaczej wyświetlać kategorie na blogu WordPress.

Bez zbędnych ceregieli zapraszamy do zapoznania się z naszą listą. Ale najpierw, jeśli nigdy nie instalowałeś WordPressa, dowiedz się Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Po co nadawać inny styl kategoriom w WordPress

Jak powiedzieliśmy wcześniej, większość Motywy WordPress użyj tego samego szablonu dla każdej strony archiwum kategorii. Dzieje się tak, ponieważ twórcy Motywy WordPress nie wiem, w jaki sposób zamierzasz używać kategorii w swojej witrynie.

Czytaj także: Jak wyświetlić zawartość RSS tylko dla subskrybentów na WordPress

Jeśli jednak masz witrynę bogatą w treści, zmiana układu strony archiwum kategoria może mieć ogromny wpływ na sposób interakcji użytkowników z zawartością tej strony.

Na przykład, jeśli zarządzasz witryną z wiadomościami lub czasopismami, możesz wyświetlać reklamy lokalne w kategorii wiadomości lokalnych. Możesz przeglądać informacje o pogodzie, przeglądać najpopularniejsze historie w tej kategorii i tak dalej.

To powiedziawszy, zobaczmy, jak łatwo dostosować poszczególne kategorie w WordPress.

Jak nadać styl kategoriom

Istnieje kilka sposobów kategoryzacji kategorii w WordPress. Pokażemy Ci dwie różne metody nadania kategoriom innego stylu, a Ty możesz wybrać te, które najlepiej pasują do twoich potrzeb i poziomu umiejętności.

Korzystanie z jednego szablonu kategorii w motywie WordPress

Motywy WordPress są zgodne ze standardową hierarchią szablonów. Zgodnie z nazwą 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 pozwala również na to tworzyć modele dla poszczególnych kategorii. Załóżmy, że chcesz sklasyfikować kategorię „AppleInaczej Możesz to zrobić, dodając nowy plik szablonu do motywu WordPress i nazywając go kategoria-apple.php.

Połącz się ze swoją witryną WordPress za pomocą klienta FTP, a następnie przejdź do / wp-content / themes / your-theme / i utwórz nowy plik o nazwie category-apple.php. Pamiętaj, aby zastąpić „Apple” nazwą swojej kategorii.

Dodaj nową kategorię wordpress

Możesz użyć pliku „ category.php Twojego motywu WordPress jako punktu wyjścia. Po prostu edytuj i skopiuj całą jego zawartość. Teraz zmień nazwę nowego pliku na „ kategoria-apple.php I wklej kod w środku.

Następnie możesz zacząć wprowadzać zmiany w swoim indywidualnym modelu kategorii. Możesz utworzyć i używać innego paska bocznego dla tej kategorii, ustawić stronę o pełnej szerokości, dodaj wiadomość powitalną lub cokolwiek chcesz.

Nadaj styl kategoriom za pomocą kodu CSS

WordPress automatycznie dodaje klasy CSS do różnych elementów witryny. Obejmują one zarówno klasę ciała, jak i klasę publikacji.

Na przykład, jeśli przeglądasz stronę archiwum kategorii, a następnie używasz narzędzia Inspect, zauważysz klasy CSS „kategorie” oraz nazwę kategorii w tagu „body”.

Tag kategorii Wordpress Body

Możesz użyć tej klasy CSS dla każdej innej indywidualnej kategorii według dodanie niestandardowego CSS.

Oto przykład CSS, którego możesz użyć jako punktu wyjścia.

body.category-apple {background-color: #EEE; background: url ("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat naprawione; Kolor: #FFFFFF; } .category-apple .site {background: #232323; } .category-apple a {color: #CCCCCC; }

Nie zapomnij zmienić nazwy kategorii w klasie CSS na nazwę swojej kategorii.

Edycja kategorii kodu css wordpress

Teraz możesz dodać niestandardowy kod CSS w WordPressie. Ale jeśli potrzebujesz rozwiązania premium, aby dodać niestandardowy kod CSS, oferujemy poniżej 2 WordPress wtyczki premia, która pomoże Ci w tym zadaniu.

1. Łatwy Custom JS i CSS 

Ce WordPress Plugin premium to potężny edytor kodu CSS i JavaScript, który pozwala dodawać je do dowolnej sekcji witryny. Pozwala zachować dostosowania nawet po dużej aktualizacji motywu WordPress. Łatwa niestandardowa wtyczka do dostosowywania js i css do Wordpress

Masz możliwość ograniczenia zakresu wykorzystania spersonalizowanego kodu. Na przykład możesz użyć swojego kodu tylko dla artykułu mającego format wideo.

Zobacz nasze artykuły na Jak wymagać akceptacji warunków korzystania z WordPress

Lub możesz ograniczyć swój kod do określonego motywu WordPress; Jest to przydatne, jeśli obecnie zmieniasz motywy na swoim blogu WordPress.

Pobierz | Demo | hosting

2. Niestandardowy JavaScript i CSS na stronach!

Dzięki temu WordPress Plugin, możesz dodać Style CSS i niestandardowy JavaScript na określonych stronach. Pozwala także zdefiniować reguły dla wielu stron. W ten sposób możesz mieć predefiniowane lub unikalne style dla określonych sekcji.

Niestandardowy javascript CSS na stronach Wordpress Wtyczka e1558356028853

Jak każda inna funkcja oferowana przez to WordPress Plugin, możesz łatwo umieszczać różne skrypty na różnych stronach swojej witryny.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Tutaj! To wszystko w tym samouczku, mam nadzieję, że pozwoli ci dodać niestandardowy kod CSS na WordPress. Nie wahaj się udostępnij ten artykuł znajomym w swoich ulubionych sieciach społecznościowych

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.

...