В макете «Список категорий» подкатегории отображаются с цветным кружком, а при ограниченном доступе — иконкой замка перед заголовком.
В макете «Коробки категорий» ни цветной кружок, ни иконка замка не отображаются, но если для подкатегории задан логотип, он показывается (по умолчанию уменьшен до 20 пикселей).
Это несогласованно. Должна быть хотя бы опция для приведения внешнего вида заголовков подкатегорий к стандартному (списочному) виду. В идеале также должна быть возможность отображать логотип в макете списка.
Или даже плагин- outlet, позволяющий нам исправить это нелогичное поведение (я искал, но не нашёл — если он есть, подскажите, какой это outlet?)
Обратите внимание, что у некоторых моих подкатегорий установлены изображения логотипов, и они отображаются.
Макет расточителен по части пространства: логотип категории ограничен 40 пикселями, но центрирован над заголовком. Логотипы подкатегорий не сохраняют своё соотношение сторон (расчёты --aspect-image не работают и, в любом случае, излишни; если просто задать высоту, соотношение будет соблюдено, если есть место).
Логотипы подкатегорий тоже немного велики, из-за чего увеличиваются отступы между строками.
Логотип плавает слева от заголовка, который центрирован в оставшемся пространстве.
Подкатегории расположены по одной на строку с цветной полосой и значком замка, но логотипы подкатегорий не отображаются (что соответствует стандартному поведению).
В блоке, на мой взгляд, не имеет смысла пытаться уместить два коротких заголовка подкатегорий на одной строке, если есть место; лучше, на мой взгляд, выделить для каждой отдельную строку, хотя другие могут предпочесть сжатие, если подкатегорий много.
Логотипы подкатегорий отображаются с высотой 18 пикселей и правильным соотношением сторон в конце заголовка. Это опционально; их можно разместить между значком замка и текстом, но я предпочитаю, чтобы полосы и заголовки были выровнены.
Также было бы логично добавить возможность использовать логотипы подкатегорий в других макетах по умолчанию, но я не стал возиться с ними.
Здесь я также использую компонент Category Icons (значок установлен только для подкатегории Niki Test), поэтому положение полосы немного сдвинуто, чтобы значок выровнялся с ней, а цвет значка совпадает с цветом полосы, так что он фактически используется вместо полосы. Однако это изменения самого компонента, а не ядра.
Наконец, вот как это выглядит, когда блоки подкатегорий отображаются выше тем родительской категории, если такая настройка включена.
Очевидно, что на данный момент нет дочерних категорий для отображения, но это придётся учесть. Также, возможно, лучше было бы вертикально выравнивать логотип, если заголовок очень длинный, — хотя, пожалуй, проще просто держать заголовки категорий короткими!
Итак, это сочетание HTML/text/x-handlebars в /head для темы, фактически заменяющее “components/categories-boxes”, и SCSS. Я с радостью отправлю код любому компетентному человеку для тестирования и загрузки на GitHub.
Это работает нормально на моём сайте, но могут быть и другие последствия, которые я не заметил.
Я планировал на этой неделе посмотреть на эту структуру, чтобы попытаться интегрировать третий уровень подкатегорий, так что я смогу одновременно проверить согласованность.
Я только что выкатил обновление с некоторыми начальными результатами.
Под-подкатегории в некоторой степени не относятся к этой теме, но они находятся в разработке и будут влиять на стиль этой страницы в будущем… именно поэтому я их включаю. Я не полностью доволен этим подходом по нескольким причинам, но это сложная разметка.
Из-за того, насколько может различаться содержимое этих блоков, возможно, нам стоит в какой-то момент обрезать под-подкатегории… или реализовать вычисления высоты через JS, чтобы применить мазонную разметку, где блоки не будут иметь одинаковую высоту? Нужно еще подумать над этим.
Для существующего единственного уровня подкатегорий я переключился на стиль бейджей для категорий вместо обычной ссылки. Также я улучшил наши расчеты соотношения сторон — они раньше практически не использовались.
Думаю, логотип над заголовком занимает слишком много вертикального пространства, которое и так в дефиците из-за длинного описания и нескольких подкатегорий.
Поскольку одно из преимуществ макета с блоками — возможность видеть больше категорий без прокрутки, было бы очень хорошо сделать по умолчанию расположение логотипа и заголовка рядом друг с другом. Конечно, этого можно добиться с помощью переопределений CSS, но было бы здорово, если бы это работало корректно по умолчанию.
По поводу проблемы с подкатегориями второго уровня: мне нравятся ваши вложенные блоки, но в качестве дополнительной опции можно было бы показывать только один уровень подкатегорий с индикатором, если есть более глубокие уровни — например, надпись «+N подкатегорий» мелким шрифтом под заголовком дочерней категории, если есть внучатые категории.
