# 130: Stylizacja strony archiwów artykułów - CSS-Tricks

Anonim

Strona z archiwami artykułów na CSS-Tricks jest raczej ważna. Zamiast paginować posty na blogu, jak większość blogów, po prostu umieszczam linki do archiwów. Wydaje mi się, że zaoszczędzi to ludziom kłopotów związanych z przeglądaniem w trybie „kliknij i przewiń”, „kliknij i przewiń”, „kliknij i przewiń”… Zamiast tego przechodzą od razu do strony, na której mogą przewijać dużą liczbę artykułów w bardziej zwięzłym formacie .

Jednak obecny projekt nie zachęca zbyt dobrze do tego przeglądania. To prosta lista tytułów. To może działać dla niektórych ludzi, ale nie jest super kuszące.

Ponieważ archiwa mają być również łatwe do przeglądania, ważna będzie paginacja. Już wcześniej zajmowaliśmy się paginacją, ale jest jej tutaj dużo. To okazja, aby przetestować różne rzeczy i przenieść styl gdzie indziej, gdy znajdziemy coś dobrego.

Wskakujemy od razu do kodu. Ustaliliśmy, że znaczniki dla tych archiwów pochodzą z małej wtyczki, nad którą możemy zapanować. Mamy też już plik CSS, z którym możemy pracować. Czasami (czytaj: 99% przypadków) zmiana samej wtyczki nie jest świetna. Gdyby wtyczka kiedykolwiek się zaktualizowała, nadpisałaby twoje zmiany. Cóż, w tym przypadku ta wtyczka jest tak dostosowana, że ​​zasadniczo jest to tylko nasz własny niestandardowy bit funkcjonalny i tak naprawdę nie myślę o tym jako o wtyczce, ale raczej o kodzie, który został przeniesiony z functions.php.

Robimy to, co musimy zrobić, aby uzyskać przyzwoicie wystylizowaną stronę, która jest listą wszystkich artykułów, podzieloną na strony. Ostatecznie poza ekranem jest to nieco zmodyfikowane, aby uwzględnić małe fragmenty samego artykułu i liczbę komentarzy, więc lepiej jest przeglądać i oceniać popularność.