Hur man designar olika individuella kategorier i WordPress

Vill du designa olika kategorier i WordPress? De flesta WordPress-teman använder samma stil för alla kategoriarkivsidor. Men om du driver en innehållsrik webbplats kan du designa varje kategori på olika sätt för att maximera dess potential. I den här artikeln kommer vi att visa dig hur du enkelt designar olika kategorier i WordPress.

Varför är stilkategorierna olika i WordPress?

Som vi sa tidigare använder de flesta WordPress-teman samma mall för varje kategoriarkivsida. Detta beror på att temautvecklarna inte vet hur du kommer att använda kategorierna på din webbplats och vad dessa kategorier kommer att vara.

Men om du driver en innehållsrik webbplats kan en ändring av layouten på en kategoriarkivsida ha stor inverkan på hur användarna interagerar med sidans innehåll.

Om du till exempel driver en nyhets- eller tidningswebbplats kan du visa lokala annonser i den lokala nyhetskatalogen. Du kan visa väderinformation, visa de mest populära berättelserna i den kategorin, etc.

Med det sagt, låt oss se hur du enkelt designar olika individuella kategorier i WordPress.

Designa olika individuella kategorier i WordPress

Det finns flera sätt att designa kategorier i WordPress. Vi visar dig två olika portföljdesignmetoder, och du kan välja den som bäst passar dina behov och kompetensnivå.

Använd en enda kategorimall i ett WordPress-tema

WordPress-teman följer en hierarki av standardmallar. Beroende på namnet på mallfilen kan WordPress automatiskt välja rätt mall för att visa en sida.

Leta till exempel efter filen file.php för att visa kategorifilsidorna.

WordPress låter dig också skapa mallar för enskilda kategorier. Låt oss säga att du vill designa kategorin “Apple Different. Du kan göra detta genom att lägga till en ny mallfil till ditt tema och döpa den till kategori-apple.php.

Anslut till din WordPress-webbplats med FTP-klient och gå sedan till /wp-content/themes/your-current-theme/ mapp och skapa en ny fil-apple.php. Glöm inte att ersätta äpple med ditt eget kategorinamn.

Du kan använda filen category.php för ditt tema som utgångspunkt. Bara redigera och kopiera allt ditt innehåll. Redigera nu din nyskapade kategori-apple.php-fil och klistra in koden i den.

Du kan sedan börja ändra din personliga portföljmall. Du kan skapa och använda ett annat sidofält för den här kategorin, förvandla det till en sida i full bredd, lägga till ett välkomstmeddelande eller vad du vill.

Style enskilda kategorier i WordPress med CSS

WordPress lägger automatiskt till CSS-klasser till olika element på din webbplats. Dessa inkluderar både body class och post class.

Om du till exempel visar sidan med kategorifiler och sedan använder inspektionsverktyget, ser du CSS-kategorins namn och kategorin i body-taggen.

Du kan använda den här CSS-klassen för att designa varje typ separat genom att lägga till anpassad CSS.

Här är några CSS-exempel som du kan använda som utgångspunkt.

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

Glöm inte att byta namn på kategorin i CSS-klassen med ditt eget kategorinamn.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du designar olika kategorier i WordPress. Du kanske också vill kolla in vår lista över de mest eftertraktade plugin- och kategorihackarna för WordPress.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du hittar oss även på Twitter och Facebook.