# 130: Styling av artikelarkivsidan - CSS-tricks

Anonim

Artikelarkivsidan på CSS-Tricks är ganska viktig. I stället för att ha paginerade blogginlägg som de flesta bloggar har, länkar jag helt enkelt till arkiven. Jag tror att det kommer att spara folk besväret med att klicka och rulla, klicka och rulla, klicka och rulla ... Istället går de direkt till en sida där de kan bläddra bland ett stort antal artiklar i ett mer kortfattat format .

Den nuvarande designen uppmuntrar dock inte att surfa särskilt bra. Det är enkelt en lista med titlar. Det kan fungera för vissa människor men det är inte super lockande.

Eftersom arkiven är tänkta att vara enkla att bläddra också, är paginering viktigt. Vi har redan tagit upp paginering tidigare, men det finns mycket av det här. Detta är en möjlighet att testa saker och ta stilen någon annanstans när vi hittar något bra.

Vi hoppar rakt in i koden. Vi räknar ut att markeringen för dessa arkiv kommer från ett litet plugin som vi kan brottas med. Vi har också redan en CSS-fil som vi kan arbeta med. Ibland (läs: 99% av tiden) är det inte bra att ändra plugin själv. Om pluginet någonsin skulle uppdateras skulle det skriva över dina ändringar. Tja, i det här fallet är det här pluginet så anpassat att det i grund och botten bara är vår egen anpassade funktionalitetsbit och jag tänker inte ens riktigt på det som ett plugin utan snarare bara en kod som har flyttats ut ur functions.php.

Vi gör vad vi behöver göra för att få en anständigt utformad sida som är en lista över alla artiklar, paginerade. I slutändan är skärmen justerad lite för att inkludera små bitar av själva artikeln och en kommentar, så det är lite bättre att bläddra och mäta popularitet.