Slik stiler du individuelle kategorier annerledes i WordPress

Vil du stilere kategorier annerledes i WordPress? De fleste WordPress-temaer bruker samme stil for alle kategoris arkivsidene. Hvis du kjører et innholdsrikt nettsted, kan du imidlertid utforme hver kategori forskjellig for å maksimere potensialet. I denne artikkelen vil vi vise deg hvordan du enkelt kan formatere kategorier forskjellig i WordPress.

Hvorfor stilkategorier annerledes i WordPress?

Som vi sa tidligere, bruker de fleste WordPress-temaer samme mal for hver kategori arkivside. Det er fordi temautviklere ikke vet hvordan du skal bruke kategoriene på nettstedet ditt og hva de kategoriene vil være.

Hvis du kjører et innholdsrikt nettsted, kan du imidlertid endre utformingen av en kategoris arkivside, ha en dramatisk innvirkning på hvordan brukerne engasjerer seg med innholdet på den siden.

Hvis du for eksempel kjører et nyhets- eller magasinnettsted, kan du få lokale annonser som vises på den lokale nyhetskategorien. Du kan vise værinformasjon, vise mest populære historier i den kategorien, og så videre.

Når det er sagt, la oss se hvordan du enkelt kan utforme individuelle kategorier annerledes i WordPress.

Styling Individuelle kategorier forskjellig i WordPress

Det finnes flere måter å style kategorier i WordPress. Vi vil vise deg to forskjellige metoder til stilkategorier, og du kan velge den som best passer dine behov og ferdighetsnivå.

Bruke enkeltkategori mal i WordPress Theme

WordPress-temaer følger et standardmallhierarki. Avhengig av et malfilnavn kan WordPress automatisk velge riktig mal for å vise en side.

For eksempel ser det ut til category.php-filen for å vise kategoris arkivsider.

WordPress lar deg også lage maler for individuelle kategorier også. La oss anta at du vil utforme kategorien "Apple" på en annen måte. Du kan gjøre det ved å legge til en ny malfil til temaet ditt og navngi det kategori-apple.php.

Koble til WordPress-siden din ved hjelp av en FTP-klient og gå til / wp-innhold / temaer / ditt-nåværende-tema / mappe og opprett en ny filkategori-apple.php. Ikke glem å erstatte eple med ditt eget kategorinavn.

Du kan bruke temaets kategori.php-fil som utgangspunkt. Bare rediger og kopier alt innholdet. Rediger nå din nyopprettede kategori-apple.php-fil og lim inn koden i den.

Deretter kan du begynne å gjøre endringer i din individuelle kategori mal. Du kan opprette og bruke et annet sidebjel for denne kategorien, gjøre det til en full bredde-side, legge til en velkomstmelding eller noe annet du vil ha.

Stil individuelle kategorier i WordPress Bruke CSS

WordPress legger automatisk CSS-klasser til forskjellige elementer gjennom hele nettstedet ditt. Disse inkluderer både kroppsklassen og postklassen.

Hvis du for eksempel ser en kategoriarkivside og bruker Inspeksjonsverktøyet, vil du legge merke til kategori- og kategorinavn-CSS-klasser i kroppstegnet.

Du kan bruke denne CSS-klassen til å utforme hver enkelt kategori på en annen måte ved å legge til tilpasset CSS.

Her er noen eksempler på CSS som du kan bruke som utgangspunkt.

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

Ikke glem å endre kategorinavnet i CSS-klassen med ditt eget kategorinavn.

Vi håper denne artikkelen hjalp deg med å lære å style kategorier forskjellig i WordPress. Du vil kanskje også se vår liste over mest etterspurte kategorien hack og plugins for WordPress.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.