# 130: Стилизация страницы архива статей - CSS-хитрости

Anonim

Страница архивов статей по CSS-Tricks весьма важна. Вместо того, чтобы размещать посты в блогах, как в большинстве блогов, я просто делаю ссылки на архивы. Я полагаю, что это избавит людей от проблем с просмотром по щелчку и прокрутке, с помощью щелчка и прокрутки, щелчком и прокруткой ... Вместо этого они переходят прямо на страницу, где они могут прокручивать большое количество статей в более сжатом формате .

Однако текущий дизайн не очень хорошо поддерживает такой просмотр. Это простой список названий. Некоторым это может сработать, но не слишком заманчиво.

Поскольку предполагается, что архивы также должны быть удобными для просмотра, разбивка на страницы будет иметь важное значение. Раньше мы уже занимались разбиением на страницы, но здесь их много. Это возможность испытать вещи и применить стиль в другом месте, когда мы найдем что-то хорошее.

Мы переходим прямо в код. Мы выяснили, что разметка для этих архивов исходит от небольшого плагина, над которым мы можем бороться. У нас также уже есть файл CSS, с которым мы можем работать. Иногда (читай: в 99% случаев) не стоит изменять сам плагин. Если плагин когда-либо обновится, он перезапишет ваши изменения. Что ж, в этом случае этот плагин настолько настроен, что по сути это просто наш собственный бит пользовательской функциональности, и я даже не думаю о нем как о плагине, а скорее как о каком-то коде, который был перемещен из functions.php.

Мы делаем то, что нам нужно, чтобы получить страницу с приличным стилем, которая представляет собой список всех статей с разбивкой на страницы. В конечном итоге за кадром он немного изменен, чтобы включить небольшие фрагменты самой статьи и количество комментариев, так что лучше просматривать и оценивать популярность.