# 130: Styliser la page des archives d'articles - Astuces CSS

Anonim

La page des archives d'articles sur CSS-Tricks est assez importante. Plutôt que d'avoir des articles de blog paginés comme la plupart des blogs, je crée simplement un lien vers les archives. Je pense que cela évitera aux gens de s'embarrasser de cliquer et faire défiler, de cliquer et de défiler, de cliquer et de faire défiler… Au lieu de cela, ils vont directement à une page où ils peuvent faire défiler un grand nombre d'articles dans un format plus succinct .

Cependant, la conception actuelle n'encourage pas très bien cette navigation. C'est simple une liste de titres. Cela pourrait fonctionner pour certaines personnes, mais ce n'est pas très attrayant.

Étant donné que les archives sont également censées être faciles à parcourir, la pagination sera importante. Nous avons déjà abordé la pagination auparavant, mais il y en a beaucoup ici. C'est l'occasion de tester les choses et d'amener le style ailleurs quand on trouve quelque chose de bien.

Nous sautons directement dans le code. Nous pensons que le balisage de ces archives provient d'un petit plugin dont nous pouvons lutter. Nous avons également déjà un fichier CSS avec lequel nous pouvons travailler. Parfois (lire: 99% du temps) ce n'est pas génial de modifier le plugin lui-même. Si le plugin devait être mis à jour, il écraserait vos modifications. Eh bien, dans ce cas, ce plugin est tellement personnalisé qu'il s'agit essentiellement de notre propre fonctionnalité personnalisée et je ne le considère même pas vraiment comme un plugin, mais plutôt comme un code qui a été déplacé hors de functions.php.

Nous faisons ce que nous devons faire pour obtenir une page au style décent qui est une liste de tous les articles, paginée. En fin de compte, hors écran, cela est légèrement modifié pour inclure de petits morceaux de l'article lui-même et un nombre de commentaires.Il est donc préférable de parcourir et d'évaluer la popularité.