Želite li kategorije različito kategorizirati na WordPressu?

većina WordPress teme koristite isti stil za sve stranice arhive kategorija. Međutim, ako imate web mjesto bogato sadržajem, možete odlučiti prikazati svaku kategoriju drugačije kako biste maksimalno iskoristili njihov potencijal.

U ovom ćemo vam vodiču pokazati kako različito prikazivati ​​kategorije na svom WordPress blogu.

Bez daljnjeg poziva, pozivamo vas da otkrijete naš popis. Prvo, ako nikada niste instalirali WordPress, saznajte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Zašto dati drugačiji stil kategorijama na WordPressu

Kao što smo ranije rekli, većina WordPress teme koristite isti predložak za svaku stranicu arhive kategorije. To je zato što su programeri WordPress teme ne znam kako ćeš koristiti kategorije na svojoj web stranici.

Pročitajte također: Kako prikazati RSS sadržaj samo pretplatnicima na WordPress

Međutim, ako imate web lokaciju bogatu sadržajem, promjena izgleda stranice arhive kategorija može imati dramatičan utjecaj na način na koji korisnici stupaju u interakciju sa sadržajem na toj stranici.

Na primjer, ako upravljate web mjestom vijesti ili časopisa, možete prikazati lokalne obavijesti u kategoriji lokalnih vijesti. Možete pregledati vremenske informacije, najpopularnije vijesti u ovoj kategoriji itd.

U skladu s tim, pogledajmo kako lako prilagoditi pojedine kategorije na WordPressu.

Kako dati stil kategorijama

Postoji nekoliko načina kategoriziranja kategorija na WordPressu. Pokazat ćemo vam dvije različite metode kojima ćete kategorijama pružiti drugačiji stil, a vi možete odabrati one koji najbolje odgovaraju vašim potrebama i razini vještina.

Korištenje predloška jedne kategorije na WordPress temi

WordPress teme slijede standardnu ​​hijerarhiju predložaka. Prema nazivu datoteke predloška, ​​WordPress može automatski odabrati pravi predložak za prikaz stranice.

Na primjer, traži datoteku kategorije.php za prikaz stranica s arhivima kategorija.

WordPress vam također omogućava stvaraju modele za pojedine kategorije. Pretpostavimo da želite klasificirati kategoriju "jabuka„Za razliku. To možete učiniti dodavanjem nove datoteke predloška svojoj WordPress temi i imenovanjem kategorija-apple.php.

Povežite se na svoju WordPress web stranicu pomoću FTP klijenta, a zatim idite na / wp-content / themes / vaša tema / i stvorite novu datoteku pod nazivom category-apple.php. Ne zaboravite zamijeniti "Apple" nazivom svoje kategorije.

Dodajte novu wordpress kategoriju

Možete koristiti datoteku " category.php Kao početnu točku vaše WordPress teme. Samo uredite i kopirajte sav njegov sadržaj. Sada preimenujte svoju novu datoteku u " kategorija-apple.php I zalijepite kod unutra.

Tada možete započeti s izmjenama na modelu vaše pojedinačne kategorije. Možete stvoriti i koristiti drugu bočnu traku za ovu kategoriju, napraviti stranicu cijele širine, dodajte poruku dobrodošlice ili što god želite.

Dajte stil kategorijama pomoću CSS koda

WordPress automatski dodaje klase CSS u različite elemente na vašoj web stranici. To uključuje i tjelesnu i izdavačku klasu.

Na primjer, ako pregledate stranicu arhive kategorije, a zatim upotrijebite alat Inspect, primijetit ćete CSS klase "kategorije" i naziv kategorije u oznaci "body".

Oznaka kategorije body body wordpress

Možete koristiti ovu klasu CSS za svaku pojedinačnu kategoriju prema dodavanje prilagođenog CSS-a.

Evo primjera CSS-a koji možete koristiti kao početnu točku.

body.category-apple {pozadinska boja: #EEE; pozadina: url ("http://example.com/wp-content/uploads/2017/background.jpg") nepopunjeno; Boja: #FFFFFF; } .category-apple .site {pozadina: #232323; } .category-apple a {boja: #CCCCCC; }

Ne zaboravite promijeniti naziv kategorije u CSS klasi u ime svoje kategorije.

Uređivanje kategorije wordpress css koda

Sada možete dodati prilagođeni CSS kod u WordPress. No, ako trebate vrhunsko rješenje za dodavanje prilagođenog CSS koda, nudimo ispod 2 WordPress plugins premium koji će vam pomoći u ovom zadatku.

1. Jednostavno JS i CSS 

Ce WordPress plugin premium je moćan uređivač CSS i JavaScript koda koji vam omogućuje da ih dodate u bilo koji odjeljak svoje web stranice. Omogućuje vam da zadržite svoje prilagodbe čak i nakon velikog ažuriranja vaše WordPress teme. Jednostavan prilagođeni js i css dodatak za prilagodbu wordpress dodatka

Imate mogućnost ograničiti područje upotrebe vašeg personaliziranog koda. Na primjer, svoj kod možete koristiti samo za članak koji ima video format.

Pogledajte naše članke na Kako zahtijevati prihvaćanje uvjeta korištenja na WordPressu

Ili možete ograničiti svoj kôd na određenu WordPress temu; Što je korisno ako trenutno mijenjate teme za svoj WordPress blog.

Preuzmite | demo | Web hosting

2. Prilagođeni JavaScript i CSS na stranicama!

Zahvaljujući ovome WordPress plugin, možete dodati CSS stilovi i prilagođeni JavaScript na određenim stranicama. Također vam omogućuje definiranje pravila za više stranica. Na taj način možete imati unaprijed definirane ili jedinstvene stilove za određene odjeljke.

Prilagođeni javascript css na dodacima za wordpress stranica e1558356028853

Kao i svaka druga značajka koju ovo nudi WordPress plugin, možete jednostavno uključiti različite skripte na različite stranice svoje web stranice.

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Ovdje! To je sve za ovaj vodič, nadam se da će vam omogućiti dodavanje prilagođenog CSS koda na WordPress. slobodno se ovaj članak podijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama

Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku Komentari.

...