# 130: Styling stránky archivu článku - Triky CSS

Anonim

Stránka archivů článků na CSS-Tricks je poměrně důležitá. Spíše než stránkování blogových příspěvků, jako má většina blogů, jednoduše odkazuji na archivy. Domnívám se, že to lidem ušetří potíže s klikáním a posouváním, procházením a posouváním, klikáním a posouváním ... Místo toho přejdou přímo na stránku, kde mohou procházet velké množství článků ve stručnějším formátu .

Současný design však toto procházení příliš nepodporuje. Je to jednoduchý seznam titulů. To by mohlo fungovat pro některé lidi, ale není to nijak lákavé.

Vzhledem k tomu, že archivy mají být také snadno procházeny, bude stránkování důležité. Stránkování jsme již dříve řešili, ale je jich tu hodně. Toto je příležitost vyzkoušet si věci a přinést styl jinam, když najdeme něco dobrého.

Skočíme přímo do kódu. Zjistili jsme, že označení pro tyto archivy pochází z malého pluginu, nad kterým můžeme zápasit s kontrolou. Také již máme soubor CSS, se kterým můžeme pracovat. Někdy (přečteno: 99% času) není skvělé měnit samotný plugin. Pokud by se plugin někdy aktualizoval, přepsal by vaše změny. V tomto případě je tento plugin tak přizpůsobený, že je to v podstatě jen naše vlastní bitová funkčnost a já o tom vlastně ani neuvažuji jako o pluginu, ale spíše jen o nějakém kódu, který byl přesunut z functions.php.

Děláme, co musíme, abychom získali stránku s decentním stylem, která je stránkovaným seznamem všech článků. Nakonec mimo obrazovku je to trochu vylepšeno, aby zahrnovalo malé kousky samotného článku a počet komentářů, takže je o něco lepší procházet a měřit popularitu.