Przejdź do głównej treści

Jak nadać unikalny styl innym kategoriom na WordPressie

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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

Większość motywów WordPress używa tego samego stylu dla wszystkich stron archiwum kategorii. Jeśli jednak masz witrynę bogatą w treść, 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ść motywów WordPress używa tego samego szablonu dla każdej strony archiwum kategorii. Dzieje się tak, ponieważ twórcy motywów WordPress nie wiedzą, jak 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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 do WordPress. Ale jeśli potrzebujesz rozwiązania premium, aby zarządzać dodawaniem niestandardowego kodu CSS, oferujemy poniżej 2 premium wtyczek WordPress, które pomogą Ci w tym zadaniu.

1. Łatwy Custom JS i CSS 

Ta premium wtyczka WordPress to potężny edytor kodu CSS i Javascript, który umożliwia dodawanie ich do dowolnej sekcji witryny. Umożliwia zachowanie dostosowań 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 tej wtyczce WordPress masz możliwość dodania 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 tę wtyczkę WordPress, możesz łatwo dołączyć różne skrypty na różnych stronach 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.

...  

Ten artykuł zawiera komentarze 2

  1. Salut!
    Sprawdź, czy możesz mi pomóc, bo palę sobie głowę
    Robię sklep internetowy z divi i woocommerce i mam problem, ponieważ nie mogę dostosować strony kategorii.
    Przekazuję link, aby zobaczyć:
    https://chachocarp.com/product-category/los-mas-vendidos
    To, co chcę zmienić, to:
    1. Mam 24 produkty w tej kategorii i zamiast pokazywać je na dwóch stronach po 12 produktów, pokazuje je na trzech stronach po 9, 9 i 6 i jest to fatalnie jasne.
    2. Nie zachowałem konfiguracji po najechaniu kursorem na produkty. Chciałbym, aby przezroczystość była niebieska, a litery „zobacz produkt naranaja” jak w module sklepu na stronie głównej.
    3. Chciałbym, aby lewy pasek boczny wyświetlał wszystkie kategorie i podkategorie.
    Jak on to zrobił?
    Dziękuję za pomoc

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
7 akcji
udział4
ćwierkanie1
Enregistrer2