Ž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.
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".
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.
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.
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.
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.
- 8 WordPress dodataka za dodavanje sustava za prijevod na blog
- 5 WordPress dodataka za stvaranje kalendara na blogu
- Vodič u 4 koracima za izgradnju vašeg autoriteta putem bloga
- Neki dodaci za WordPress za preusmjeravanje
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.
...
Hvala vam puno na ovom sjajnom i lako razumljivom vodiču, zahvaljujući vašem članku uspio sam izmijeniti dizajn stranice
Salut!
Molim te, vidi možeš li mi pomoći jer si pušim glavu
Radim internetsku trgovinu s divi i woocommerceom i imam problem jer ne mogu prilagoditi stranicu kategorije.
Prolazim vezu za vas da biste vidjeli:
https://chachocarp.com/product-category/los-mas-vendidos
Ono što želim promijeniti je:
1. U ovoj kategoriji imam 24 proizvoda i umjesto da ih prikazuje na dvije stranice od 12 proizvoda, prikazuje ih na tri stranice od 9, 9 i 6 i to je fatalno jasno.
2. Nisam zadržao konfiguraciju lebdenja kad zadržim pokazivač iznad proizvoda. Želio bih da prozirnost bude plava, a slova "vidi proizvod da bude naranaja" kao u modulu trgovine glavne stranice.
3. Želio bih da lijeva bočna traka prikazuje sve kategorije i potkategorije.
Kako je to uspio?
Hvala vam na pomoći
Zdravo Miguel,
Molimo postavite pitanje o članku koji se odnosi na WooCommerce ili Divi. I sa zadovoljstvom ću vam odgovoriti. 😉