Hoe individuele categorieën anders op te stellen in WordPress

Hoe individuele categorieën anders op te stellen in WordPress / Thema's

Wilt u categorieën anders indelen in WordPress? De meeste WordPress-thema's gebruiken dezelfde stijl voor alle categoriearchiefpagina's. Als u echter een inhoudrijke website uitvoert, kunt u elke categorie anders indelen om hun potentieel te maximaliseren. In dit artikel laten we u zien hoe u categorieën gemakkelijk anders kunt indelen in WordPress.

Waarom stijlcategorieën anders in WordPress?

Zoals we eerder al zeiden, gebruiken de meeste WordPress-thema's dezelfde sjabloon voor elke categoriearchiefpagina. Dat komt omdat thema-ontwikkelaars niet weten hoe u de categorieën op uw website zult gebruiken en wat die categorieën zullen zijn.

Als u echter een site met veel inhoud beheert, kan het wijzigen van de indeling van een categoriearchiefpagina een dramatische invloed hebben op hoe gebruikers omgaan met de inhoud op die pagina..

Als u bijvoorbeeld een nieuws- of tijdschriftsite beheert, kunt u lokale advertenties laten weergeven in de lokale nieuwscategorie. U kunt weersinformatie weergeven, de populairste verhalen in die categorie weergeven, enzovoort.

Dat gezegd hebbende, laten we zien hoe we individuele categorieën gemakkelijk anders kunnen indelen in WordPress.

Individuele categorieën anders indelen in WordPress

Er zijn meerdere manieren om categorieën te stijlen in WordPress. We laten je twee verschillende methoden zien om stijlcategorieën te maken, en je kunt degene kiezen die het beste bij je behoeften en vaardigheden past.

Het gebruik van Single Category Template in WordPress Theme

WordPress-thema's volgen een standaardsjabloonhiërarchie. Afhankelijk van de naam van een sjabloonbestand, kan WordPress automatisch de juiste sjabloon kiezen om een ​​pagina weer te geven.

Het zoekt bijvoorbeeld naar category.php-bestand om categoriearchiefpagina's weer te geven.

Met WordPress kunt u ook sjablonen voor afzonderlijke categorieën maken. Laten we aannemen dat je de 'Apple'-categorie anders wilt stylen. U kunt dat doen door een nieuw sjabloonbestand aan uw thema toe te voegen en het een categorie-apple.php te geven.

Maak verbinding met uw WordPress-site met behulp van een FTP-client en ga vervolgens naar / wp-content / themes / your-current-theme / map en maak een nieuwe bestandscategorie-apple.php. Vergeet niet om Apple te vervangen door uw eigen categorienaam.

U kunt het categorie.php-bestand van uw thema gebruiken als beginpunt. Bewerk en kopieer eenvoudig alle inhoud. Bewerk nu je nieuw gecreëerde categorie-apple.php-bestand en plak de code erin.

Hierna kunt u beginnen met het aanbrengen van wijzigingen in uw individuele categoriesjabloon. U kunt een andere zijbalk voor deze categorie maken en gebruiken, een pagina op volledige breedte maken, een welkomstbericht toevoegen of iets anders dat u wilt.

Stijl individuele categorieën in WordPress CSS gebruiken

WordPress voegt automatisch CSS-klassen toe aan verschillende elementen op uw website. Deze omvatten zowel de lichaamsklasse als de postklasse.

Als u bijvoorbeeld een categoriearchiefpagina bekijkt en vervolgens het Inspectiegereedschap gebruikt, ziet u categorie- en categorie-naam CSS-klassen in de body-tag.

U kunt deze CSS-klasse gebruiken om elke afzonderlijke categorie anders op te maken door aangepaste CSS toe te voegen.

Hier is een voorbeeld van een CSS die u als uitgangspunt kunt gebruiken.

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

Vergeet niet om de categorienaam in de CSS-klasse te wijzigen met uw eigen categorienaam.

We hopen dat dit artikel je heeft geholpen om categorieën anders te stijlen in WordPress. Wellicht wilt u ook onze lijst met meest gezochte categorie-hacks en plug-ins voor WordPress zien.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.