У блоці «Популярні Новини» представлено чотири основні категорії фільтрації матеріалів, які дозволяють читачам обирати новини за різними критеріями. Кожна категорія супроводжується унікальною іконкою та має відповідний клас для стилізації та функціональності. Ось детальний опис:
-
За переглядами
- Кнопка оснащена іконкою, що нагадує око, символізуючи увагу аудиторії.
- Активна за замовчуванням, відображена з класом
active-iconтаtabActive. - Користувачі можуть вибрати цей варіант, щоб переглядати найпопулярніші новини за кількістю переглядів.
- Відповідний атрибут
data-popular_article_filter="views"визначає метод фільтрації.
-
За коментарями
- Представлена кнопкою з іконкою у вигляді символу коментаря.
- Застосовується для сортування новин за інтенсивністю обговорень, що дозволяє швидко знайти найобговорюваніші статті.
- Маркується класом
comments_iconі має атрибутdata-popular_article_filter="comment".
-
За рейтингом
- Кнопка включає символ у вигляді лайка або сердечка, що позначає оцінку читачів.
- Використовується для вибору новин, які отримали найбільшу кількість позитивних відгуків і високий рейтинг.
- Має клас
like-iconта атрибутdata-popular_article_filter="like".
- Вибір редактора
- Цей фільтр відображений кнопкою з іконкою у вигляді пера, що асоціюється з професійним відбором якісного та важливого контенту.
- Призначений для відбору редакційних матеріалів, які визнані пріоритетними за редакторським вибором.
- Включає клас
pen-iconі відповідний атрибутdata-popular_article_filter="choice_editor".
Таким чином, наведені кнопки забезпечують зручний та інтуїтивний механізм сортування популярних новин за такими критеріями:
- Кількість переглядів;
- Активність у коментарях;
- Рейтинг читачів;
- Редакторський вибір.
Цей інтерфейс дозволяє користувачам швидко орієнтуватися у великій кількості інформаційних матеріалів, обираючи ті, які відповідають їхнім інтересам або мають найбільший суспільний резонанс. Кожна кнопка має власні стилі та іконографіку, що підвищує юзабіліті та візуально підкреслює її призначення.
