DEV: Изменение дизайна поста и фасеты в каталоге
Регистрация Войти

DEV: Изменение дизайна поста и фасеты в каталоге

Ранее, когда мы переходим в полный пост мы имели следующее поведение макета: боковая колонка пропадала. Теперь она остается, но слегка сужается по ширине. Там лайки и закладки будут находиться, если экран достаточно «широк».

Возможно, такой макет пошел от Medium и теперь достаточно популярен на многих проектах, включая Дзен и dev и т.д.

Сделал тут, можно посмотреть. На «широких» экранах лайки и закладки всегда «под рукой». Надо посмотреть удобство.

И фасеты. Первая часть сделана, но это не фасеты в общепринятом смысле, сейчас есть Иерархический метод с горизонтальными связями.

Иерархический метод
Выделил другим цветом, какие связи добавлены…

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

Фасеты впереди… Они нужны будут в будущем (общее понимание их, реализация и т.д.) для создание чего угодно. Это навигационная общая схема, которая может быть применена в поиске, в словарях, энциклопедиях, в каталогах (сайтов, программ, товаров), в магазинах и т.д.

От внешнего отображение может всё меняться. Мы можем сделать их вид жесткими категориями, они будут выглядеть так, но не будут такими по сути.

Посмотреть (расширенный иерархический метод): https://libarea.ru/web

LibArea Веб-разработка
9
363
+ Читать

4 Ответа

  1. Так значительно лучше, ИМХО. Что-то изменилось в восприятие очень сильно, не могу сформулировать.

    2
    Ответить

  1. Внес некоторые изменение. Удален UrlRecord класс и замена на Slug. Проверено на php 7.4 и 8+. UrlRecord в старой версии становится слишком сложный и работает просто по разному в разных версиях. Заплаток много. Еще изменения:

    • Добавил возможность отображать ссылки из подтем в родительских темах
    • + боковую колонку для голосования (UX) к полному посту
    • + подробную страницу сайта
    • + возможность сортировки сайтов в ленте
    • Незначительное изменение шаблона

    Залито на GitHub для теста и на этот сайт.

    Например показ из подтем, можно применить и в постах. Пост располагается в теме, тема имеет подтемы. Иногда делают показ в корневых темах то, что находится «ниже», посмотрим. Взял просто сайты, чтобы понаблюдать разное поведение и отображение, можно было взять программы или товары. Не важно, самое главное разобраться в работе и в «удобном» показе.

    Система может быть какой угодной сложной внутри, но с фронта она должна быть всегда простой.

    Вид, жестких категорий: https://libarea.ru/web/dir/all/hi-tech

    3
    Ответить

    1. Надо еще сайты добавить, чтобы была более наглядная картина, PHP тема пуста, например.

      1
      Ответить

  1. Ctrl+F5 — комбинация клавиш для обновления страницы напрямую, не обращаясь в кэш. При этом, данные в кэше также обновятся. Сделать необходимо. Обновил ряд js иcss файлов, + шаблоны. Убрал блочное описание button. Глаза мазолило.

    2
    Ответить