# 130: Styling van de artikelarchievenpagina - CSS-trucs

Anonim

De artikelarchievenpagina op CSS-Tricks is nogal belangrijk. In plaats van gepagineerde blogposts te hebben zoals de meeste blogs, link ik gewoon naar de archieven. Ik denk dat het mensen de moeite zal besparen om te klikken en te bladeren, te klikken en te bladeren, te klikken en te bladeren ... In plaats daarvan gaan ze rechtstreeks naar een pagina waar ze kunnen bladeren door een groot aantal artikelen in een beknopter formaat .

Het huidige ontwerp moedigt dat browsen echter niet erg goed aan. Het is simpel een lijst met titels. Dat werkt misschien voor sommige mensen, maar het is niet super verleidelijk.

Omdat de archieven ook gemakkelijk te doorbladeren zouden moeten zijn, is paginering belangrijk. We hebben paginering al eerder aangepakt, maar er is hier veel van. Dit is een kans om dingen uit te testen en de stijl ergens anders heen te brengen als we iets goeds vinden.

We springen direct in de code. We komen erachter dat de opmaak voor deze archieven afkomstig is van een kleine plug-in waar we controle over kunnen krijgen. We hebben ook al een CSS-bestand waarmee we kunnen werken. Soms (lees: 99% van de tijd) is het niet geweldig om de plug-in zelf te wijzigen. Als de plug-in ooit zou worden bijgewerkt, zou deze uw wijzigingen overschrijven. Welnu, in dit geval is deze plug-in zo aangepast dat het in wezen gewoon onze eigen aangepaste functionaliteit is en ik zie het niet eens echt als een plug-in, maar eerder als een code die uit functions.php is verwijderd.

We doen wat we moeten doen om een ​​fatsoenlijk opgemaakte pagina te krijgen die een lijst is van alle artikelen, gepagineerd. Uiteindelijk buiten het scherm, is dit een beetje aangepast om kleine stukjes van het artikel zelf en een aantal reacties op te nemen, dus het is een beetje beter om te bladeren en de populariteit te meten.